@geminilight/mindos 0.5.70 → 0.6.0

package/app/components/SpaceInitToast.tsx

@@ -0,0 +1,173 @@
+'use client';
+
+import { useState, useEffect, useCallback, useTransition } from 'react';
+import { Sparkles, Check, Undo2, X } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { useLocale } from '@/lib/LocaleContext';
+import { encodePath } from '@/lib/utils';
+import { revertSpaceInitAction } from '@/lib/actions';
+
+type InitState = 'working' | 'done' | 'reverted' | 'error';
+
+interface InitInfo {
+  spaceName: string;
+  spacePath: string;
+  description: string;
+  state: InitState;
+}
+
+/**
+ * Global toast that shows AI initialization progress when a new space is created.
+ * Mounted in SidebarLayout so it persists across route transitions.
+ *
+ * States:
+ *  - working: ✨ progress animation
+ *  - done:    ✓ ready + [Review] [Discard] [×] — persists until user acts
+ *  - reverted: ↩ "reverted to template" — auto-dismiss 2s
+ *  - error:   silent dismiss
+ */
+export default function SpaceInitToast() {
+  const [info, setInfo] = useState<InitInfo | null>(null);
+  const [visible, setVisible] = useState(false);
+  const [reverting, startRevert] = useTransition();
+  const router = useRouter();
+  const { t } = useLocale();
+
+  const dismiss = useCallback(() => {
+    setVisible(false);
+    setTimeout(() => setInfo(null), 200);
+  }, []);
+
+  const handleEvent = useCallback((e: Event) => {
+    const detail = (e as CustomEvent).detail as Partial<InitInfo>;
+    if (detail.state === 'working') {
+      setInfo(detail as InitInfo);
+      requestAnimationFrame(() => setVisible(true));
+    } else if (detail.state === 'done') {
+      setInfo((prev) => prev ? { ...prev, state: 'done' } : null);
+      router.refresh();
+    } else {
+      dismiss();
+    }
+  }, [router, dismiss]);
+
+  useEffect(() => {
+    window.addEventListener('mindos:ai-init', handleEvent);
+    return () => window.removeEventListener('mindos:ai-init', handleEvent);
+  }, [handleEvent]);
+
+  const handleReview = useCallback(() => {
+    if (!info) return;
+    dismiss();
+    router.push(`/view/${encodePath(info.spacePath + '/')}`);
+  }, [info, dismiss, router]);
+
+  const handleDiscard = useCallback(() => {
+    if (!info) return;
+    startRevert(async () => {
+      await revertSpaceInitAction(info.spacePath, info.spaceName, info.description);
+      setInfo((prev) => prev ? { ...prev, state: 'reverted' } : null);
+      router.refresh();
+      window.dispatchEvent(new Event('mindos:files-changed'));
+      setTimeout(dismiss, 2000);
+    });
+  }, [info, router, dismiss]);
+
+  const handleAccept = useCallback(() => {
+    dismiss();
+  }, [dismiss]);
+
+  if (!info) return null;
+
+  const h = t.home;
+  const { state } = info;
+  const isDone = state === 'done';
+  const isReverted = state === 'reverted';
+  const isWorking = state === 'working';
+
+  return (
+    <div
+      className={`fixed bottom-6 left-1/2 z-50 -translate-x-1/2 transition-all duration-200 ease-out ${
+        visible
+          ? 'opacity-100 translate-y-0 scale-100'
+          : 'opacity-0 translate-y-3 scale-[0.96] pointer-events-none'
+      }`}
+    >
+      <div
+        className="flex items-center gap-2.5 rounded-full border bg-card/95 backdrop-blur py-2 shadow-lg"
+        style={{
+          borderColor: 'color-mix(in srgb, var(--amber) 40%, var(--border))',
+          boxShadow: '0 8px 24px color-mix(in srgb, var(--amber) 12%, rgba(0,0,0,.2))',
+          paddingLeft: '0.75rem',
+          paddingRight: isDone ? '0.5rem' : '1rem',
+        }}
+      >
+        {/* Icon */}
+        <span
+          className={`inline-flex h-6 w-6 items-center justify-center rounded-full shrink-0 ${
+            isReverted
+              ? 'text-muted-foreground bg-muted'
+              : 'text-[var(--amber)] bg-[var(--amber-subtle)]'
+          } ${isWorking ? 'animate-pulse' : ''}`}
+        >
+          {isReverted ? <Undo2 size={12} /> : isDone ? <Check size={13} strokeWidth={2.5} /> : <Sparkles size={13} />}
+        </span>
+
+        {/* Text */}
+        <span className="text-xs text-foreground whitespace-nowrap select-none font-medium">
+          {isReverted
+            ? h.aiInitReverted(info.spaceName)
+            : isDone
+              ? h.aiInitReady(info.spaceName)
+              : <>{h.aiInitGenerating(info.spaceName)}<DotPulse /></>
+          }
+        </span>
+
+        {/* Action buttons — only in done state */}
+        {isDone && (
+          <div className="flex items-center gap-1 ml-1">
+            <button
+              type="button"
+              onClick={handleReview}
+              className="px-2.5 py-1 rounded-full text-2xs font-medium bg-[var(--amber)] text-white hover:opacity-90 transition-opacity focus-visible:ring-2 focus-visible:ring-ring"
+            >
+              {h.aiInitReview}
+            </button>
+            <button
+              type="button"
+              onClick={handleDiscard}
+              disabled={reverting}
+              className="px-2.5 py-1 rounded-full text-2xs font-medium bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50"
+            >
+              {h.aiInitDiscard}
+            </button>
+            <button
+              type="button"
+              onClick={handleAccept}
+              aria-label="Accept"
+              className="ml-0.5 inline-flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground hover:text-foreground hover:bg-muted/60 transition-colors focus-visible:ring-2 focus-visible:ring-ring"
+            >
+              <X size={12} />
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function DotPulse() {
+  return (
+    <span className="inline-flex gap-[2px] items-end h-[1em] ml-px">
+      <span className="w-[3px] h-[3px] rounded-full bg-muted-foreground animate-[dotBounce_1.2s_0ms_infinite]" />
+      <span className="w-[3px] h-[3px] rounded-full bg-muted-foreground animate-[dotBounce_1.2s_200ms_infinite]" />
+      <span className="w-[3px] h-[3px] rounded-full bg-muted-foreground animate-[dotBounce_1.2s_400ms_infinite]" />
+      <style>{`
+        @keyframes dotBounce {
+          0%, 60%, 100% { opacity: 0.25; transform: translateY(0); }
+          30% { opacity: 1; transform: translateY(-2px); }
+        }
+      `}</style>
+    </span>
+  );
+}

package/app/components/agents/AgentDetailContent.tsx

@@ -73,6 +73,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
     return map;
   }, [mcp.agents]);
 
+  const isMindOS = agentKey === 'mindos';
   const status = agent ? resolveAgentStatus(agent) : 'notFound';
   const currentScope = agent?.scope === 'project' ? 'project' : 'global';
   const currentTransport: 'stdio' | 'http' = agent?.transport === 'http' ? 'http' : 'stdio';
@@ -249,9 +250,19 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
 
         {/* MCP status row */}
         <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-sm">
-          <DetailLine label={a.detail.mcpInstalled} value={agent.installed ? a.detail.yes : a.detail.no} />
-          <DetailLine label={a.detail.mcpScope} value={agent.scope ?? a.na} />
-          <DetailLine label={a.detail.mcpConfigPath} value={agent.configPath ?? a.na} />
+          {isMindOS ? (
+            <>
+              <DetailLine label="Status" value={mcp.status?.running ? '● Running' : '○ Stopped'} />
+              <DetailLine label="Endpoint" value={mcp.status?.endpoint ?? a.na} />
+              <DetailLine label="Tools" value={mcp.status?.toolCount != null ? String(mcp.status.toolCount) : a.na} />
+            </>
+          ) : (
+            <>
+              <DetailLine label={a.detail.mcpInstalled} value={agent.installed ? a.detail.yes : a.detail.no} />
+              <DetailLine label={a.detail.mcpScope} value={agent.scope ?? a.na} />
+              <DetailLine label={a.detail.mcpConfigPath} value={agent.configPath ?? a.na} />
+            </>
+          )}
         </div>
 
         {/* Configured MCP servers with management */}
@@ -304,27 +315,31 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
 
         {/* MCP actions */}
         <div className="flex flex-wrap items-center gap-2">
-          <ActionButton
-            onClick={() => void handleCopySnippet()}
-            disabled={false}
-            busy={false}
-            label={snippetCopied ? a.detail.mcpCopied : a.detail.mcpCopySnippet}
-          />
+          {!isMindOS && (
+            <ActionButton
+              onClick={() => void handleCopySnippet()}
+              disabled={false}
+              busy={false}
+              label={snippetCopied ? a.detail.mcpCopied : a.detail.mcpCopySnippet}
+            />
+          )}
           <ActionButton
             onClick={() => void mcp.refresh()}
             disabled={false}
             busy={false}
             label={a.detail.mcpRefresh}
           />
-          <ActionButton
-            onClick={() => void handleApplyMcpConfig(currentScope, currentTransport)}
-            disabled={mcpBusy}
-            busy={mcpBusy}
-            label={a.detail.mcpReconnect}
-            variant="primary"
-          />
+          {!isMindOS && (
+            <ActionButton
+              onClick={() => void handleApplyMcpConfig(currentScope, currentTransport)}
+              disabled={mcpBusy}
+              busy={mcpBusy}
+              label={a.detail.mcpReconnect}
+              variant="primary"
+            />
+          )}
         </div>
-        <p className="text-2xs text-muted-foreground truncate">{snippet.path}</p>
+        {!isMindOS && <p className="text-2xs text-muted-foreground truncate">{snippet.path}</p>}
         {mcpMessage && <p className="text-xs text-muted-foreground animate-in fade-in duration-200">{mcpMessage}</p>}
       </section>
 

package/app/components/agents/AgentsContentPage.tsx

@@ -46,8 +46,9 @@ export default function AgentsContentPage({ tab }: { tab: AgentsDashboardTab })
         detectedCount: buckets.detected.length,
         notFoundCount: buckets.notFound.length,
         allSkillsDisabled: mcp.skills.length > 0 && mcp.skills.every((s) => !s.enabled),
+        copy: a.overview,
       }),
