@geminilight/mindos 0.6.25 → 0.7.0

package/README.md

@@ -240,7 +240,7 @@ MindOS/
 ├── mcp/              # MCP Server — HTTP adapter that maps tools to App API
 ├── skills/           # MindOS Skills (`mindos`, `mindos-zh`) — Workflow guides for Agents
 ├── templates/        # Preset templates (`en/`, `zh/`, `empty/`) — copied to knowledge base on onboard
-├── bin/              # CLI entry point (`mindos onboard`, `mindos start`, `mindos open`, `mindos sync`, `mindos token`)
+├── bin/              # CLI (`mindos start`, `mindos file`, `mindos ask`, `mindos agent`, ... 22 commands)
 ├── scripts/          # Setup wizard and helper scripts
 └── README.md
 
@@ -256,14 +256,30 @@ MindOS/
 
 | Command | Description |
 | :--- | :--- |
+| **Core** | |
 | `mindos onboard` | Interactive setup (config, template, start mode) |
 | `mindos start` | Start app + MCP server (foreground) |
 | `mindos start --daemon` | Start as background OS service |
+| `mindos stop` / `restart` | Stop or restart running processes |
+| `mindos dev` | Start in dev mode |
+| `mindos build` | Build for production |
+| `mindos status` | Show service status overview |
 | `mindos open` | Open Web UI in browser |
+| **Knowledge** | |
+| `mindos file <sub>` | File operations (list, read, create, delete, search) |
+| `mindos space <sub>` | Space management (list, create, info) |
+| `mindos search "<query>"` | Search knowledge base |
+| `mindos ask "<question>"` | Ask AI using your knowledge base |
+| `mindos agent <sub>` | AI Agent management (list, info) |
+| `mindos api <METHOD> <path>` | Raw API passthrough for developers/agents |
+| **MCP & Config** | |
 | `mindos mcp install` | Auto-install MCP config into your Agent |
-| `mindos sync init` | Setup Git remote sync |
-| `mindos update` | Update to latest version |
+| `mindos token` | Show auth token and MCP config |
+| `mindos config <sub>` | View/update config (show, set, validate) |
+| `mindos sync` | Show sync status (init, now, conflicts, on/off) |
+| `mindos gateway <sub>` | Manage background service (install, start, stop) |
 | `mindos doctor` | Health check |
+| `mindos update` | Update to latest version |
 
 **Keyboard shortcuts:** `⌘K` Search · `⌘/` AI Assistant · `E` Edit · `⌘S` Save · `Esc` Close
 

package/README_zh.md

@@ -240,7 +240,7 @@ MindOS/
 ├── mcp/              # MCP Server — 将工具映射到 App API 的 HTTP 适配器
 ├── skills/           # MindOS Skills（`mindos`、`mindos-zh`）— Agent 工作流指南
 ├── templates/        # 预设模板（`en/`、`zh/`、`empty/`）— onboard 时复制到知识库目录
-├── bin/              # CLI 入口（`mindos onboard`、`mindos start`、`mindos open`、`mindos sync`、`mindos token`）
+├── bin/              # CLI（`mindos start`、`mindos file`、`mindos ask`、`mindos agent` 等 22 个命令）
 ├── scripts/          # 配置向导与辅助脚本
 └── README.md
 
@@ -256,14 +256,30 @@ MindOS/
 
 | 命令 | 说明 |
 | :--- | :--- |
+| **核心** | |
 | `mindos onboard` | 交互式初始化（生成配置、选择模板） |
 | `mindos start` | 前台启动 app + MCP 服务 |
 | `mindos start --daemon` | 以后台 OS 服务方式启动 |
+| `mindos stop` / `restart` | 停止或重启服务 |
+| `mindos dev` | 开发模式启动 |
+| `mindos build` | 构建生产版本 |
+| `mindos status` | 查看服务状态概览 |
 | `mindos open` | 在浏览器中打开 Web UI |
