@geminilight/mindos 0.6.23 → 0.6.27

package/app/components/agents/DiscoverAgentModal.tsx

@@ -0,0 +1,149 @@
+'use client';
+
+import { useState } from 'react';
+import { X, Loader2, Globe, AlertCircle, CheckCircle2 } from 'lucide-react';
+import { useLocale } from '@/lib/LocaleContext';
+import type { RemoteAgent } from '@/lib/a2a/types';
+
+interface DiscoverAgentModalProps {
+  open: boolean;
+  onClose: () => void;
+  onDiscover: (url: string) => Promise<RemoteAgent | null>;
+  discovering: boolean;
+  error: string | null;
+}
+
+export default function DiscoverAgentModal({
+  open,
+  onClose,
+  onDiscover,
+  discovering,
+  error,
+}: DiscoverAgentModalProps) {
+  const { t } = useLocale();
+  const p = t.panels.agents;
+  const [url, setUrl] = useState('');
+  const [result, setResult] = useState<RemoteAgent | null>(null);
+
+  if (!open) return null;
+
+  const handleDiscover = async () => {
+    if (!url.trim() || discovering) return;
+    setResult(null);
+    const agent = await onDiscover(url.trim());
+    if (agent) setResult(agent);
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') handleDiscover();
+    if (e.key === 'Escape') onClose();
+  };
+
+  const handleClose = () => {
+    setUrl('');
+    setResult(null);
+    onClose();
+  };
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40" onClick={handleClose}>
+      <div
+        className="bg-popover border border-border rounded-xl shadow-lg w-full max-w-md mx-4 p-5"
+        onClick={e => e.stopPropagation()}
+        role="dialog"
+        aria-modal="true"
+        aria-label={p.a2aDiscover}
+      >
+        <div className="flex items-center justify-between mb-4">
+          <h3 className="text-sm font-semibold text-foreground flex items-center gap-2">
+            <Globe size={15} className="text-muted-foreground" />
+            {p.a2aDiscover}
+          </h3>
+          <button
+            type="button"
+            onClick={handleClose}
+            className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            aria-label="Close"
+          >
+            <X size={14} />
+          </button>
+        </div>
+
+        <p className="text-2xs text-muted-foreground mb-3">{p.a2aDiscoverHint}</p>
+
+        <div className="flex gap-2 mb-4">
+          <input
+            type="url"
+            value={url}
+            onChange={e => setUrl(e.target.value)}
+            onKeyDown={handleKeyDown}
+            placeholder={p.a2aDiscoverPlaceholder}
+            disabled={discovering}
+            className="flex-1 px-3 py-2 text-xs rounded-lg border border-border bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
+            autoFocus
+          />
+          <button
+            type="button"
+            onClick={handleDiscover}
+            disabled={discovering || !url.trim()}
+            className="px-3 py-2 text-xs font-medium rounded-lg bg-foreground text-background hover:bg-foreground/90 disabled:opacity-50 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring flex items-center gap-1.5 shrink-0"
+          >
+            {discovering && <Loader2 size={12} className="animate-spin" />}
+            {discovering ? p.a2aDiscovering : p.a2aDiscover}
+          </button>
+        </div>
+
+        {error && !result && (
+          <div className="rounded-lg border border-error/30 bg-error/5 px-3 py-2.5 mb-3">
+            <div className="flex items-start gap-2">
+              <AlertCircle size={14} className="text-error mt-0.5 shrink-0" />
+              <div>
+                <p className="text-xs font-medium text-error">{p.a2aDiscoverFailed}</p>
+                <p className="text-2xs text-muted-foreground mt-0.5">{p.a2aDiscoverFailedHint}</p>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {result && (
+          <div className="rounded-lg border border-success/30 bg-success/5 px-3 py-2.5">
+            <div className="flex items-start gap-2">
+              <CheckCircle2 size={14} className="text-success mt-0.5 shrink-0" />
+              <div className="min-w-0">
+                <p className="text-xs font-medium text-success mb-1.5">{p.a2aDiscoverSuccess}</p>
+                <div className="space-y-1">
+                  <p className="text-xs font-medium text-foreground truncate" title={result.card.name}>
+                    {result.card.name}
+                    <span className="text-2xs text-muted-foreground ml-1.5">v{result.card.version}</span>
+                  </p>
+                  <p className="text-2xs text-muted-foreground truncate" title={result.card.description}>
+                    {result.card.description}
+                  </p>
+                  {result.card.skills.length > 0 && (
+                    <div className="mt-1.5">
+                      <p className="text-2xs text-muted-foreground mb-1">{p.a2aSkills}:</p>
+                      <div className="flex flex-wrap gap-1">
+                        {result.card.skills.map(s => (
+                          <span
+                            key={s.id}
+                            className="text-2xs px-1.5 py-0.5 rounded bg-muted/80 text-muted-foreground border border-border/50"
+                            title={s.description}
+                          >
+                            {s.name}
+                          </span>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                  <p className="text-2xs text-muted-foreground mt-1 truncate" title={result.endpoint}>
+                    {p.a2aEndpoint}: {result.endpoint}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

package/app/components/ask/AskContent.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useLayoutEffect, useRef, useState, useCallback } from 'react';
-import { Sparkles, Send, Paperclip, StopCircle, RotateCcw, History, X, Zap, Maximize2, Minimize2, PanelRight, AppWindow } from 'lucide-react';
+import { Sparkles, Send, Paperclip, StopCircle, SquarePen, History, X, Zap, Maximize2, Minimize2, PanelRight, AppWindow } from 'lucide-react';
 import { useLocale } from '@/lib/LocaleContext';
 import type { Message } from '@/lib/types';
 import { useAskSession } from '@/hooks/useAskSession';
@@ -13,6 +13,7 @@ import MessageList from '@/components/ask/MessageList';
 import MentionPopover from '@/components/ask/MentionPopover';
 import SlashCommandPopover from '@/components/ask/SlashCommandPopover';
 import SessionHistory from '@/components/ask/SessionHistory';
+import SessionTabBar from '@/components/ask/SessionTabBar';
 import FileChip from '@/components/ask/FileChip';
 import { consumeUIMessageStream } from '@/lib/agent/stream-consumer';
 import { isRetryableError, retryDelay, sleep } from '@/lib/agent/reconnect';
@@ -442,7 +443,7 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
           } else if (typeof errBody?.message === 'string' && errBody.message.trim()) {
             errorMsg = errBody.message;
           }
-        } catch {}
+        } catch (err) { console.warn("[AskContent] error body parse failed:", err); }
         const err = new Error(errorMsg);
         (err as Error & { httpStatus?: number }).httpStatus = res.status;
         throw err;
@@ -601,30 +602,41 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
           </span>
         </div>
         <div className="flex items-center gap-1">
-          <button type="button" onClick={() => setShowHistory(v => !v)} aria-pressed={showHistory} className={`p-1.5 rounded transition-colors ${showHistory ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground hover:bg-muted'}`} title="Session history">
+          <button type="button" onClick={() => setShowHistory(v => !v)} aria-pressed={showHistory} className={`p-1.5 rounded transition-colors ${showHistory ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground hover:bg-muted'}`} title={t.hints.sessionHistory}>
             <History size={iconSize} />
           </button>
-          <button type="button" onClick={handleResetSession} disabled={isLoading} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors disabled:opacity-40" title="New session">
-            <RotateCcw size={iconSize} />
+          <button type="button" onClick={handleResetSession} disabled={isLoading} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors disabled:opacity-40" title={t.hints.newSession}>
+            <SquarePen size={iconSize} />
           </button>
           {isPanel && onMaximize && (
-            <button type="button" onClick={onMaximize} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={maximized ? 'Restore panel' : 'Maximize panel'}>
+            <button type="button" onClick={onMaximize} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={maximized ? t.hints.restorePanel : t.hints.maximizePanel}>
               {maximized ? <Minimize2 size={iconSize} /> : <Maximize2 size={iconSize} />}
             </button>
           )}
           {onModeSwitch && (
-            <button type="button" onClick={onModeSwitch} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={askMode === 'popup' ? 'Dock to side panel' : 'Open as popup'}>
+            <button type="button" onClick={onModeSwitch} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={askMode === 'popup' ? t.hints.dockToSide : t.hints.openAsPopup}>
               {askMode === 'popup' ? <PanelRight size={iconSize} /> : <AppWindow size={iconSize} />}
             </button>
           )}
           {onClose && (
-            <button type="button" onClick={onClose} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" aria-label="Close">
+            <button type="button" onClick={onClose} className="p-1.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={t.hints.closePanel} aria-label="Close">
               <X size={isPanel ? iconSize : 15} />
             </button>
           )}
         </div>
       </div>
 
+      {/* Session tabs — panel variant only */}
+      {isPanel && session.sessions.length > 0 && (
+        <SessionTabBar
+          sessions={session.sessions}
+          activeSessionId={session.activeSessionId}
+          onLoad={handleLoadSession}
+          onDelete={session.deleteSession}
+          onNew={handleResetSession}
+        />
+      )}
+
       {showHistory && (
         <SessionHistory
           sessions={session.sessions}
@@ -770,7 +782,7 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
               isPanel ? 'min-h-0 flex-1 items-end gap-1.5 px-2 py-2' : 'items-end gap-2 px-3 py-3',
             )}
           >
-          <button type="button" onClick={() => upload.uploadInputRef.current?.click()} className="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0" title="Attach local file">
+          <button type="button" onClick={() => upload.uploadInputRef.current?.click()} className="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0" title={t.hints.attachFile}>
             <Paperclip size={inputIconSize} />
           </button>
 
@@ -807,7 +819,7 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
               {loadingPhase === 'reconnecting' ? <X size={inputIconSize} /> : <StopCircle size={inputIconSize} />}
             </button>
           ) : (
-            <button type="submit" disabled={!input.trim() || mention.mentionQuery !== null || slash.slashQuery !== null} className="p-1.5 rounded-md disabled:opacity-40 disabled:cursor-not-allowed transition-opacity shrink-0 bg-[var(--amber)] text-[var(--amber-foreground)]">
+            <button type="submit" disabled={!input.trim() || mention.mentionQuery !== null || slash.slashQuery !== null} title={!input.trim() ? t.hints.typeMessage : mention.mentionQuery !== null || slash.slashQuery !== null ? t.hints.mentionInProgress : undefined} className="p-1.5 rounded-md disabled:opacity-40 disabled:cursor-not-allowed transition-opacity shrink-0 bg-[var(--amber)] text-[var(--amber-foreground)]">
               <Send size={isPanel ? 13 : 14} />
             </button>
           )}

package/app/components/ask/MentionPopover.tsx

@@ -54,9 +54,9 @@ export default function MentionPopover({ results, selectedIndex, query, onSelect
             ) : (
               <FileText size={13} className="text-muted-foreground shrink-0" />
             )}
-            <span className="truncate font-medium flex-1"><HighlightMatch text={name} query={query} /></span>
+            <span className="truncate font-medium flex-1" title={name}><HighlightMatch text={name} query={query} /></span>
             {dir && (
-              <span className="text-2xs text-muted-foreground/40 truncate max-w-[140px] shrink-0">
+              <span className="text-2xs text-muted-foreground/40 truncate max-w-[140px] shrink-0" title={dir}>
                 <HighlightMatch text={dir} query={query} />
               </span>
             )}

package/app/components/ask/SessionTabBar.tsx

@@ -0,0 +1,70 @@
+'use client';
+
+import { Plus, X } from 'lucide-react';
+import type { ChatSession } from '@/lib/types';
+import { sessionTitle } from '@/hooks/useAskSession';
+import { useLocale } from '@/lib/LocaleContext';
+
+interface SessionTabBarProps {
+  sessions: ChatSession[];
+  activeSessionId: string | null;
+  onLoad: (id: string) => void;
+  onDelete: (id: string) => void;
+  onNew: () => void;
+  maxTabs?: number;
+}
+
+export default function SessionTabBar({
+  sessions, activeSessionId, onLoad, onDelete, onNew, maxTabs = 3,
+}: SessionTabBarProps) {
+  const { t } = useLocale();
+  const visibleSessions = sessions.slice(0, 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 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>
+              {visibleSessions.length > 1 && (
+                <span
+                  role="button"
+                  tabIndex={0}
+                  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"
+                  title={t.hints.closeSession}
+                >
+                  <X size={10} />
+                </span>
+              )}
+            </button>
+          );
+        })}
+      </div>
+      <button
+        type="button"
+        onClick={onNew}
+        className="shrink-0 p-2 text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
+        title={t.hints.newChat}
+      >
+        <Plus size={13} />
+      </button>
+    </div>
+  );
+}

