@geminilight/mindos 0.6.27 → 0.6.28

package/app/components/agents/AgentDetailContent.tsx

@@ -2,9 +2,11 @@
 
 import Link from 'next/link';
 import { useCallback, useMemo, useState } from 'react';
-import { ArrowLeft, Server, Search, Trash2, Zap } from 'lucide-react';
+import { ArrowLeft, ChevronDown, Globe, Server, Search, Trash2, Zap } from 'lucide-react';
+import { cn } from '@/lib/utils';
 import { useLocale } from '@/lib/LocaleContext';
 import { useMcpData } from '@/hooks/useMcpData';
+import { useA2aRegistry } from '@/hooks/useA2aRegistry';
 import { apiFetch } from '@/lib/api';
 import { copyToClipboard } from '@/lib/clipboard';
 import { generateSnippet } from '@/lib/mcp-snippets';
@@ -21,7 +23,9 @@ import SkillDetailPopover from './SkillDetailPopover';
 export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
   const { t } = useLocale();
   const a = t.agentsContent;
+  const p = t.panels.agents;
   const mcp = useMcpData();
+  const a2a = useA2aRegistry();
 
   const agent = useMemo(() => mcp.agents.find((item) => item.key === agentKey), [mcp.agents, agentKey]);
   const [skillQuery, setSkillQuery] = useState('');
@@ -39,6 +43,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
   const [confirmMcpRemove, setConfirmMcpRemove] = useState<string | null>(null);
   const [mcpHint, setMcpHint] = useState<string | null>(null);
   const [detailSkillName, setDetailSkillName] = useState<string | null>(null);
