@geminilight/mindos 0.6.61 → 0.6.65

package/_standalone/components/ActivityBar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useRef, useCallback, useState, useEffect } from 'react';
-import Link from 'next/link';
+import { usePathname, useRouter } from 'next/navigation';
 import { FolderTree, Search, Settings, RefreshCw, Bot, Compass, ChevronLeft, ChevronRight, Radio, Zap } from 'lucide-react';
 import { useLocale } from '@/lib/stores/locale-store';
 import { DOT_COLORS, getStatusLevel } from './SyncStatusBar';
@@ -94,6 +94,9 @@ export default function ActivityBar({
   const lastClickRef = useRef(0);
   const syncBtnRef = useRef<HTMLButtonElement>(null);
   const { t } = useLocale();
+  const pathname = usePathname();
+  const router = useRouter();
+  const isHome = pathname === '/';
 
   // Update badge: Desktop → electron-updater IPC; Browser → npm registry check
   const [hasUpdate, setHasUpdate] = useState(false);
@@ -193,20 +196,28 @@ export default function ActivityBar({
       {/* Content wrapper — overflow-hidden prevents text flash during width transitions */}
       <div className="flex flex-col h-full w-full overflow-hidden">
         {/* ── Top: Logo — h-[45px] aligns divider with PanelHeader h-[46px] border-b (both at y=45) ── */}
-        <Link
-          href="/"
-          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full h-[45px] shrink-0 hover:opacity-80 transition-opacity`}
+        <button
+          type="button"
+          onClick={() => {
+            if (isHome) {
+              onPanelChange(activePanel === 'files' ? null : 'files');
+            } else {
+              onPanelChange('files');
+              router.push('/');
+            }
+          }}
+          className={`flex items-center ${expanded ? 'px-3 gap-2' : 'justify-center'} w-full h-[45px] shrink-0 transition-opacity cursor-pointer ${isHome ? 'opacity-100' : 'opacity-50 hover:opacity-80'}`}
           aria-label="MindOS Home"
         >
           <Logo id="rail" className="w-7 h-3.5 shrink-0" />
           {expanded && <span className="text-sm text-foreground font-brand whitespace-nowrap">MindOS</span>}
-        </Link>
+        </button>
 
         <div className={`${expanded ? 'mx-3' : 'mx-2'} border-t border-border`} />
 
         {/* ── Middle: Core panel toggles ── */}
         <div className={`flex flex-col ${expanded ? 'px-1.5' : 'items-center'} gap-1 py-2`}>
-          <RailButton icon={<FolderTree size={18} />} label={t.sidebar.files} active={activePanel === 'files'} expanded={expanded} onClick={() => onSpacesClick ? debounced(onSpacesClick) : toggle('files')} walkthroughId="files-panel" />
+          <RailButton icon={<FolderTree size={18} />} label={t.sidebar.files} active={!isHome && activePanel === 'files'} expanded={expanded} onClick={() => onSpacesClick ? debounced(onSpacesClick) : toggle('files')} walkthroughId="files-panel" />
           {labsEcho && <RailButton icon={<Radio size={18} />} label={t.sidebar.echo} active={activePanel === 'echo'} expanded={expanded} onClick={() => onEchoClick ? debounced(onEchoClick) : toggle('echo')} walkthroughId="echo-panel" />}
           <RailButton icon={<Search size={18} />} label={t.sidebar.searchTitle} shortcut="⌘K" active={activePanel === 'search'} expanded={expanded} onClick={() => toggle('search')} />
           <RailButton

package/_standalone/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/_standalone/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/_standalone/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/_standalone/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>