-    [mcp.skills, mcp.status?.running, buckets.detected.length, buckets.notFound.length],
+    [mcp.skills, mcp.status?.running, buckets.detected.length, buckets.notFound.length, a.overview],
   );
   const enabledSkillCount = useMemo(
     () => mcp.skills.filter((skill) => skill.enabled).length,

package/app/components/agents/AgentsOverviewSection.tsx

@@ -378,18 +378,10 @@ function AgentCard({
         ? 'bg-amber-500/10 text-amber-600 dark:text-amber-400'
         : 'bg-zinc-500/10 text-zinc-500';
 
-  const accentBorder =
-    status === 'connected'
-      ? 'border-l-[var(--success)]'
-      : status === 'detected'
-        ? 'border-l-[var(--amber)]'
-        : '';
-
   return (
     <Link
       href={`/agents/${encodeURIComponent(agent.key)}`}
-      className={`group rounded-xl border bg-card p-3.5
-        ${accentBorder ? `border-l-2 ${accentBorder} border-border` : 'border-border'}
+      className={`group rounded-xl border border-border bg-card p-3.5
         hover:border-[var(--amber)]/30 hover:shadow-[0_2px_8px_rgba(0,0,0,0.04)]
         active:scale-[0.98]
         transition-all duration-150 animate-in
@@ -416,11 +408,6 @@ function AgentCard({
       <div className="flex items-center gap-1 pt-2.5 border-t border-border/40">
         <MetricChip icon={<Server size={11} aria-hidden="true" />} value={mcpCount} label={copy.colMcp as string} />
         <MetricChip icon={<Zap size={11} aria-hidden="true" />} value={skillCount} label={copy.colSkills as string} />
-        {agent.skillMode && (
-          <span className="text-2xs px-1.5 py-0.5 rounded-md bg-muted/50 text-muted-foreground/70 truncate select-none">
-            {agent.skillMode}
-          </span>
-        )}
         <span className="flex-1 min-w-[4px]" />
         {hasRuntime && (
           <span

package/app/components/agents/agents-content-model.ts

@@ -56,11 +56,10 @@ export function groupSkillsByCapability(skills: SkillInfo[]): Record<SkillCapabi
   };
 }
 
-function buildBaseRiskItems(args: { mcpRunning: boolean; detectedCount: number; notFoundCount: number }): RiskItem[] {
-  const items: RiskItem[] = [];
-  if (!args.mcpRunning) items.push({ id: 'mcp-stopped', severity: 'error', title: 'MCP server is not running' });
-  if (args.detectedCount > 0) items.push({ id: 'detected-unconfigured', severity: 'warn', title: `${args.detectedCount} detected agent(s) need configuration` });
-  return items;
+export interface RiskCopy {
+  riskMcpStopped: string;
+  riskDetected: (n: number) => string;
+  riskSkillsDisabled: string;
 }
 
 export function buildRiskQueue(args: {
@@ -68,9 +67,12 @@ export function buildRiskQueue(args: {
   detectedCount: number;
   notFoundCount: number;
   allSkillsDisabled: boolean;
+  copy: RiskCopy;
 }): RiskItem[] {
-  const items = buildBaseRiskItems(args);
-  if (args.allSkillsDisabled) items.push({ id: 'skills-disabled', severity: 'warn', title: 'All skills are disabled' });
+  const items: RiskItem[] = [];
+  if (!args.mcpRunning) items.push({ id: 'mcp-stopped', severity: 'error', title: args.copy.riskMcpStopped });
+  if (args.detectedCount > 0) items.push({ id: 'detected-unconfigured', severity: 'warn', title: args.copy.riskDetected(args.detectedCount) });
+  if (args.allSkillsDisabled) items.push({ id: 'skills-disabled', severity: 'warn', title: args.copy.riskSkillsDisabled });
   return items;
 }
 
@@ -178,12 +180,18 @@ export function filterAgentsForMcpWorkspace(
   });
 }
 
+const defaultRiskCopy: RiskCopy = {
+  riskMcpStopped: 'MCP server is not running.',
+  riskDetected: (n: number) => `${n} detected agent(s) need configuration.`,
+  riskSkillsDisabled: 'All skills are disabled.',
+};
+
 export function buildMcpRiskQueue(args: {
   mcpRunning: boolean;
   detectedCount: number;
   notFoundCount: number;
 }): RiskItem[] {
-  return buildBaseRiskItems(args);
+  return buildRiskQueue({ ...args, allSkillsDisabled: false, copy: defaultRiskCopy });
 }
 
 export interface McpBulkReconnectResult {