fix: stabilize model and task UI hints

Keep thinking shortcut hint visible without layout shift
Restore JSON file icons across shared file lists
Use task status icons in the input status row

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

@@ -2409,9 +2409,24 @@ export const ModelControls: React.FC<ModelControlsProps> = ({
 
                             {/* Keyboard hints footer */}
                             <div className="px-3 pt-1 pb-1.5 border-t border-border/40 typography-micro text-muted-foreground">
-                                {t('chat.modelControls.keyboardHint', {
-                                    thinking: highlightedSupportsThinking ? ` • ${t('chat.modelControls.keyboardHintThinking')}` : '',
-                                })}
+                                {(() => {
+                                    const thinkingMarker = '__MODEL_THINKING_HINT__';
+                                    const thinkingHint = ` • ${t('chat.modelControls.keyboardHintThinking')}`;
+                                    const hintParts = t('chat.modelControls.keyboardHint', { thinking: thinkingMarker }).split(thinkingMarker);
+
+                                    return (
+                                        <>
+                                            {hintParts[0]}
+                                            <span
+                                                aria-disabled={!highlightedSupportsThinking}
+                                                className={cn(!highlightedSupportsThinking && 'opacity-40')}
+                                            >
+                                                {thinkingHint}
+                                            </span>
+                                            {hintParts[1]}
+                                        </>
+                                    );
+                                })()}
                             </div>
                         </DropdownMenuContent>
                     </DropdownMenu>

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

@@ -233,6 +233,10 @@ export const StatusRow: React.FC<StatusRowProps> = ({
   }, [isExpanded]);
 
   const toggleExpanded = () => setIsExpanded((prev) => !prev);
+  const todoSummaryLabel = t('chat.statusRow.summary.activeLeft', {
+    active: statusSummary.active,
+    left: statusSummary.left,
+  });
 
   // Abort button for mobile/vscode
   const abortButton = showAbort && onAbort ? (
@@ -252,6 +256,8 @@ export const StatusRow: React.FC<StatusRowProps> = ({
       type="button"
       onClick={toggleExpanded}
       className="flex items-center gap-1 flex-shrink-0 text-muted-foreground"
+      aria-label={todoSummaryLabel}
+      title={todoSummaryLabel}
     >
       {/* Desktop: show task text; Mobile/VSCode: just "Tasks" */}
       {!isCompact && activeTodo ? (
@@ -261,8 +267,16 @@ export const StatusRow: React.FC<StatusRowProps> = ({
       ) : (
         <span className="typography-ui-label">{t('chat.statusRow.tasksTitle')}</span>
       )}
-      <span className="typography-meta">
-        {t('chat.statusRow.summary.activeLeft', { active: statusSummary.active, left: statusSummary.left })}
+      <span className="typography-meta flex items-center gap-1 tabular-nums" aria-hidden="true">
+        <span className="flex items-center gap-0.5">
+          <RiRecordCircleLine className="h-3.5 w-3.5 text-[var(--status-info)]" />
+          {statusSummary.active}
+        </span>
+        <span>·</span>
+        <span className="flex items-center gap-0.5">
+          <RiTimeLine className="h-3.5 w-3.5" />
+          {statusSummary.left}
+        </span>
       </span>
       {isExpanded ? (
         <RiArrowUpSLine className="h-3.5 w-3.5" />