+| **知识库** | |
+| `mindos file <sub>` | 文件操作（list, read, create, delete, search） |
+| `mindos space <sub>` | 空间管理（list, create, info） |
+| `mindos search "<query>"` | 搜索知识库 |
+| `mindos ask "<question>"` | 基于知识库向 AI 提问 |
+| `mindos agent <sub>` | AI Agent 管理（list, info） |
+| `mindos api <METHOD> <path>` | API 透传（开发者/Agent 用） |
+| **MCP 与配置** | |
 | `mindos mcp install` | 自动将 MCP 配置写入 Agent |
-| `mindos sync init` | 配置 Git 远程同步 |
-| `mindos update` | 更新到最新版本 |
+| `mindos token` | 查看认证令牌和 MCP 配置 |
+| `mindos config <sub>` | 查看/修改配置（show, set, validate） |
+| `mindos sync` | 同步状态（init, now, conflicts, on/off） |
+| `mindos gateway <sub>` | 管理后台服务（install, start, stop） |
 | `mindos doctor` | 健康检查 |
+| `mindos update` | 更新到最新版本 |
 
 **快捷键：** `⌘K` 搜索 · `⌘/` AI 助手 · `E` 编辑 · `⌘S` 保存 · `Esc` 关闭
 

package/app/app/api/a2a/discover/route.ts

@@ -0,0 +1,23 @@
+import { NextResponse } from 'next/server';
+import { discoverAgent } from '@/lib/a2a/client';
+
+export async function POST(req: Request) {
+  try {
+    const { url } = await req.json();
+    if (!url || typeof url !== 'string') {
+      return NextResponse.json({ error: 'URL is required' }, { status: 400 });
+    }
+
+    const agent = await discoverAgent(url);
+    if (!agent) {
+      return NextResponse.json({ error: 'No A2A agent found', agent: null });
+    }
+
+    return NextResponse.json({ agent });
+  } catch (err) {
+    return NextResponse.json(
+      { error: (err as Error).message, agent: null },
+      { status: 500 },
+    );
+  }
+}

package/app/components/CreateSpaceModal.tsx

