@geminilight/mindos 0.6.61 → 0.6.65

package/app/components/Panel.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import { useRouter } from 'next/navigation';
+import { useRouter, usePathname } from 'next/navigation';
 import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2, Inbox } from 'lucide-react';
 import type { PanelId } from './ActivityBar';
 import type { FileNode } from '@/lib/types';
@@ -73,6 +73,8 @@ export default function Panel({
 
   const { t } = useLocale();
   const router = useRouter();
+  const pathname = usePathname();
+  const isInboxActive = pathname === '/view/Inbox' || pathname === '/view/Inbox/';
 
   // File tree depth control: null = manual (no override), number = forced max open depth
   const [maxOpenDepth, setMaxOpenDepth] = useState<number | null>(null);
@@ -298,7 +300,7 @@ export default function Panel({
                     <Inbox size={14} className="shrink-0 text-[var(--amber)]" />
                     <span className="flex-1">{t.sidebar.capture}</span>
                     {inboxCount > 0 && (
-                      <span className="text-xs font-medium text-[var(--amber)] tabular-nums">{inboxCount}</span>
+                      <span className="text-2xs font-medium tabular-nums px-1.5 py-px rounded-full bg-[var(--amber)]/10 text-[var(--amber)]/70">{inboxCount}</span>
                     )}
                   </button>
                   <button
@@ -328,14 +330,30 @@ export default function Panel({
         <button
           type="button"
           onClick={() => router.push('/view/Inbox/')}
-          className="flex items-center gap-2 mx-2 px-2 py-1.5 text-sm rounded-md transition-colors hover:bg-muted group border-t border-border/40 shrink-0"
+          className={`flex items-center gap-2 mx-2 px-2 py-1.5 text-sm rounded-lg transition-all duration-150 group shrink-0 ${
+            isInboxActive
+              ? 'bg-[var(--amber-dim)] text-[var(--amber)]'
+              : 'hover:bg-muted text-muted-foreground hover:text-foreground'
+          }`}
         >
-          <Inbox size={14} className="shrink-0 text-[var(--amber)]" />
-          <span className="flex-1 text-left text-muted-foreground group-hover:text-foreground transition-colors text-xs">
+          <div className={`flex items-center justify-center w-5 h-5 rounded-md shrink-0 transition-colors ${
+            isInboxActive ? 'bg-[var(--amber)]/15' : 'bg-transparent'
+          }`}>
+            <Inbox size={13} className={`shrink-0 transition-colors ${
+              isInboxActive ? 'text-[var(--amber)]' : 'text-[var(--amber)]/60 group-hover:text-[var(--amber)]'
+            }`} />
+          </div>
+          <span className={`flex-1 text-left text-xs transition-colors ${
+            isInboxActive ? 'font-medium text-[var(--amber)]' : 'text-muted-foreground group-hover:text-foreground'
+          }`}>
             {t.sidebar.capture}
           </span>
           {inboxCount > 0 && (
-            <span className="text-xs font-medium text-[var(--amber)] tabular-nums">{inboxCount}</span>
+            <span className={`text-2xs font-medium tabular-nums px-1.5 py-px rounded-full transition-colors ${
+              isInboxActive
+                ? 'bg-[var(--amber)]/15 text-[var(--amber)]'
+                : 'bg-[var(--amber)]/10 text-[var(--amber)]/70'
+            }`}>{inboxCount}</span>
           )}
         </button>
         <SyncStatusBar collapsed={false} onOpenSyncSettings={onOpenSyncSettings} />

package/app/components/SidebarLayout.tsx

@@ -410,24 +410,52 @@ export default function SidebarLayout({ fileTree, children }: SidebarLayoutProps
         onPanelChange={lp.setActivePanel}
         onEchoClick={() => {
           const wasActive = lp.activePanel === 'echo';
-          lp.setActivePanel(wasActive ? null : 'echo');
-          if (!wasActive) router.push('/echo/about-you');
+          const onEchoRoute = pathname?.startsWith('/echo');
+          if (!wasActive) {
+            lp.setActivePanel('echo');
+            router.push('/echo/about-you');
+          } else if (!onEchoRoute) {
+            router.push('/echo/about-you');
+          } else {
+            lp.setActivePanel(null);
+          }
         }}
         onAgentsClick={() => {
           const wasActive = lp.activePanel === 'agents';
-          lp.setActivePanel(wasActive ? null : 'agents');
-          if (!wasActive) router.push('/agents');
+          const onAgentsRoute = pathname?.startsWith('/agents');
+          if (!wasActive) {
+            lp.setActivePanel('agents');
+            router.push('/agents');
+          } else if (!onAgentsRoute) {
+            router.push('/agents');
+          } else {
+            lp.setActivePanel(null);
+          }
           setAgentDetailKey(null);
         }}
         onDiscoverClick={() => {
           const wasActive = lp.activePanel === 'discover';
-          lp.setActivePanel(wasActive ? null : 'discover');
-          if (!wasActive) router.push('/explore');
+          const onDiscoverRoute = pathname?.startsWith('/explore');
+          if (!wasActive) {
+            lp.setActivePanel('discover');
+            router.push('/explore');
+          } else if (!onDiscoverRoute) {
+            router.push('/explore');
+          } else {
+            lp.setActivePanel(null);
+          }
         }}
         onSpacesClick={() => {
           const wasActive = lp.activePanel === 'files';
-          lp.setActivePanel(wasActive ? null : 'files');
-          if (!wasActive) router.push('/wiki');
+          const onFilesRoute = pathname === '/' || pathname === '/wiki' || pathname?.startsWith('/view/') || pathname?.startsWith('/wiki/');
+          if (!wasActive) {
+            lp.setActivePanel('files');
+            router.push('/wiki');
+          } else if (!onFilesRoute) {
+            router.push('/wiki');
+          } else {
+            lp.setActivePanel(null);
+          }
         }}
         syncStatus={syncStatus}
         expanded={lp.railExpanded}

package/app/components/UpdateToast.tsx

@@ -0,0 +1,255 @@
+'use client';
+
+import { useEffect, useState, useCallback, useRef } from 'react';
+import { X } from 'lucide-react';
+import { useLocale } from '@/lib/stores/locale-store';
+
+/* ── Bridge interface ──────────────────────────────────────────────── */
+
+interface MindosDesktopBridge {
+  checkUpdate?: () => Promise<{ available: boolean; version?: string }>;
+  onUpdateAvailable?: (cb: (info: { version?: string }) => void) => () => void;
+  checkCoreUpdate?: () => Promise<{
+    available: boolean;
+    currentVersion: string;
+    latestVersion: string;
+  }>;
+  onCoreUpdateAvailable?: (
+    cb: (info: { current: string; latest: string; ready?: boolean }) => void,
+  ) => () => void;
+}
+
+function getDesktopBridge(): MindosDesktopBridge | null {
+  if (typeof window === 'undefined') return null;
+  const w = window as unknown as { mindos?: MindosDesktopBridge };
+  return w.mindos?.checkUpdate ? (w.mindos as MindosDesktopBridge) : null;
+}
+
+/* ── Types ─────────────────────────────────────────────────────────── */
+
+interface PendingUpdate {
+  type: 'desktop' | 'core';
+  version: string;
+}
+
+type ToastVisibility = 'hidden' | 'visible' | 'dismissing';
+
+/* ── Constants ─────────────────────────────────────────────────────── */
+
+const SKIP_DESKTOP_KEY = 'mindos_update_skip_desktop';
+const SKIP_CORE_KEY = 'mindos_update_skip_core';
+const SHOW_DELAY_MS = 10_000; // Wait 10 s after startup before showing
+const DISMISS_MS = 200; // Match the CSS transition duration
+
+/* ── Helpers ───────────────────────────────────────────────────────── */
+
+/** Proper semantic-version comparison: returns true when `a` is strictly newer than `b`. */
+function isNewer(a: string, b: string): boolean {
+  const pa = a.split('.').map(Number);
+  const pb = b.split('.').map(Number);
+  for (let i = 0; i < Math.max(pa.length, pb.length); i++) {
+    const va = pa[i] ?? 0;
+    const vb = pb[i] ?? 0;
+    if (va > vb) return true;
+    if (va < vb) return false;
+  }
+  return false;
+}
+
+/* ── Component ─────────────────────────────────────────────────────── */
+
+/**
+ * Desktop-only update notification toast.
+ *
+ * Appears in the bottom-right corner when the Electron bridge reports a new
+ * Desktop shell or MindOS Core update.  Persists until the user clicks
+ * "View Details" (→ Settings > Update tab) or "Skip Version" (→ stored in
+ * localStorage so it won't re-appear for that version).
+ *
+ * Renders `null` in browser/CLI mode (no bridge).
+ */
+export default function UpdateToast() {
+  const { t } = useLocale();
+  const ut = t.settings.update.updateToast;
+
+  const [visibility, setVisibility] = useState<ToastVisibility>('hidden');
+  const [updates, setUpdates] = useState<{
+    desktop?: PendingUpdate;
+    core?: PendingUpdate;
+  }>({});
+
+  // Stable ref for the bridge — avoids re-running the effect every render.
+  const bridgeRef = useRef<MindosDesktopBridge | null>(null);
+  const [isDesktop, setIsDesktop] = useState(false);
+
+  // Timeout bookkeeping — prevents stale setState after dismiss / unmount.
+  const timers = useRef(new Set<ReturnType<typeof setTimeout>>());
+  const queued = useRef<{ desktop?: string; core?: string }>({});
+
+  // ── Timeout helpers ─────────────────────────────────────────────────
+
+  const clearTimers = useCallback(() => {
+    timers.current.forEach(clearTimeout);
+    timers.current.clear();
+  }, []);
+
+  const schedule = useCallback((state: ToastVisibility, ms: number) => {
+    const id = setTimeout(() => {
+      timers.current.delete(id);
+      setVisibility(state);
+    }, ms);
+    timers.current.add(id);
+  }, []);
+
+  // ── Detect Desktop bridge once on mount ─────────────────────────────
+
+  useEffect(() => {
+    const b = getDesktopBridge();
+    bridgeRef.current = b;
+    setIsDesktop(!!b);
+  }, []);
+
+  // ── Subscribe to IPC update events ──────────────────────────────────
+
+  useEffect(() => {
+    const bridge = bridgeRef.current;
+    if (!bridge) return;
+
+    clearTimers();
+    const teardowns: Array<() => void> = [];
+
+    // Helper: queue an update unless already queued for this version.
+    const enqueue = (
+      key: 'desktop' | 'core',
+      version: string,
+      skipKey: string,
+    ) => {
+      const skipped = localStorage.getItem(skipKey);
+      if (skipped && !isNewer(version, skipped)) return;
+      if (queued.current[key] === version) return; // de-dup
+
+      queued.current[key] = version;
+      setUpdates(prev => ({ ...prev, [key]: { type: key, version } }));
+      schedule('visible', SHOW_DELAY_MS);
+    };
+
+    if (bridge.onUpdateAvailable) {
+      teardowns.push(
+        bridge.onUpdateAvailable(info => {
+          if (info?.version) enqueue('desktop', info.version, SKIP_DESKTOP_KEY);
+        }),
+      );
+    }
+
+    if (bridge.onCoreUpdateAvailable) {
+      teardowns.push(
+        bridge.onCoreUpdateAvailable(info => {
+          if (info?.latest && !info.ready) {
+            enqueue('core', info.latest, SKIP_CORE_KEY);
+          }
+        }),
+      );
+    }
+
+    return () => {
+      teardowns.forEach(fn => fn());
+      clearTimers();
+    };
+  }, [isDesktop, clearTimers, schedule]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // Clean up on unmount
+  useEffect(() => () => clearTimers(), [clearTimers]);
+
+  // ── Actions ─────────────────────────────────────────────────────────
+
+  const handleViewDetails = useCallback(() => {
+    clearTimers();
+    window.dispatchEvent(
+      new CustomEvent('mindos:open-settings', { detail: { tab: 'update' } }),
+    );
+    setVisibility('dismissing');
+    schedule('hidden', DISMISS_MS);
+  }, [clearTimers, schedule]);
+
+  const handleSkip = useCallback(() => {
+    clearTimers();
+    if (updates.desktop) localStorage.setItem(SKIP_DESKTOP_KEY, updates.desktop.version);
+    if (updates.core) localStorage.setItem(SKIP_CORE_KEY, updates.core.version);
+    setVisibility('dismissing');
+    schedule('hidden', DISMISS_MS);
+  }, [updates, clearTimers, schedule]);
+
+  // ── Render ──────────────────────────────────────────────────────────
+
+  if (!isDesktop || visibility === 'hidden') return null;
+
+  const hasBoth = !!(updates.desktop && updates.core);
+  const title = hasBoth
+    ? ut.titleMultiple
+    : updates.desktop
+      ? ut.titleSingle(ut.desktopLabel, updates.desktop.version)
+      : updates.core
+        ? ut.titleSingle(ut.coreLabel, updates.core.version)
+        : '';
+
+  const subtitle = hasBoth
+    ? `${ut.desktopLabel} v${updates.desktop!.version} \u00B7 ${ut.coreLabel} v${updates.core!.version}`
+    : '';
+
+  const show = visibility === 'visible';
+
+  return (
+    <div
+      role="status"
+      aria-live="polite"
+      className={`
+        fixed bottom-14 right-4 z-40 pointer-events-none
+        transition-all duration-200
+        ${show ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}
+      `}
+    >
+      <div className="pointer-events-auto flex flex-col gap-2.5 bg-card border border-border rounded-xl shadow-lg px-4 py-3 w-[290px]">
+        {/* ── Title row ── */}
+        <div className="flex items-start gap-2">
+          {/* Amber indicator dot */}
+          <span className="mt-[5px] w-2 h-2 rounded-full bg-[var(--amber)] shrink-0" />
+
+          <div className="flex-1 min-w-0">
+            <p className="text-sm font-medium text-foreground leading-snug">{title}</p>
+            {subtitle && (
+              <p className="text-xs text-muted-foreground mt-0.5 truncate">{subtitle}</p>
+            )}
+          </div>
+
+          {/* Close = same as skip */}
+          <button
+            type="button"
+            onClick={handleSkip}
+            className="shrink-0 p-0.5 rounded text-muted-foreground hover:text-foreground transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+            aria-label="Dismiss"
+          >
+            <X size={13} />
+          </button>
+        </div>
+
+        {/* ── Actions ── */}
+        <div className="flex gap-2">
+          <button
+            type="button"
+            onClick={handleViewDetails}
+            className="flex-1 px-3 py-1.5 text-xs font-medium rounded-lg text-[var(--amber-foreground)] bg-[var(--amber)] hover:opacity-90 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          >
+            {ut.viewDetails}
+          </button>
+          <button
+            type="button"
+            onClick={handleSkip}
+            className="flex-1 px-3 py-1.5 text-xs rounded-lg text-muted-foreground border border-border hover:text-foreground hover:bg-muted transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          >
+            {hasBoth ? ut.skipAll : ut.skipVersion}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/app/components/agents/AgentDetailContent.tsx

@@ -356,7 +356,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
       <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">
           <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-            <Server size={12} className="text-muted-foreground/50" />
+            <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Server size={13} className="text-[var(--amber)]" /></div>
             {a.detail.mcpManagement}
           </h2>
           <div className="flex flex-wrap items-center gap-1.5">
@@ -455,7 +455,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
       <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">
           <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-            <Zap size={12} className="text-muted-foreground/50" />
+            <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Zap size={13} className="text-[var(--amber)]" /></div>
             {a.detail.skillAssignments}
           </h2>
           <div className="flex items-center gap-1.5 text-2xs text-muted-foreground/50 tabular-nums">
@@ -623,7 +623,7 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
       <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">
           <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-            <Globe size={12} className="text-muted-foreground/50" />
+            <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Globe size={13} className="text-[var(--amber)]" /></div>
             {p.a2aCapabilities}
           </h2>
           <span className={`text-2xs px-1.5 py-0.5 rounded font-medium shrink-0 ${
@@ -797,7 +797,7 @@ function RuntimeDiagSection({
     <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">
         <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-          <Activity size={12} className="text-muted-foreground/50" />
+          <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Activity size={13} className="text-[var(--amber)]" /></div>
           {d.runtimeDiagTitle}
         </h2>
         <button
@@ -875,7 +875,7 @@ function EnvPermSection({
   return (
     <section className="rounded-xl border border-border bg-card p-4 space-y-3">
       <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-        <Key size={12} className="text-muted-foreground/50" />
+        <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Key size={13} className="text-[var(--amber)]" /></div>
         {d.envPermTitle}
       </h2>
 
@@ -1029,7 +1029,7 @@ function KnowledgeInteractionSection() {
     return (
       <section className="rounded-xl border border-border bg-card p-4 space-y-3">
         <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-          <BookOpen size={12} className="text-muted-foreground/50" />
+          <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><BookOpen size={13} className="text-[var(--amber)]" /></div>
           {d?.knowledgeInteraction ?? 'Knowledge Interaction'}
         </h2>
         <div className="rounded-lg border border-border/40 bg-card/30 px-4 py-6 text-center">
@@ -1045,7 +1045,7 @@ function KnowledgeInteractionSection() {
       {/* Header */}
       <div className="flex items-center justify-between px-4 pt-4 pb-2">
         <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-          <BookOpen size={12} className="text-muted-foreground/50" />
+          <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><BookOpen size={13} className="text-[var(--amber)]" /></div>
           {d?.knowledgeInteraction ?? 'Knowledge Interaction'}
         </h2>
         <Link
@@ -1158,7 +1158,7 @@ function ActivitySection({ agent }: { agent: AgentInfo }) {
   return (
     <section className="rounded-xl border border-border bg-card p-4 space-y-3">
       <h2 className="text-xs font-semibold text-foreground flex items-center gap-2 shrink-0">
-        <Activity size={12} className="text-muted-foreground/50" />
+        <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center"><Activity size={13} className="text-[var(--amber)]" /></div>
         {d.activityTitle}
       </h2>
 

package/app/components/agents/AgentsMcpSection.tsx

@@ -146,8 +146,8 @@ export default function AgentsMcpSection({
       <div className="flex items-center justify-between gap-2">
         <div className="flex items-center gap-2.5">
           <h2 className="text-sm font-semibold text-foreground flex items-center gap-2">
-            <div className="w-6 h-6 rounded-md bg-muted/50 flex items-center justify-center">
-              <Server size={13} className="text-muted-foreground/70" aria-hidden="true" />
+            <div className="w-6 h-6 rounded-md bg-[var(--amber-subtle)] flex items-center justify-center">
+              <Server size={13} className="text-[var(--amber)]" aria-hidden="true" />
             </div>
             {copy.title}
           </h2>

package/app/components/agents/AgentsOverviewSection.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import {
   AlertTriangle,
+  Bot,
   Cable,
   ChevronDown,
   Globe,
@@ -217,7 +218,10 @@ export default function AgentsOverviewSection({
       {sortedAgents.length > 0 ? (
         <section aria-label={copy.usagePulse}>
           <div className="flex items-center justify-between mb-3">
-            <h2 className="text-sm font-medium text-foreground">{copy.usagePulse}</h2>
+            <div className="flex items-center gap-2.5">
+              <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]"><Bot size={13} /></div>
+              <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{copy.usagePulse}</h2>
+            </div>
             <span className="text-2xs text-muted-foreground tabular-nums select-none">
               {copy.agentCount(sortedAgents.length)}
             </span>