feat(chat): align command, shell, and subtask UX (#444)

* feat: reload interface after skills operations

- Adds configurable delay before interface reload after skills changes
- Introduces polling to wait for application health after reload
- Updates UI to show reload message when installing or modifying skills

* feat: distinguish skills from commands in UI

- Displays skill badge for commands that are registered skills
- Prevents editing skills through command management interface
- Triggers interface reload after skill operations to reflect changes

* feat(chat): align command and subtask UX with opencode parity

Route commands/shell via parity paths, render delegated subtasks cleanly, and surface child-session permission/question prompts in parent chat.

* fix(ProjectEditDialog): improve layout consistency

* fix: update task icon and session handling in ToolPart

* feat(chat): add shell-mode input and collapse shell bridge output

Switch leading ! to shell mode UX and fold synthetic shell bridge assistant messages into the user shell bubble with inline output actions.

* fix: remove AI agent icon from file mention autocomplete

* fix: remove unused icon import from file mention component

packages/ui/src/components/chat/ChatMessage.tsx

@@ -160,6 +160,7 @@ const ChatMessage: React.FC<ChatMessageProps> = ({
             const trimmed = text.trim();
             if (trimmed.startsWith('User has requested to enter plan mode')) return true;
             if (trimmed.startsWith('The plan at ')) return true;
+            if (trimmed.startsWith('The following tool was executed by the user')) return true;
             return false;
         };
 
@@ -176,6 +177,12 @@ const ChatMessage: React.FC<ChatMessageProps> = ({
             if (rawPart.type === 'compaction') {
                 return { type: 'text', text: '/compact' } as Part;
             }
+            if (rawPart.type === 'text') {
+                const text = typeof rawPart.text === 'string' ? rawPart.text.trim() : '';
+                if (text.startsWith('The following tool was executed by the user')) {
+                    return { type: 'text', text: '/shell' } as Part;
+                }
+            }
             return part;
         });
     }, [isUser, message.parts]);
@@ -460,10 +467,12 @@ const ChatMessage: React.FC<ChatMessageProps> = ({
         }
         const rawValue = partWithName.source && typeof partWithName.source.value === 'string' && partWithName.source.value.trim().length > 0
             ? partWithName.source.value
-            : `#${name}`;
+            : `@${name}`;
         return { name, token: rawValue } satisfies AgentMentionInfo;
     }, [isUser, message.parts]);
 
+    const shouldHideUserMessage = isUser && displayParts.length === 0;
+
     // Message is considered to have an "open step" if info.finish is not yet present
     const hasOpenStep = typeof messageFinish !== 'string';
 
@@ -642,6 +651,30 @@ const ChatMessage: React.FC<ChatMessageProps> = ({
 
     const messageTextContent = React.useMemo(() => {
         if (isUser) {
+            const shellOutputs = displayParts
+                .filter((part): part is Part & { type: 'text'; shellAction?: { output?: unknown } } => part.type === 'text')
+                .map((part) => {
+                    const output = part.shellAction?.output;
+                    return typeof output === 'string' ? output.trim() : '';
+                })
+                .filter((output) => output.length > 0);
+
+            if (shellOutputs.length > 0) {
+                return shellOutputs.join('\n\n');
+            }
+
+            const shellCommands = displayParts
+                .filter((part): part is Part & { type: 'text'; shellAction?: { command?: unknown } } => part.type === 'text')
+                .map((part) => {
+                    const command = part.shellAction?.command;
+                    return typeof command === 'string' ? command.trim() : '';
+                })
+                .filter((command) => command.length > 0);
+
+            if (shellCommands.length > 0) {
+                return shellCommands.join('\n');
+            }
+
             const textParts = displayParts
                 .filter((part): part is Part & { type: 'text'; text?: string; content?: string } => part.type === 'text')
                 .map((part) => {
@@ -885,6 +918,10 @@ const ChatMessage: React.FC<ChatMessageProps> = ({
         };
     }, [allowAnimation, isUser, resolvedAnimationHandlers, shouldReserveAnimationSpace]);
 
+    if (shouldHideUserMessage) {
+        return null;
+    }
+
     return (
         <>
             <div