@@ -224,6 +224,7 @@ export default function CreateSpaceModal({ t, dirPaths }: { t: ReturnType<typeof
               role="switch"
               aria-checked={useAi}
               disabled={!aiAvailable}
+              title={!aiAvailable ? t.hints.configureAiKey : undefined}
               onClick={() => setUseAi(v => !v)}
               className={`relative mt-0.5 inline-flex shrink-0 h-4 w-7 cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${
                 useAi ? 'bg-[var(--amber)]' : 'bg-muted'

package/app/components/ImportModal.tsx

@@ -387,6 +387,7 @@ export default function ImportModal({ open, onClose, defaultSpace, initialFiles,
                   onClick={() => handleIntentSelect('archive')}
                   className="flex flex-col items-center gap-2 p-4 border rounded-lg cursor-pointer transition-all duration-150 border-[var(--amber)]/30 bg-card hover:border-[var(--amber)]/60 hover:shadow-sm active:scale-[0.98] text-left"
                   disabled={im.validFiles.length === 0}
+                  title={im.validFiles.length === 0 ? t.hints.noValidFiles : undefined}
                 >
                   <FolderInput size={24} className="text-[var(--amber)]" />
                   <span className="text-sm font-medium text-foreground">{t.fileImport.archiveTitle}</span>
@@ -396,6 +397,7 @@ export default function ImportModal({ open, onClose, defaultSpace, initialFiles,
                   onClick={() => handleIntentSelect('digest')}
                   className="flex flex-col items-center gap-2 p-4 border border-border rounded-lg cursor-pointer transition-all duration-150 bg-card hover:border-[var(--amber)]/50 hover:shadow-sm active:scale-[0.98] text-left"
                   disabled={im.validFiles.length === 0 || aiOrganize.phase === 'organizing'}
+                  title={im.validFiles.length === 0 ? t.hints.noValidFiles : aiOrganize.phase === 'organizing' ? t.hints.aiOrganizing : undefined}
                 >
                   <Sparkles size={24} className="text-[var(--amber)]" />
                   <span className="text-sm font-medium text-foreground">{t.fileImport.digestTitle}</span>
@@ -482,6 +484,7 @@ export default function ImportModal({ open, onClose, defaultSpace, initialFiles,
                   <button
                     onClick={handleArchiveSubmit}
                     disabled={isImporting || im.validFiles.length === 0}
+                    title={isImporting ? t.hints.importInProgress : im.validFiles.length === 0 ? t.hints.noValidFiles : undefined}
                     className={`flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 ${
                       showSuccess
                         ? 'bg-success text-success-foreground'

package/app/components/OnboardingView.tsx

@@ -99,6 +99,7 @@ export default function OnboardingView() {
             <button
               key={tpl.id}
               disabled={isDisabled}
+              title={isDisabled ? t.hints.templateInitializing : undefined}
               onClick={() => handleSelect(tpl.id)}
               className="group relative flex flex-col items-start gap-3 p-5 rounded-xl border border-border bg-card text-left transition-all duration-150 hover:border-[var(--amber)]/50 hover:bg-[var(--amber)]/5 disabled:opacity-60 disabled:cursor-not-allowed"
             >

package/app/components/RightAskPanel.tsx

@@ -23,12 +23,14 @@ interface RightAskPanelProps {
   onModeSwitch?: () => void;
   maximized?: boolean;
   onMaximize?: () => void;
+  /** Left offset (px) to avoid covering Rail + Sidebar when maximized */
+  sidebarOffset?: number;
 }
 
 export default function RightAskPanel({
   open, onClose, currentFile, initialMessage, onFirstMessage,
   width, onWidthChange, onWidthCommit, askMode, onModeSwitch,
-  maximized = false, onMaximize,
+  maximized = false, onMaximize, sidebarOffset = 0,
 }: RightAskPanelProps) {
   const handleMouseDown = useResizeDrag({
     width,
@@ -49,7 +51,7 @@ export default function RightAskPanel({
         ${open ? 'translate-x-0' : 'translate-x-full pointer-events-none'}
         ${maximized ? 'border-l-0' : ''}
       `}
-      style={{ width: maximized ? '100vw' : `${width}px` }}
+      style={maximized ? { left: `${sidebarOffset}px` } : { width: `${width}px` }}
       role="complementary"
       aria-label="MindOS Agent panel"
     >

package/app/components/SidebarLayout.tsx

@@ -150,6 +150,14 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
   const currentFile = pathname.startsWith('/view/')
     ? pathname.slice('/view/'.length).split('/').map(decodeURIComponent).join('/')
     : undefined;
+
+  // Auto-exit Ask panel maximize when navigating to a different page
+  useEffect(() => {
+    if (ap.askMaximized) ap.toggleAskMaximized();
+  // Only react to pathname changes, not askMaximized changes
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [pathname]);
+
   const agentsContentActive = pathname?.startsWith('/agents');
   const railActivePanel = lp.activePanel ?? (agentsContentActive ? 'agents' : null);
 
@@ -415,6 +423,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
         onModeSwitch={ap.handleAskModeSwitch}
         maximized={ap.askMaximized}
         onMaximize={ap.toggleAskMaximized}
+        sidebarOffset={lp.panelOpen ? lp.railWidth + lp.effectivePanelWidth : lp.railWidth}
       />
 
       <RightAgentDetailPanel
@@ -495,7 +504,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
 
       <main
         id="main-content"
-        className={`min-h-screen transition-all duration-200 pt-[52px] md:pt-0 ${ap.askMaximized ? 'hidden' : ''}`}
+        className={`min-h-screen transition-all duration-200 pt-[52px] md:pt-0`}
         onDragEnter={(e) => {
           if (!e.dataTransfer.types.includes('Files')) return;
           e.preventDefault();
@@ -562,7 +571,7 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
       <style>{`
         @media (min-width: 768px) {
           :root {
-            --right-panel-width: ${ap.askMaximized ? '100vw' : `${ap.askPanelOpen ? ap.askPanelWidth : 0}px`};
+            --right-panel-width: ${ap.askMaximized ? `calc(100vw - ${lp.panelOpen ? lp.railWidth + lp.effectivePanelWidth : lp.railWidth}px)` : `${ap.askPanelOpen ? ap.askPanelWidth : 0}px`};
             --right-agent-detail-width: ${agentDockOpen ? agentDetailWidth : 0}px;
           }
           #main-content {

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';
@@ -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/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/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/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>
   );
 }