@geminilight/mindos 0.6.58 → 0.6.60

package/app/components/ask/SessionTabBar.tsx

@@ -19,48 +19,56 @@ export default function SessionTabBar({
 }: SessionTabBarProps) {
   const { t } = useLocale();
   const visibleSessions = sessions.slice(0, maxTabs);
+  const hasMore = sessions.length > maxTabs;
 
   if (visibleSessions.length === 0) return null;
 
   return (
-    <div className="flex items-center border-b border-border shrink-0 bg-background/50">
+    <div className="flex items-center border-b border-border/60 shrink-0 bg-background/50" role="tablist">
       <div className="flex flex-1 min-w-0">
         {visibleSessions.map((s) => {
           const isActive = s.id === activeSessionId;
           const title = sessionTitle(s);
           return (
-            <button
-              key={s.id}
-              type="button"
-              onClick={() => onLoad(s.id)}
-              className={`group relative flex items-center gap-1 min-w-0 max-w-[160px] px-3 py-2 text-xs transition-colors
-                ${isActive
-                  ? 'text-foreground border-b-2 border-[var(--amber)] bg-card'
-                  : 'text-muted-foreground hover:text-foreground hover:bg-muted/50 border-b-2 border-transparent'
-                }`}
-              title={title}
-            >
-              <span className="truncate">{title === '(empty session)' ? t.hints.newChat : title}</span>
+            <div key={s.id} className="group relative flex items-center min-w-0 max-w-[160px]">
+              <button
+                type="button"
+                role="tab"
+                aria-selected={isActive}
+                onClick={() => onLoad(s.id)}
+                className={`flex-1 min-w-0 px-3 py-2.5 text-xs transition-colors truncate
+                  ${isActive
+                    ? 'text-foreground border-b-2 border-[var(--amber)] bg-card font-medium'
+                    : 'text-muted-foreground hover:text-foreground hover:bg-muted/50 border-b-2 border-transparent'
+                  }`}
+                title={title}
+              >
+                {title === '(empty session)' ? t.hints.newChat : title}
+              </button>
               {visibleSessions.length > 1 && (
-                <span
-                  role="button"
-                  tabIndex={0}
+                <button
+                  type="button"
                   onClick={(e) => { e.stopPropagation(); onDelete(s.id); }}
-                  onKeyDown={(e) => { if (e.key === 'Enter') { e.stopPropagation(); onDelete(s.id); } }}
-                  className="shrink-0 p-0.5 rounded opacity-0 group-hover:opacity-100 hover:bg-muted hover:text-error transition-opacity"
+                  className="absolute right-0.5 top-1/2 -translate-y-1/2 shrink-0 p-0.5 rounded opacity-100 md:opacity-0 md:group-hover:opacity-100 hover:bg-muted hover:text-error transition-opacity"
                   title={t.hints.closeSession}
+                  aria-label={`${t.hints.closeSession}: ${title}`}
                 >
                   <X size={10} />
-                </span>
+                </button>
               )}
-            </button>
+            </div>
           );
         })}
+        {hasMore && (
+          <span className="flex items-center px-2 text-2xs text-muted-foreground/60">
+            +{sessions.length - maxTabs}
+          </span>
+        )}
       </div>
       <button
         type="button"
         onClick={onNew}
-        className="shrink-0 p-2 text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
+        className="shrink-0 p-2 text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors rounded-lg"
         title={t.hints.newChat}
       >
         <Plus size={13} />

package/app/components/ask/ThinkingBlock.tsx

@@ -16,11 +16,12 @@ export default function ThinkingBlock({ text, isStreaming }: ThinkingBlockProps)
   if (!text && !isStreaming) return null;
 
   return (
-    <div className="my-1 rounded-md border border-border/40 bg-muted/20 text-xs">
+    <div className="my-1.5 rounded-lg border border-border/30 bg-muted/15 text-xs">
       <button
         type="button"
         onClick={() => setExpanded(v => !v)}
-        className="w-full flex items-center gap-1.5 px-2 py-1.5 text-left hover:bg-muted/30 transition-colors rounded-md"
+        aria-expanded={expanded}
+        className="w-full flex items-center gap-1.5 px-2.5 py-2 text-left hover:bg-muted/30 transition-colors rounded-lg"
       >
         {expanded ? (
           <ChevronDown size={12} className="shrink-0 text-muted-foreground" />
@@ -35,17 +36,17 @@ export default function ThinkingBlock({ text, isStreaming }: ThinkingBlockProps)
           )}
         </span>
         {!expanded && text && (
-          <span className="text-muted-foreground/60 truncate flex-1 ml-1">
+          <span className="text-muted-foreground/50 truncate flex-1 ml-1">
             {text.slice(0, 80)}{text.length > 80 ? '...' : ''}
           </span>
         )}
       </button>
       {expanded && (
-        <div className="px-2 pb-2 pt-0.5 border-t border-border/30">
+        <div className="px-2.5 pb-2.5 pt-1 border-t border-border/20">
           <div className="text-muted-foreground whitespace-pre-wrap leading-relaxed">
             {text}
             {isStreaming && (
-              <span className="inline-block w-1 h-3 bg-muted-foreground/40 ml-0.5 align-middle animate-pulse rounded-sm" />
+              <span className="inline-block w-1 h-3 bg-muted-foreground/40 ml-0.5 align-middle animate-pulse rounded-full" />
             )}
           </div>
         </div>

package/app/components/ask/ToolCallBlock.tsx

@@ -101,15 +101,16 @@ export default function ToolCallBlock({ part }: { part: ToolCallPart }) {
     : formatInput(part.input);
 
   return (
-    <div className={`my-1 rounded-md border text-xs font-mono ${
+    <div className={`my-1.5 rounded-lg border text-xs font-mono ${
       isDestructive
         ? 'border-[var(--amber)]/30 bg-background/60'
-        : 'border-border/50 bg-background/60'
+        : 'border-border/40 bg-background/50'
     }`}>
       <button
         type="button"
         onClick={() => setManualToggle(v => v === null ? !expanded : !v)}
-        className="w-full flex items-center gap-1.5 px-2 py-1.5 text-left hover:bg-muted/30 transition-colors rounded-md"
+        aria-expanded={expanded}
+        className="w-full flex items-center gap-1.5 px-2.5 py-2 text-left hover:bg-muted/30 transition-colors rounded-lg"
       >
         {expanded ? <ChevronDown size={12} className="shrink-0 text-muted-foreground" /> : <ChevronRight size={12} className="shrink-0 text-muted-foreground" />}
         {isDestructive && <AlertTriangle size={11} className="shrink-0 text-[var(--amber)]" />}
@@ -161,19 +162,19 @@ export default function ToolCallBlock({ part }: { part: ToolCallPart }) {
             </div>
           ) : (
             /* Fallback: show input (always), output when available */
-            <div className="px-2 pb-2 pt-1 space-y-1">
+            <div className="px-2.5 pb-2.5 pt-1.5 space-y-1.5">
               {part.state === 'running' && (
-                <div className="text-muted-foreground/60 text-2xs flex items-center gap-1">
+                <div className="text-muted-foreground/60 text-2xs flex items-center gap-1.5">
                   <Loader2 size={10} className="animate-spin" /> Running...
                 </div>
               )}
-              <div className="text-muted-foreground">
-                <span className="font-semibold">Input: </span>
+              <div className="text-muted-foreground leading-relaxed">
+                <span className="font-semibold text-foreground/70">Input: </span>
                 <span className="break-all whitespace-pre-wrap">{JSON.stringify(part.input, null, 2)}</span>
               </div>
               {part.output !== undefined && part.output !== '' && (
-                <div className="text-muted-foreground">
-                  <span className="font-semibold">Output: </span>
+                <div className="text-muted-foreground leading-relaxed">
+                  <span className="font-semibold text-foreground/70">Output: </span>
                   <span className="break-all whitespace-pre-wrap">{part.output.length > 500 ? part.output.slice(0, 500) + '…' : part.output}</span>
                 </div>
               )}

package/app/components/changes/ChangesBanner.tsx

@@ -111,7 +111,7 @@ export default function ChangesBanner() {
             <History size={14} />
           </span>
           <div className="min-w-0 flex-1">
-            <p className="text-xs text-foreground font-display whitespace-nowrap">
+            <p className="text-xs text-foreground font-medium whitespace-nowrap">
               {t.changes.unreadBanner(unreadCount)}
             </p>
             <div className="mt-1 flex items-center gap-1.5">