+  const [a2aOpen, setA2aOpen] = useState(false);
 
   const filteredSkills = useMemo(
     () =>
@@ -358,6 +363,48 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
         </div>
       </section>
 
+      {/* ═══════════ A2A CAPABILITIES ═══════════ */}
+      <section className="rounded-xl border border-border bg-card overflow-hidden">
+        <button
+          type="button"
+          onClick={() => setA2aOpen(!a2aOpen)}
+          className="w-full flex items-center justify-between gap-2 px-4 py-3 text-left hover:bg-muted/20 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          aria-expanded={a2aOpen}
+        >
+          <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
+            <Globe size={12} className="text-muted-foreground/50" />
+            {p.a2aCapabilities}
+          </h2>
+          <ChevronDown
+            size={13}
+            className={cn('shrink-0 text-muted-foreground/50 transition-transform duration-200', a2aOpen && 'rotate-180')}
+            aria-hidden="true"
+          />
+        </button>
+        <div
+          className={cn(
+            'grid transition-[grid-template-rows] duration-250 ease-out',
+            a2aOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',
+          )}
+        >
+          <div className="overflow-hidden" {...(!a2aOpen && { inert: true } as React.HTMLAttributes<HTMLDivElement>)}>
+            <div className="px-4 pb-3 pt-1 space-y-2 border-t border-border/40">
+              <div className="flex items-baseline gap-2 px-0.5 min-w-0">
+                <span className="text-2xs text-muted-foreground/50 uppercase tracking-wider shrink-0 min-w-[60px]">{p.a2aStatus}</span>
+                <span className={`text-xs font-medium ${
+                  status === 'connected' ? 'text-[var(--success)]' : 'text-muted-foreground'
+                }`}>
+                  {status === 'connected' ? p.a2aConnected : p.a2aUnavailable}
+                </span>
+              </div>
+              {a2a.agents.length === 0 && (
+                <p className="text-2xs text-muted-foreground/50">{p.a2aNoRemoteHint}</p>
+              )}
+            </div>
+          </div>
+        </div>
+      </section>
+
       {/* ═══════════ SKILL ASSIGNMENTS ═══════════ */}
       <section className="rounded-xl border border-border bg-card p-4 space-y-3">
         <div className="flex flex-wrap items-center justify-between gap-2">

package/app/components/agents/AgentsContentPage.tsx

@@ -3,6 +3,7 @@
 import { useMemo, useState } from 'react';
 import { useLocale } from '@/lib/LocaleContext';
 import { useMcpData } from '@/hooks/useMcpData';
+import { useA2aRegistry } from '@/hooks/useA2aRegistry';
 import { copyToClipboard } from '@/lib/clipboard';
 import { generateSnippet } from '@/lib/mcp-snippets';
 import {
@@ -18,6 +19,7 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
   const { t } = useLocale();
   const a = t.agentsContent;
   const mcp = useMcpData();
+  const a2a = useA2aRegistry();
   const [copyState, setCopyState] = useState<string | null>(null);
   const pageHeader = useMemo(() => {
     if (tab === 'skills') {
@@ -86,6 +88,7 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
           enabledSkillCount={enabledSkillCount}
           allAgents={mcp.agents}
           pulseCopy={a.workspacePulse}
+          a2aCount={a2a.agents.length}
         />
       )}
 

package/app/components/agents/AgentsOverviewSection.tsx

@@ -7,6 +7,7 @@ import {
   ArrowRight,
   Cable,
   ChevronDown,
+  Globe,
   Server,
   Zap,
 } from 'lucide-react';
@@ -63,6 +64,7 @@ export default function AgentsOverviewSection({
   enabledSkillCount,
   allAgents,
   pulseCopy,
+  a2aCount,
 }: {
   copy: OverviewCopy;
   buckets: AgentBuckets;
@@ -73,6 +75,7 @@ export default function AgentsOverviewSection({
   enabledSkillCount: number;
   allAgents: AgentInfo[];
   pulseCopy: PulseCopy;
+  a2aCount?: number;
 }) {
   const allHealthy = riskQueue.length === 0 && mcpRunning;
   const totalAgents = allAgents.length;
@@ -128,6 +131,14 @@ export default function AgentsOverviewSection({
             value={mcpRunning ? `:${mcpPort}` : '—'}
             tone={mcpRunning ? 'ok' : 'warn'}
           />
+          {a2aCount != null && (
+            <StatCell
+              icon={<Globe size={14} aria-hidden="true" />}
+              label={copy.a2aLabel as string ?? 'A2A'}
+              value={a2aCount}
+              tone={a2aCount > 0 ? 'ok' : 'muted'}
+            />
+          )}
         </div>
       </section>
 

package/app/components/ask/AskContent.tsx

@@ -200,11 +200,15 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
 
   // Focus and init session when becoming visible (edge-triggered for panel, level-triggered for modal)
   const prevVisibleRef = useRef(false);
+  const prevFileRef = useRef(currentFile);
   useEffect(() => {
     const justOpened = variant === 'panel'
       ? (visible && !prevVisibleRef.current)  // panel: edge detection
       : visible;                               // modal: level detection (reset every open)
 
+    // Detect file change while panel is already open
+    const fileChanged = visible && prevVisibleRef.current && currentFile !== prevFileRef.current;
+
     if (justOpened) {
       setTimeout(() => inputRef.current?.focus(), 50);
       void session.initSessions();
@@ -216,11 +220,15 @@ export default function AskContent({ visible, currentFile, initialMessage, onFir
       slash.resetSlash();
       setSelectedSkill(null);
       setShowHistory(false);
+    } else if (fileChanged) {
+      // Update attached file context to match new file (don't reset session/messages)
+      setAttachedFiles(currentFile ? [currentFile] : []);
     } else if (!visible && variant === 'modal') {
       // Modal: abort streaming on close
       abortRef.current?.abort();
     }
     prevVisibleRef.current = visible;
+    prevFileRef.current = currentFile;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible, currentFile]);
 

package/app/components/help/HelpContent.tsx

@@ -5,7 +5,8 @@ import { BookOpen, Rocket, Brain, Keyboard, HelpCircle, Bot, ChevronDown, Copy,
 import { useLocale } from '@/lib/LocaleContext';
 
 /* ── Collapsible Section ── */
-function Section({ icon, title, defaultOpen = false, children }: {
+function Section({ id, icon, title, defaultOpen = false, children }: {
+  id?: string;
   icon: React.ReactNode;
   title: string;
   defaultOpen?: boolean;
@@ -14,7 +15,7 @@ function Section({ icon, title, defaultOpen = false, children }: {
   const [open, setOpen] = useState(defaultOpen);
 
   return (
-    <div className="bg-card border border-border rounded-lg overflow-hidden">
+    <div id={id} className="bg-card border border-border rounded-lg overflow-hidden scroll-mt-4">
       <button
         onClick={() => setOpen(v => !v)}
         className="w-full flex items-center gap-3 px-5 py-4 text-left hover:bg-muted/50 transition-colors focus-visible:ring-2 focus-visible:ring-ring"
@@ -144,8 +145,63 @@ export default function HelpContent() {
     { keys: '@', label: h.shortcuts.attachFile },
   ], [mod, h.shortcuts]);
 
+  const tocItems = useMemo(() => [
+    { id: 'what-is', label: h.whatIs.title },
+    { id: 'concepts', label: h.concepts.title },
+    { id: 'quick-start', label: h.quickStart.title },
+    { id: 'agent-usage', label: h.agentUsage.title },
+    { id: 'shortcuts', label: h.shortcutsTitle },
+    { id: 'faq', label: h.faq.title },
+  ], [h]);
+
+  const [activeSection, setActiveSection] = useState('');
+  useEffect(() => {
+    const ids = tocItems.map(i => i.id);
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            setActiveSection(entry.target.id);
+            break;
+          }
+        }
+      },
+      { rootMargin: '-10% 0px -80% 0px', threshold: 0 },
+    );
+    const timer = setTimeout(() => {
+      for (const id of ids) {
+        const el = document.getElementById(id);
+        if (el) observer.observe(el);
+      }
+    }, 100);
+    return () => { clearTimeout(timer); observer.disconnect(); };
+  }, [tocItems]);
+
   return (
-    <div className="content-width px-4 md:px-6 py-8 md:py-12">
+    <div className="content-width px-4 md:px-6 py-8 md:py-12 relative">
+      {/* ── Floating TOC (wide screens only) ── */}
+      <nav className="hidden xl:block fixed top-24 w-44" style={{ left: 'calc(50% + 340px)' }} aria-label="Table of contents">
+        <ul className="space-y-1 border-l border-border pl-3">
+          {tocItems.map(item => (
+            <li key={item.id}>
+              <a
+                href={`#${item.id}`}
+                onClick={(e) => {
+                  e.preventDefault();
+                  document.getElementById(item.id)?.scrollIntoView({ behavior: 'smooth' });
+                }}
+                className={`block text-xs py-1 transition-colors ${
+                  activeSection === item.id
+                    ? 'text-[var(--amber)] font-medium border-l-2 border-[var(--amber)] -ml-[13px] pl-[11px]'
+                    : 'text-muted-foreground hover:text-foreground'
+                }`}
+              >
+                {item.label}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </nav>
       {/* ── Header ── */}
       <div className="mb-8">
         <div className="flex items-center gap-2 mb-1">
@@ -158,12 +214,12 @@ export default function HelpContent() {
       {/* ── Sections ── */}
       <div className="space-y-3">
         {/* 1. What is MindOS */}
-        <Section icon={<BookOpen size={18} />} title={h.whatIs.title} defaultOpen>
+        <Section id="what-is" icon={<BookOpen size={18} />} title={h.whatIs.title} defaultOpen>
           <p className="text-sm text-muted-foreground leading-relaxed">{h.whatIs.body}</p>
         </Section>
 
         {/* 2. Core Concepts */}
-        <Section icon={<Brain size={18} />} title={h.concepts.title} defaultOpen>
+        <Section id="concepts" icon={<Brain size={18} />} title={h.concepts.title} defaultOpen>
           <div className="space-y-4">
             <div>
               <p className="text-sm font-medium text-foreground">{h.concepts.spaceTitle}</p>
@@ -181,7 +237,7 @@ export default function HelpContent() {
         </Section>
 
         {/* 3. Quick Start */}
-        <Section icon={<Rocket size={18} />} title={h.quickStart.title} defaultOpen>
+        <Section id="quick-start" icon={<Rocket size={18} />} title={h.quickStart.title} defaultOpen>
           <div className="space-y-4">
             <StepCard step={1} title={h.quickStart.step1Title} desc={h.quickStart.step1Desc} />
             <StepCard step={2} title={h.quickStart.step2Title} desc={h.quickStart.step2Desc} />
@@ -190,7 +246,7 @@ export default function HelpContent() {
         </Section>
 
         {/* 4. Using MindOS with AI Agents */}
-        <Section icon={<Bot size={18} />} title={h.agentUsage.title} defaultOpen>
+        <Section id="agent-usage" icon={<Bot size={18} />} title={h.agentUsage.title} defaultOpen>
           <p className="text-sm text-muted-foreground leading-relaxed mb-4">{h.agentUsage.intro}</p>
 
           <div className="space-y-3">
@@ -215,7 +271,7 @@ export default function HelpContent() {
         </Section>
 
         {/* 5. Keyboard Shortcuts */}
-        <Section icon={<Keyboard size={18} />} title={h.shortcutsTitle}>
+        <Section id="shortcuts" icon={<Keyboard size={18} />} title={h.shortcutsTitle}>
           <div className="space-y-0">
             {shortcuts.map((s) => (
               <ShortcutRow key={s.keys} keys={s.keys} label={s.label} />
@@ -224,7 +280,7 @@ export default function HelpContent() {
         </Section>
 
         {/* 6. FAQ */}
-        <Section icon={<HelpCircle size={18} />} title={h.faq.title}>
+        <Section id="faq" icon={<HelpCircle size={18} />} title={h.faq.title}>
           <div>
             {h.faq.items.map((item, i) => (
               <FaqItem key={i} q={item.q} a={item.a} />

package/app/components/panels/AgentsPanelAgentListRow.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from 'react';
 import Link from 'next/link';
-import { Check, ChevronRight, Loader2, RotateCw } from 'lucide-react';
+import { Check, ChevronRight, Globe, Loader2, RotateCw } from 'lucide-react';
 import type { AgentInfo } from '../settings/types';
 import { AgentAvatar } from '../agents/AgentsPrimitives';
 
@@ -23,6 +23,8 @@ export default function AgentsPanelAgentListRow({
   detailHref,
   onInstallAgent,
   copy,
+  isA2aReady = false,
+  a2aTooltip,
 }: {
   agent: AgentInfo;
   agentStatus: AgentsPanelAgentListStatus;
@@ -30,6 +32,8 @@ export default function AgentsPanelAgentListRow({
   detailHref: string;
   onInstallAgent: (key: string) => Promise<boolean>;
   copy: AgentsPanelAgentListRowCopy;
+  isA2aReady?: boolean;
+  a2aTooltip?: string;
 }) {
   return (
     <div
@@ -51,6 +55,11 @@ export default function AgentsPanelAgentListRow({
             {agent.transport}
           </span>
         )}
+        {isA2aReady && (
+          <span title={a2aTooltip} className="shrink-0 text-muted-foreground/70">
+            <Globe size={12} />
+          </span>
+        )}
         <span className="flex-1 min-w-[4px]" />
         <ChevronRight
           size={15}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.6.27",
+  "version": "0.6.28",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",