package/app/components/ask/SlashCommandPopover.tsx

@@ -49,7 +49,7 @@ export default function SlashCommandPopover({ results, selectedIndex, query, onS
             <Zap size={13} className="text-[var(--amber)] shrink-0" />
             <span className="text-sm font-medium shrink-0">/<HighlightMatch text={item.name} query={query} /></span>
             {item.description && (
-              <span className="text-2xs text-muted-foreground/50 truncate min-w-0 flex-1">{item.description}</span>
+              <span className="text-2xs text-muted-foreground/50 truncate min-w-0 flex-1" title={item.description}>{item.description}</span>
             )}
           </button>
         ))}

package/app/components/echo/EchoInsightCollapsible.tsx

@@ -7,6 +7,7 @@ import remarkGfm from 'remark-gfm';
 import { cn } from '@/lib/utils';
 import { consumeUIMessageStream } from '@/lib/agent/stream-consumer';
 import { useSettingsAiAvailable } from '@/hooks/useSettingsAiAvailable';
+import { useLocale } from '@/lib/LocaleContext';
 
 const proseInsight =
   'prose prose-sm prose-panel dark:prose-invert max-w-none text-foreground ' +
@@ -50,6 +51,7 @@ export function EchoInsightCollapsible({
   const btnId = `${panelId}-btn`;
   const abortRef = useRef<AbortController | null>(null);
   const { ready: aiReady, loading: aiLoading } = useSettingsAiAvailable();
+  const { t } = useLocale();
 
   useEffect(() => () => abortRef.current?.abort(), []);
 
@@ -145,6 +147,7 @@ export function EchoInsightCollapsible({
               <button
                 type="button"
                 disabled={generateDisabled}
+                title={generateDisabled ? t.hints.aiNotConfigured : undefined}
                 onClick={runGenerate}
                 className="inline-flex items-center gap-2 rounded-lg bg-[var(--amber)] px-3 py-2 font-sans text-sm font-medium text-[var(--amber-foreground)] transition-opacity duration-150 hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
               >
@@ -160,6 +163,7 @@ export function EchoInsightCollapsible({
                   type="button"
                   onClick={runGenerate}
                   disabled={streaming || !aiReady}
+                  title={streaming || !aiReady ? t.hints.generationInProgress : undefined}
                   className="font-sans text-sm text-[var(--amber)] underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm"
                 >
                   {retryLabel}

package/app/components/explore/UseCaseCard.tsx

@@ -20,10 +20,10 @@ export default function UseCaseCard({ icon, title, description, prompt, tryItLab
           {icon}
         </span>
         <div className="flex-1 min-w-0">
-          <h3 className="text-sm font-semibold font-display truncate text-foreground">
+          <h3 className="text-sm font-semibold font-display truncate text-foreground" title={title}>
             {title}
           </h3>
-          <p className="text-xs leading-relaxed mt-1 line-clamp-2 text-muted-foreground">
+          <p className="text-xs leading-relaxed mt-1 line-clamp-2 text-muted-foreground" title={description}>
             {description}
           </p>
         </div>

package/app/components/help/HelpContent.tsx

@@ -59,7 +59,12 @@ function PromptBlock({ text, copyLabel }: { text: string; copyLabel: string }) {
     navigator.clipboard.writeText(clean).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
-    }).catch(() => {});
+    }).catch((err) => {
+      console.error('[HelpContent] Clipboard copy failed:', err);
+      // Show error feedback in UI
+      setCopied(true); // Reuse copied state to show error
+      setTimeout(() => setCopied(false), 2000);
+    });
   }, [text]);
 
   return (

package/app/components/panels/AgentsPanel.tsx

@@ -2,12 +2,14 @@
 
 import { useState } from 'react';
 import { usePathname } from 'next/navigation';
-import { Loader2, RefreshCw, Settings } from 'lucide-react';
+import { Globe, Loader2, RefreshCw, Settings } from 'lucide-react';
 import { useMcpData } from '@/hooks/useMcpData';
+import { useA2aRegistry } from '@/hooks/useA2aRegistry';
 import { useLocale } from '@/lib/LocaleContext';
 import PanelHeader from './PanelHeader';
 import { AgentsPanelHubNav } from './AgentsPanelHubNav';
 import { AgentsPanelAgentGroups } from './AgentsPanelAgentGroups';
+import DiscoverAgentModal from '../agents/DiscoverAgentModal';
 
 interface AgentsPanelProps {
   active: boolean;
@@ -28,6 +30,8 @@ export default function AgentsPanel({
   const pathname = usePathname();
   const [refreshing, setRefreshing] = useState(false);
   const [showNotDetected, setShowNotDetected] = useState(false);
+  const [showDiscoverModal, setShowDiscoverModal] = useState(false);
+  const a2a = useA2aRegistry();
 
   const handleRefresh = async () => {
     setRefreshing(true);
@@ -82,6 +86,9 @@ export default function AgentsPanel({
           {!mcp.loading && (
             <span className="text-2xs text-muted-foreground">
               {connected.length} {p.connected}
+              {a2a.agents.length > 0 && (
+                <> &middot; {p.a2aLabel} {a2a.agents.length}</>
+              )}
             </span>
           )}
           <button
@@ -146,7 +153,15 @@ export default function AgentsPanel({
         )}
       </div>
 
-      <div className="px-3 py-2 border-t border-border shrink-0">
+      <div className="px-3 py-2 border-t border-border shrink-0 space-y-1">
+        <button
+          type="button"
+          onClick={() => setShowDiscoverModal(true)}
+          className="flex items-center gap-1.5 text-2xs text-muted-foreground hover:text-foreground transition-colors w-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm"
+        >
+          <Globe size={11} />
+          {p.a2aDiscover}
+        </button>
         <button
           type="button"
           onClick={openAdvancedConfig}
@@ -156,6 +171,14 @@ export default function AgentsPanel({
           {p.advancedConfig}
         </button>
       </div>
+
+      <DiscoverAgentModal
+        open={showDiscoverModal}
+        onClose={() => setShowDiscoverModal(false)}
+        onDiscover={a2a.discover}
+        discovering={a2a.discovering}
+        error={a2a.error}
+      />
     </div>
   );
 }

package/app/components/panels/AgentsPanelAgentDetail.tsx

@@ -85,7 +85,7 @@ export default function AgentsPanelAgentDetail({
         <header className="shrink-0 flex items-center justify-between gap-3 border-b border-border px-4 py-3 bg-card">
           <div className="flex items-center gap-2.5 min-w-0">
             <span className={`w-2 h-2 rounded-full shrink-0 ${dot}`} />
-            <h2 className="text-sm font-semibold text-foreground truncate font-display">{agent.name}</h2>
+            <h2 className="text-sm font-semibold text-foreground truncate font-display" title={agent.name}>{agent.name}</h2>
           </div>
           <button
             type="button"
@@ -107,7 +107,7 @@ export default function AgentsPanelAgentDetail({
             {copy.backToList}
           </button>
           <span className={`w-1.5 h-1.5 rounded-full shrink-0 ${dot}`} />
-          <span className="text-sm font-medium text-foreground truncate">{agent.name}</span>
+          <span className="text-sm font-medium text-foreground truncate" title={agent.name}>{agent.name}</span>
         </div>
       )}
 

package/app/components/panels/DiscoverPanel.tsx

@@ -32,7 +32,7 @@ function UseCaseRow({
   return (
     <div className="group flex items-center gap-2.5 px-4 py-1.5 hover:bg-muted/50 transition-colors rounded-sm mx-1">
       <span className="text-muted-foreground shrink-0">{icon}</span>
-      <span className="text-xs text-foreground truncate flex-1">{title}</span>
+      <span className="text-xs text-foreground truncate flex-1" title={title}>{title}</span>
       <button
         onClick={() => openAskModal(prompt, 'user')}
         className="opacity-0 group-hover:opacity-100 text-2xs px-2 py-0.5 rounded text-[var(--amber-text)] bg-[var(--amber-dim)] hover:opacity-80 transition-all duration-150 shrink-0"
@@ -85,7 +85,7 @@ export default function DiscoverPanel({ active, maximized, onMaximize }: Discove
         const pathSet = new Set(allPaths);
         setExistingFiles(new Set(entryPaths.filter(ep => pathSet.has(ep))));
       })
-      .catch(() => {});
+      .catch((err) => { console.warn("[DiscoverPanel] fetch /api/files failed:", err); });
   }, [pluginsMounted]);
 
   const handleToggle = useCallback((id: string, enabled: boolean) => {
@@ -170,7 +170,7 @@ export default function DiscoverPanel({ active, maximized, onMaximize }: Discove
                     onKeyDown={canOpen ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleOpenPlugin(r.entryPath!); } } : undefined}
                   >
                     <span className="text-sm shrink-0" suppressHydrationWarning>{r.icon}</span>
-                    <span className="text-xs text-foreground truncate flex-1">{r.name}</span>
+                    <span className="text-xs text-foreground truncate flex-1" title={r.name}>{r.name}</span>
                     {r.core ? (
                       <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground shrink-0">{p.core}</span>
                     ) : (

package/app/components/panels/PanelNavRow.tsx

@@ -28,9 +28,9 @@ export function PanelNavRow({
     <>
       <span className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted">{icon}</span>
       <span className="flex-1 min-w-0">
-        <span className="block text-left text-sm font-medium text-foreground truncate">{title}</span>
+        <span className="block text-left text-sm font-medium text-foreground truncate" title={title}>{title}</span>
         {subtitle ? (
-          <span className="block text-left text-2xs text-muted-foreground truncate">{subtitle}</span>
+          <span className="block text-left text-2xs text-muted-foreground truncate" title={subtitle}>{subtitle}</span>
         ) : null}
       </span>
       {badge}

package/app/components/panels/PluginsPanel.tsx

@@ -44,7 +44,7 @@ export default function PluginsPanel({ active, maximized, onMaximize }: PluginsP
         const pathSet = new Set(allPaths);
         setExistingFiles(new Set(entryPaths.filter(p => pathSet.has(p))));
       })
-      .catch(() => {});
+      .catch((err) => { console.warn("[PluginsPanel] fetch /api/files failed:", err); });
   }, [mounted]);
 
   const renderers = mounted ? getPluginRenderers() : [];

package/app/components/panels/SearchPanel.tsx

@@ -150,13 +150,13 @@ export default function SearchPanel({ active, onNavigate, maximized, onMaximize
               }
               <div className="min-w-0 flex-1">
                 <div className="flex items-baseline gap-2 flex-wrap">
-                  <span className="text-sm text-foreground font-medium truncate">{fileName}</span>
+                  <span className="text-sm text-foreground font-medium truncate" title={fileName}>{fileName}</span>
                   {dirPath && (
-                    <span className="text-xs text-muted-foreground truncate">{dirPath}</span>
+                    <span className="text-xs text-muted-foreground truncate" title={dirPath}>{dirPath}</span>
                   )}
                 </div>
                 {result.snippet && (
-                  <p className="text-xs text-muted-foreground mt-0.5 line-clamp-2 leading-relaxed">
+                  <p className="text-xs text-muted-foreground mt-0.5 line-clamp-2 leading-relaxed" title={result.snippet}>
                     {highlightSnippet(result.snippet, query)}
                   </p>
                 )}

package/app/components/renderers/summary/SummaryRenderer.tsx

@@ -55,7 +55,7 @@ export function SummaryRenderer({ filePath }: RendererContext) {
   useEffect(() => {
     apiFetch<RecentFile[]>(`/api/recent-files?limit=${LIMIT}`)
       .then((data) => setRecentFiles(data.filter(f => f.path.endsWith('.md'))))
-      .catch(() => {});
+      .catch((err) => { console.warn("[SummaryRenderer] fetch recent-files failed:", err); });
   }, [filePath]);
 
   async function generate() {

package/app/components/renderers/workflow/WorkflowRenderer.tsx

@@ -3,6 +3,7 @@
 import { useMemo, useState, useRef, useCallback } from 'react';
 import { Play, SkipForward, RotateCcw, CheckCircle2, Circle, Loader2, AlertCircle, ChevronDown, Sparkles } from 'lucide-react';
 import type { RendererContext } from '@/lib/renderers/registry';
+import { useLocale } from '@/lib/LocaleContext';
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -171,6 +172,7 @@ function StepCard({
   onSkip: () => void;
   canRun: boolean;
 }) {
+  const { t } = useLocale();
   const [expanded, setExpanded] = useState(false);
   const hasBody = step.body.trim().length > 0;
   const hasOutput = step.output.length > 0;
@@ -201,6 +203,7 @@ function StepCard({
               <button
                 onClick={onRun}
                 disabled={!canRun}
+                title={!canRun ? t.hints.workflowStepRunning : undefined}
                 style={{
                   display: 'flex', alignItems: 'center', gap: 4,
                   padding: '3px 10px', borderRadius: 6, fontSize: '0.72rem',
@@ -268,6 +271,7 @@ function StepCard({
 // ─── Main renderer ────────────────────────────────────────────────────────────
 
 export function WorkflowRenderer({ filePath, content }: RendererContext) {
+  const { t } = useLocale();
   const parsed = useMemo(() => parseWorkflow(content), [content]);
   const [steps, setSteps] = useState<WorkflowStep[]>(() => parsed.steps);
   const [running, setRunning] = useState(false);
@@ -357,6 +361,7 @@ export function WorkflowRenderer({ filePath, content }: RendererContext) {
             <button
               onClick={() => runStep(nextPendingIdx)}
               disabled={running}
+              title={running ? t.hints.workflowRunning : undefined}
               style={{
                 display: 'flex', alignItems: 'center', gap: 5,
                 padding: '4px 12px', borderRadius: 7, fontSize: '0.75rem',

package/app/components/settings/AiTab.tsx

@@ -51,7 +51,7 @@ export function AiTab({ data, updateAi, updateAgent, t }: AiTabProps) {
   // Sync reconnectRetries to localStorage so AskContent can read it without fetching settings
   useEffect(() => {
     const v = data.agent?.reconnectRetries ?? 3;
-    try { localStorage.setItem('mindos-reconnect-retries', String(v)); } catch {}
+    try { localStorage.setItem('mindos-reconnect-retries', String(v)); } catch (err) { console.warn("[AiTab] localStorage setItem reconnectRetries failed:", err); }
   }, [data.agent?.reconnectRetries]);
 
   const handleTestKey = useCallback(async (providerName: 'anthropic' | 'openai') => {
@@ -125,6 +125,7 @@ export function AiTab({ data, updateAi, updateAgent, t }: AiTabProps) {
         <button
           type="button"
           disabled={disabled}
+          title={disabled ? t.hints.testInProgressOrNoKey : undefined}
           onClick={() => handleTestKey(providerName)}
           className="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs rounded-lg border border-border text-muted-foreground hover:text-foreground hover:border-foreground/20 transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
         >
@@ -271,7 +272,7 @@ export function AiTab({ data, updateAi, updateAgent, t }: AiTabProps) {
               onChange={e => {
                 const v = Number(e.target.value);
                 updateAgent({ reconnectRetries: v });
-                try { localStorage.setItem('mindos-reconnect-retries', String(v)); } catch {}
+                try { localStorage.setItem('mindos-reconnect-retries', String(v)); } catch (err) { console.warn("[AiTab] localStorage setItem reconnectRetries failed:", err); }
               }}
             >
               <option value="0">Off</option>
@@ -434,13 +435,13 @@ function AskDisplayMode() {
     try {
       const stored = localStorage.getItem('ask-mode');
       if (stored === 'popup') setMode('popup');
-    } catch {}
+    } catch (err) { console.warn("[AiTab] localStorage getItem ask-mode failed:", err); }
   }, []);
 
   const handleChange = (value: string) => {
     const next = value as 'panel' | 'popup';
     setMode(next);
-    try { localStorage.setItem('ask-mode', next); } catch {}
+    try { localStorage.setItem('ask-mode', next); } catch (err) { console.warn("[AiTab] localStorage setItem ask-mode failed:", err); }
     // Notify SidebarLayout to pick up the change
     window.dispatchEvent(new StorageEvent('storage', { key: 'ask-mode', newValue: next }));
   };