@geminilight/mindos 0.6.53 → 0.6.55

package/app/components/EchoSpotlight.tsx

@@ -41,13 +41,15 @@ export default function EchoSpotlight() {
   if (dailyLine.trim()) {
     return (
       <section className="mb-10">
-        <div className="flex items-center gap-2 mb-4">
-          <span className="text-[var(--amber)]"><Feather size={13} /></span>
-          <h2 className="text-sm font-semibold font-display text-foreground">{echo.title}</h2>
-          <span className="text-xs text-muted-foreground/50 font-display">{echo.dailyLine}</span>
+        <div className="flex items-center gap-2.5 mb-5">
+          <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]">
+            <Feather size={13} />
+          </div>
+          <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{echo.title}</h2>
+          <span className="text-xs text-muted-foreground/50">{echo.dailyLine}</span>
           <Link
             href="/echo/daily"
-            className="ml-auto text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity font-display"
+            className="ml-auto text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity"
           >
             {echo.goToEcho}
           </Link>
@@ -61,7 +63,7 @@ export default function EchoSpotlight() {
               onChange={e => saveLine(e.target.value)}
               onBlur={() => setEditing(false)}
               onKeyDown={e => { if (e.key === 'Enter') setEditing(false); }}
-              className="w-full px-3.5 py-3 rounded-xl border border-[var(--amber)]/40 bg-card text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring font-display italic"
+              className="w-full px-3.5 py-3 rounded-xl border border-[var(--amber)]/40 bg-card text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring italic"
               placeholder={echo.placeholder}
             />
           ) : (
@@ -83,9 +85,11 @@ export default function EchoSpotlight() {
   // ── No daily line → invite ──
   return (
     <section className="mb-10">
-      <div className="flex items-center gap-2 mb-4">
-        <span className="text-[var(--amber)]"><Feather size={13} /></span>
-        <h2 className="text-sm font-semibold font-display text-foreground">{echo.title}</h2>
+      <div className="flex items-center gap-2.5 mb-5">
+        <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]">
+          <Feather size={13} />
+        </div>
+        <h2 className="text-[13px] font-semibold text-foreground tracking-wide">{echo.title}</h2>
       </div>
       <div className="flex items-center gap-4 px-3.5 py-3.5 rounded-xl border border-dashed border-border/60 hover:border-[var(--amber)]/30 transition-all duration-150 group">
         <div className="flex-1 min-w-0">
@@ -93,7 +97,7 @@ export default function EchoSpotlight() {
             type="text"
             value={dailyLine}
             onChange={e => saveLine(e.target.value)}
-            className="w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground/40 focus-visible:outline-none font-display italic"
+            className="w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground/40 focus-visible:outline-none italic"
             placeholder={echo.placeholder}
           />
           <p className="text-xs text-muted-foreground/40 mt-1">{echo.inviteDesc}</p>

package/app/components/Editor.tsx

@@ -17,7 +17,7 @@ const darkTheme = EditorView.theme({
     backgroundColor: '#09090b',
     height: '100%',
     fontSize: '0.875rem',
-    fontFamily: 'var(--font-geist-mono), ui-monospace, monospace',
+    fontFamily: 'var(--font-ibm-plex-mono), ui-monospace, monospace',
   },
   '.cm-scroller': {
     overflow: 'auto',

package/app/components/ExportModal.tsx

@@ -113,7 +113,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
         <div className="flex items-center justify-between px-5 py-4 border-b border-border">
           <div className="flex items-center gap-2">
             <Download size={15} className="text-[var(--amber)]" />
-            <h3 id="export-modal-title" className="text-sm font-semibold font-display">
+            <h3 id="export-modal-title" className="text-sm font-semibold">
               {isDirectory ? (t.export?.exportSpace ?? 'Export Space') : (t.export?.exportFile ?? 'Export File')}
             </h3>
           </div>
@@ -129,7 +129,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
               <div className="w-10 h-10 rounded-full bg-success/10 flex items-center justify-center mx-auto mb-3">
                 <Check size={20} className="text-success" />
               </div>
-              <p className="text-sm font-medium font-display">{t.export?.done ?? 'Export Complete'}</p>
+              <p className="text-sm font-medium">{t.export?.done ?? 'Export Complete'}</p>
               <p className="text-xs text-muted-foreground mt-1">{fileName}</p>
             </div>
           ) : state === 'error' ? (
@@ -140,7 +140,7 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
           ) : (
             <>
               <p className="text-xs text-muted-foreground mb-3 truncate" title={filePath}>{filePath}</p>
-              <p className="text-xs font-medium font-display text-foreground mb-2">{t.export?.chooseFormat ?? 'Choose format'}</p>
+              <p className="text-xs font-medium text-foreground mb-2">{t.export?.chooseFormat ?? 'Choose format'}</p>
               <div className="space-y-1.5">
                 {formats.map(f => (
                   <label

package/app/components/FileTree.tsx

@@ -438,7 +438,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
         <button
           type="button"
           onClick={handleSingleClick}
-          onDoubleClick={handleDoubleClick}
           draggable
           onDragStart={(e) => {
             e.dataTransfer.setData('text/mindos-path', node.path);
@@ -448,7 +447,7 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           className={`
             flex-1 flex items-center gap-1.5 px-1 py-1 rounded text-left min-w-0 pr-16
             text-sm transition-colors duration-100
-            hover:bg-muted cursor-text
+            hover:bg-muted cursor-default
             ${isActive ? 'text-foreground' : 'text-muted-foreground hover:text-foreground'}
           `}
         >
@@ -461,9 +460,6 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
               : <Folder size={14} className="text-yellow-400 shrink-0" />
           }
           <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-          <span className="ml-auto text-xs text-muted-foreground/30 group-hover/dir:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/dir:inline-flex items-center gap-1">
-            <Pencil size={10} />
-          </span>
           {isSpace && !open && (
             <span className="ml-auto text-xs text-muted-foreground shrink-0 tabular-nums pr-1">{contentCount}</span>
           )}
@@ -657,14 +653,13 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
     <div className="relative group/file">
       <button
         onClick={handleClick}
-        onDoubleClick={isProtected ? undefined : startRename}
         onContextMenu={handleContextMenu}
         draggable
         onDragStart={handleDragStart}
         data-filepath={node.path}
         className={`
           w-full flex items-center gap-1.5 px-2 py-1 rounded text-left
-          text-sm transition-colors duration-100 cursor-text pr-16
+          text-sm transition-colors duration-100 cursor-default pr-16
           ${isActive
             ? 'bg-accent text-foreground'
             : 'hover:bg-muted text-muted-foreground hover:text-foreground'
@@ -674,9 +669,6 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
       >
         {getIcon(node)}
         <span className="truncate leading-5" suppressHydrationWarning>{node.name}</span>
-        <span className="ml-auto text-xs text-muted-foreground/30 group-hover/file:text-muted-foreground/60 transition-colors shrink-0 hidden group-hover/file:inline-flex items-center gap-1">
-          <Pencil size={10} />
-        </span>
         {pinned && <Star size={10} className="shrink-0 fill-[var(--amber)] text-[var(--amber)] opacity-60" />}
       </button>
       <div className="absolute right-1 top-1/2 -translate-y-1/2 hidden group-hover/file:flex items-center gap-0.5">
@@ -759,7 +751,10 @@ export default function FileTree({ nodes, depth = 0, onNavigate, maxOpenDepth, p
   const showHidden = useShowHiddenFiles();
 
   const isRoot = depth === 0;
-  const visibleNodes = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const filtered = showHidden ? nodes : filterHiddenNodes(nodes, isRoot);
+  const visibleNodes = isRoot
+    ? filtered.filter(n => !(n.type === 'directory' && n.name === 'Inbox'))
+    : filtered;
 
   useEffect(() => {
     if (!currentPath || depth !== 0) return;

package/app/components/GuideCard.tsx

@@ -232,7 +232,7 @@ export default function GuideCard() {
       {/* Header */}
       <div className="flex items-center gap-3 px-5 pt-4 pb-2">
         <Sparkles size={16} className="text-[var(--amber)]" />
-        <span className="text-sm font-semibold flex-1 font-display text-foreground">
+        <span className="text-sm font-semibold flex-1 text-foreground">
           {g.title}
         </span>
         <button onClick={handleDismiss} className="p-1 rounded hover:bg-muted transition-colors text-muted-foreground">

package/app/components/HomeContent.tsx

@@ -7,6 +7,7 @@ import { useLocale } from '@/lib/stores/locale-store';
 import { encodePath, relativeTime, extractEmoji, stripEmoji } from '@/lib/utils';
 import { usePinnedFiles } from '@/lib/hooks/usePinnedFiles';
 import OnboardingView from './OnboardingView';
+import Logo from './Logo';
 import GuideCard from './GuideCard';
 import SystemPulse from './SystemPulse';
 import { InboxSection } from './home/InboxSection';
@@ -78,13 +79,15 @@ interface SectionTitleProps {
 
 function SectionTitle({ icon, children, count, action }: SectionTitleProps) {
   return (
-    <div className="flex items-center gap-2 mb-4">
-      <span className="text-[var(--amber)]">{icon}</span>
-      <h2 className="text-sm font-semibold font-display text-foreground">
+    <div className="flex items-center gap-2.5 mb-5">
+      <div className="flex items-center justify-center w-6 h-6 rounded-md bg-[var(--amber-subtle)] text-[var(--amber)]">
+        {icon}
+      </div>
+      <h2 className="text-[13px] font-semibold text-foreground tracking-wide">
         {children}
       </h2>
       {count != null && count > 0 && (
-        <span className="text-xs tabular-nums text-muted-foreground font-display">{count}</span>
+        <span className="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[10px] font-semibold rounded-full bg-muted text-muted-foreground tabular-nums">{count}</span>
       )}
       {action ? <div className="ml-auto">{action}</div> : null}
     </div>
@@ -103,7 +106,7 @@ function ToggleButton({ expanded, onToggle, showLabel, hideLabel, className = ''
     <button
       onClick={onToggle}
       aria-expanded={expanded}
-      className={`flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display ${className}`}
+      className={`flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer ${className}`}
     >
       <ChevronDown size={12} className={`transition-transform duration-200 ${expanded ? 'rotate-180' : ''}`} />
       <span>{expanded ? hideLabel : showLabel}</span>
@@ -133,7 +136,7 @@ function FileRow({ filePath, mtime, formatTime, subPath }: {
         <span className="text-sm truncate block text-foreground" suppressHydrationWarning>{name}</span>
         {subPath && <span className="text-xs truncate block text-muted-foreground opacity-50" suppressHydrationWarning>{subPath}</span>}
       </div>
-      <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground opacity-40" suppressHydrationWarning>
+      <span className="text-xs shrink-0 tabular-nums text-muted-foreground/40" suppressHydrationWarning>
         {formatTime(mtime)}
       </span>
     </Link>
@@ -180,25 +183,25 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       <ExampleCleanupBanner />
 
       {/* ══════════ Hero ══════════ */}
-      <div className="mb-10">
+      <div className="mb-14">
         {/* Brand mark */}
-        <div className="flex items-center gap-3 mb-2">
-          <div className="w-1 h-7 rounded-full bg-gradient-to-b from-[var(--amber)] to-[var(--amber)]/20" />
-          <h1 className="text-2xl font-semibold tracking-tight font-display text-foreground">
-            MindOS
+        <div className="flex items-center gap-5 mb-1">
+          <Logo id="home-hero" className="w-14 h-7 opacity-90" />
+          <h1 className="text-[2rem] font-brand leading-none">
+            <span className="text-foreground">Mind</span><span className="text-[var(--amber)]">OS</span>
           </h1>
         </div>
-        <p className="text-sm leading-relaxed text-muted-foreground pl-4 max-w-lg mb-6">
+        <p className="text-sm text-muted-foreground/50 mt-3 max-w-md leading-relaxed">
           {t.app.tagline}
         </p>
 
         {/* Command bar — the single most important action */}
-        <div className="w-full max-w-xl flex flex-col sm:flex-row items-stretch sm:items-center gap-2 pl-4">
+        <div className="w-full max-w-xl flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mt-8">
           <button
             onClick={triggerAsk}
             title="⌘/"
             data-walkthrough="ask-button"
-            className="flex-1 flex items-center gap-3 px-4 py-3 rounded-xl border border-border/60 shadow-sm bg-card transition-all duration-150 hover:border-[var(--amber)]/50 hover:shadow-md group"
+            className="flex-1 flex items-center gap-3 px-4 py-3.5 rounded-xl border border-border/50 shadow-sm bg-card/80 backdrop-blur-sm transition-all duration-200 hover:border-[var(--amber)]/40 hover:shadow-md hover:-translate-y-0.5 group"
           >
             <Sparkles size={16} className="shrink-0 text-[var(--amber)] group-hover:scale-110 transition-transform duration-150" />
             <div className="flex-1 min-h-[1.5rem] flex items-center">
@@ -216,7 +219,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
           <button
             onClick={triggerSearch}
             title="⌘K"
-            className="flex items-center gap-2 px-3.5 py-3 rounded-xl border border-border/60 text-sm text-muted-foreground transition-all duration-150 shrink-0 hover:bg-muted hover:shadow-sm"
+            className="flex items-center gap-2 px-3.5 py-3.5 rounded-xl border border-border/50 text-sm text-muted-foreground transition-all duration-200 shrink-0 hover:bg-muted/60 hover:shadow-sm hover:-translate-y-0.5"
           >
             <Search size={14} />
             <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono bg-muted">
@@ -226,10 +229,10 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
         </div>
 
         {/* Quick actions — only 2: New + Continue */}
-        <div className="flex items-center gap-3 mt-4 pl-4">
+        <div className="flex items-center gap-3 mt-5">
           <Link
             href="/view/Untitled.md"
-            className="inline-flex items-center gap-2 px-3.5 py-2 rounded-lg text-sm font-medium transition-all duration-150 hover:shadow-sm bg-[var(--amber)] text-[var(--amber-foreground)]"
+            className="inline-flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 hover:shadow-md hover:-translate-y-0.5 bg-[var(--amber)] text-[var(--amber-foreground)]"
           >
             <FilePlus size={14} />
             <span>{t.home.newNote}</span>
@@ -257,12 +260,15 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
         <RecentActivityFeed />
       </div>
 
+      {/* ── Visual divider ── */}
+      <div className="border-t border-border/30 mb-10" />
+
       {/* ══════════ Inbox ══════════ */}
       <InboxSection />
 
       {/* ══════════ Spaces ══════════ */}
       {(spaceList.length > 0 || true) && (
-        <section className="mb-10">
+        <section className="mb-12">
           <SectionTitle
             icon={<Brain size={14} />}
             count={spaceList.length > 0 ? spaceList.length : undefined}
@@ -272,7 +278,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
           </SectionTitle>
           {spaceList.length > 0 ? (
             <>
-              <div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
+              <div className="grid grid-cols-2 sm:grid-cols-3 gap-2.5">
                 {(showAllSpaces ? spaceList : spaceList.slice(0, SPACES_PER_ROW)).map(s => {
                   const emoji = extractEmoji(s.name);
                   const label = stripEmoji(s.name);
@@ -281,10 +287,10 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                     <Link
                       key={s.name}
                       href={`/view/${encodePath(s.path)}`}
-                      className={`flex items-start gap-3 px-3.5 py-3 rounded-xl border transition-all duration-150 ${
+                      className={`flex items-start gap-3 px-4 py-3.5 rounded-xl border transition-all duration-200 ${
                         isEmpty
                           ? 'border-dashed border-border/50 opacity-50 hover:opacity-70'
-                          : 'border-border hover:border-[var(--amber)]/30 hover:shadow-sm'
+                          : 'border-border/60 hover:border-[var(--amber)]/30 hover:shadow-md hover:-translate-y-0.5 bg-card/40'
                       }`}
                     >
                       {emoji ? (
@@ -326,16 +332,19 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       {/* ══════════ Pinned Files ══════════ */}
       <PinnedFilesSection formatTime={formatTime} />
 
+      {/* ── Visual divider ── */}
+      <div className="border-t border-border/30 mb-10" />
+
       {/* ══════════ Recently Edited ══════════ */}
       {recent.length > 0 && (
-        <section className="mb-10">
+        <section className="mb-12">
           <SectionTitle
             icon={<Clock size={14} />}
             count={recent.length}
             action={
               <Link
                 href="/changes"
-                className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 font-display"
+                className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80"
               >
                 <History size={12} />
                 <span>{t.home.changeHistory}</span>
@@ -357,7 +366,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                       className="flex items-center gap-2 px-1 py-1.5 rounded-lg group transition-colors hover:bg-muted/50"
                     >
                       <Folder size={14} className="shrink-0 text-[var(--amber)]" />
-                      <span className="text-xs font-semibold font-display text-foreground group-hover:text-[var(--amber)] transition-colors" suppressHydrationWarning>
+                      <span className="text-xs font-semibold text-foreground group-hover:text-[var(--amber)] transition-colors" suppressHydrationWarning>
                         {group.space}
                       </span>
                       <span className="text-xs text-muted-foreground/50 tabular-nums" suppressHydrationWarning>
@@ -369,7 +378,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                         </span>
                       )}
                     </Link>
-                    <div className="flex flex-col gap-0.5 ml-2 border-l border-border/40 pl-3">
+                    <div className="flex flex-col gap-0.5 ml-2 border-l-2 border-border/20 pl-3">
                       {visibleFiles.map(({ path: filePath, mtime }) => (
                         <FileRow
                           key={filePath}
@@ -388,11 +397,11 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                 <div>
                   <div className="flex items-center gap-2 px-1 py-1.5">
                     <FileText size={14} className="shrink-0 text-muted-foreground/50" />
-                    <span className="text-xs font-semibold font-display text-muted-foreground/60">
+                    <span className="text-xs font-semibold text-muted-foreground/60">
                       {t.home.other}
                     </span>
                   </div>
-                  <div className="flex flex-col gap-0.5 ml-2 border-l border-border/40 pl-3">
+                  <div className="flex flex-col gap-0.5 ml-2 border-l-2 border-border/20 pl-3">
                     {rootFiles.map(({ path: filePath, mtime }) => (
                       <FileRow key={filePath} filePath={filePath} mtime={mtime} formatTime={formatTime} />
                     ))}
@@ -412,7 +421,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
             </div>
           ) : (
             <div className="relative pl-4">
-              <div className="absolute left-0 top-1 bottom-1 w-px bg-border/40" />
+              <div className="absolute left-0 top-1 bottom-1 w-0.5 rounded-full bg-gradient-to-b from-[var(--amber)]/20 via-border/30 to-transparent" />
               <div className="flex flex-col gap-0.5">
                 {(showAll ? recent : recent.slice(0, 5)).map(({ path: filePath, mtime }, idx) => {
                   const isCSV = filePath.endsWith('.csv');
@@ -422,10 +431,10 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                     <div key={filePath} className="relative group">
                       <div
                         aria-hidden="true"
-                        className={`absolute -left-4 top-1/2 -translate-y-1/2 rounded-full transition-all duration-150 group-hover:scale-150 ${
+                        className={`absolute -left-[5px] top-1/2 -translate-y-1/2 rounded-full transition-all duration-200 group-hover:scale-125 ${
                           idx === 0
-                            ? 'w-2 h-2 bg-[var(--amber)] ring-2 ring-[var(--amber)]/20'
-                            : 'w-1.5 h-1.5 bg-muted-foreground/20'
+                            ? 'w-2.5 h-2.5 bg-[var(--amber)] ring-[3px] ring-[var(--amber)]/15 shadow-sm shadow-[var(--amber)]/20'
+                            : 'w-1.5 h-1.5 bg-muted-foreground/25 group-hover:bg-[var(--amber)]/50'
                         }`}
                       />
                       <Link
@@ -440,7 +449,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                           <span className="text-sm truncate block text-foreground" suppressHydrationWarning>{name}</span>
                           {dir && <span className="text-xs truncate block text-muted-foreground/40" suppressHydrationWarning>{dir}</span>}
                         </div>
-                        <span className="text-xs shrink-0 tabular-nums font-display text-muted-foreground/40" suppressHydrationWarning>
+                        <span className="text-xs shrink-0 tabular-nums text-muted-foreground/40" suppressHydrationWarning>
                           {formatTime(mtime)}
                         </span>
                       </Link>
@@ -463,8 +472,8 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       )}
 
       {/* Footer */}
-      <div className="py-6 border-t border-border/20 flex items-center gap-1.5 text-xs font-display text-muted-foreground/30">
-        <Sparkles size={10} className="text-[var(--amber)]/40" />
+      <div className="mt-6 py-8 border-t border-border/20 flex items-center justify-center gap-2 text-[11px] text-muted-foreground/25">
+        <Logo id="home-footer" className="w-5 h-2.5 opacity-30" />
         <span>{t.app.footer}</span>
       </div>
     </div>
@@ -482,12 +491,14 @@ function PinnedFilesSection({ formatTime }: { formatTime: (t: number) => string
         <SectionTitle icon={<Star size={14} />}>
           {t.pinnedFiles.title}
         </SectionTitle>
-        <div className="py-6 px-4 rounded-lg border border-dashed border-border/50 text-center">
-          <Star size={20} className="mx-auto mb-2 text-muted-foreground/40" />
-          <p className="text-sm font-medium text-muted-foreground mb-1">
+        <div className="py-8 px-6 rounded-xl border border-border/40 bg-card/30 text-center">
+          <div className="inline-flex items-center justify-center w-10 h-10 rounded-full bg-[var(--amber-subtle)] mb-3">
+            <Star size={18} className="text-[var(--amber)]/60" />
+          </div>
+          <p className="text-sm font-medium text-muted-foreground/70 mb-1">
             {t.pinnedFiles.empty ?? 'No pinned files'}
           </p>
-          <p className="text-xs text-muted-foreground/60">
+          <p className="text-xs text-muted-foreground/40 max-w-xs mx-auto leading-relaxed">
             {t.pinnedFiles.emptyHint ?? 'Click the star icon on any file to pin it here'}
           </p>
         </div>
@@ -541,7 +552,7 @@ function CreateSpaceButton({ t }: { t: ReturnType<typeof useLocale>['t'] }) {
   return (
     <button
       onClick={() => window.dispatchEvent(new Event('mindos:create-space'))}
-      className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer font-display"
+      className="flex items-center gap-1.5 text-xs font-medium text-[var(--amber)] transition-colors hover:opacity-80 cursor-pointer"
     >
       <Plus size={12} />
       <span>{t.home.newSpace}</span>

package/app/components/ImportModal.tsx

@@ -114,8 +114,7 @@ export default function ImportModal({ open, onClose, defaultSpace, initialFiles,
       const prompt = attachments.length === 1
         ? (t.fileImport.digestPromptSingle as (name: string, space?: string) => string)(attachments[0].name, space)
         : (t.fileImport.digestPromptMulti as (n: number, space?: string) => string)(attachments.length, space);
-      // Start AI organize and immediately close modal — toast takes over
-      aiOrganize.start(attachments, prompt);
+      aiOrganize.start(attachments, prompt, 'import-modal');
       onClose();
       im.reset();
     }

package/app/components/KeyboardShortcuts.tsx

@@ -54,7 +54,7 @@ export default function KeyboardShortcuts() {
       >
         {/* Header */}
         <div className="flex items-center justify-between px-5 py-3.5 border-b border-border">
-          <span className="text-sm font-medium font-display text-foreground">{s.title}</span>
+          <span className="text-sm font-medium text-foreground">{s.title}</span>
           <button
             onClick={() => setOpen(false)}
             className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"

package/app/components/MarkdownEditor.tsx

@@ -35,7 +35,7 @@ export default function MarkdownEditor({ value, onChange, viewMode, onViewModeCh
           <button
             key={m.id}
             onClick={() => onViewModeChange(m.id)}
-            className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded text-xs font-medium transition-colors font-display ${
+            className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded text-xs font-medium transition-colors ${
               viewMode === m.id
                 ? 'bg-card text-foreground shadow-sm'
                 : 'text-muted-foreground hover:text-foreground'

package/app/components/OnboardingView.tsx

@@ -64,7 +64,7 @@ export default function OnboardingView() {
       <div className="text-center mb-10">
         <div className="inline-flex items-center gap-2 mb-4">
           <Sparkles size={18} className="text-[var(--amber)]" />
-          <h1 className="text-2xl font-semibold tracking-tight font-display text-foreground">
+          <h1 className="text-2xl font-brand text-foreground">
             MindOS
           </h1>
         </div>
@@ -131,7 +131,7 @@ export default function OnboardingView() {
       </div>
 
       {/* Import hint */}
-      <p className="text-center text-xs leading-relaxed max-w-sm mx-auto font-display text-muted-foreground opacity-60">
+      <p className="text-center text-xs leading-relaxed max-w-sm mx-auto text-muted-foreground/60">
         {ob.importHint}
       </p>
       <p className="text-center mt-2">

package/app/components/OrganizeToast.tsx

@@ -119,10 +119,12 @@ export default function OrganizeToast({
           undone: c.undone,
         })),
         status: 'completed',
+        source: aiOrganize.source,
+        durationMs: aiOrganize.durationMs,
       });
       onHistoryUpdate?.();
     }
-  }, [isDone, aiOrganize.changes, aiOrganize.sourceFileNames, onHistoryUpdate]);
+  }, [isDone, aiOrganize.changes, aiOrganize.sourceFileNames, aiOrganize.source, aiOrganize.durationMs, onHistoryUpdate]);
 
   // Auto-dismiss timer (3 min after done, reset on user interaction)
   const resetTimer = useCallback(() => {

package/app/components/Panel.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
-import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2 } from 'lucide-react';
+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';
 import FileTree, { setShowHiddenFiles, useShowHiddenFiles } from './FileTree';
@@ -128,14 +128,25 @@ export default function Panel({
     };
   }, [morePopover]);
 
-  // Fetch trash count on mount and when files change
+  const [inboxCount, setInboxCount] = useState(0);
+
   useEffect(() => {
-    const fetchCount = () => {
+    const fetchTrash = () => {
       listTrashAction().then(items => setTrashCount(items.length)).catch(() => {});
     };
-    fetchCount();
-    window.addEventListener('mindos:files-changed', fetchCount);
-    return () => window.removeEventListener('mindos:files-changed', fetchCount);
+    const fetchInbox = () => {
+      fetch('/api/inbox').then(r => r.json()).then(d => {
+        if (Array.isArray(d.files)) setInboxCount(d.files.length);
+      }).catch(() => {});
+    };
+    fetchTrash();
+    fetchInbox();
+    window.addEventListener('mindos:files-changed', fetchTrash);
+    window.addEventListener('mindos:inbox-updated', fetchInbox);
+    return () => {
+      window.removeEventListener('mindos:files-changed', fetchTrash);
+      window.removeEventListener('mindos:inbox-updated', fetchInbox);
+    };
   }, []);
 
   // Double-click hint: show only until user has used it once.
@@ -280,6 +291,16 @@ export default function Panel({
                     {showHidden && <span className="text-[var(--amber)] text-xs">✓</span>}
                   </button>
                   <div className="my-1 border-t border-border/50" />
+                  <button
+                    className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
+                    onClick={() => { setMorePopover(false); router.push('/view/Inbox/'); }}
+                  >
+                    <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>
+                    )}
+                  </button>
                   <button
                     className="w-full flex items-center gap-2 px-3 py-1.5 text-sm text-foreground hover:bg-muted transition-colors text-left"
                     onClick={() => { setMorePopover(false); router.push('/trash'); }}

package/app/components/Sidebar.tsx

@@ -94,7 +94,7 @@ export default function Sidebar({ fileTree, collapsed = false, onCollapse, onExp
       <div className="flex items-center justify-between px-4 py-4 border-b border-border shrink-0">
         <Link href="/" className="flex items-center gap-2 hover:opacity-80 transition-opacity">
           <Logo id="desktop" />
-          <span className="font-semibold text-foreground text-sm tracking-wide font-display">MindOS</span>
+          <span className="text-foreground text-sm font-brand">MindOS</span>
         </Link>
         {/* Mobile close */}
         <button onClick={() => setMobileOpen(false)} className="md:hidden p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors">