@geminilight/mindos 0.6.50 → 0.6.52

package/app/app/api/ask/route.ts

@@ -230,21 +230,26 @@ function readKnowledgeFile(filePath: string): { ok: boolean; content: string; tr
  * Tries in order: app/data/skills → skills → {mindRoot}/.skills → ~/.mindos/skills
  * Returns { path, result } where result is the file content or error.
  */
+/**
+ * Candidate skill directories, ordered by priority.
+ * Used for SKILL.md resolution AND reference file fallback.
+ */
+function skillDirCandidates(skillName: string, projectRoot: string, mindRoot: string): string[] {
+  return [
+    path.join(projectRoot, 'app', 'data', 'skills', skillName),
+    path.join(projectRoot, 'skills', skillName),
+    path.join(mindRoot, '.skills', skillName),
+    path.join(process.env.HOME || '/root', '.mindos', 'skills', skillName),
+  ];
+}
+
 function resolveSkillFile(
   skillName: string,
   projectRoot: string,
   mindRoot: string,
 ): { path: string; result: ReturnType<typeof readAbsoluteFile> } {
-  const locations = [
-    // Primary: bundled location (Desktop/production builds)
-    path.join(projectRoot, 'app', 'data', 'skills', skillName, 'SKILL.md'),
-    // Fallback: repository root (dev/CLI usage)
-    path.join(projectRoot, 'skills', skillName, 'SKILL.md'),
-    // Fallback: knowledge base custom skills
-    path.join(mindRoot, '.skills', skillName, 'SKILL.md'),
-    // Fallback: global user skills
-    path.join(process.env.HOME || '/root', '.mindos', 'skills', skillName, 'SKILL.md'),
-  ];
+  const dirs = skillDirCandidates(skillName, projectRoot, mindRoot);
+  const locations = dirs.map(d => path.join(d, 'SKILL.md'));
 
   for (const absPath of locations) {
     const result = readAbsoluteFile(absPath);
@@ -253,7 +258,6 @@ function resolveSkillFile(
     }
   }
 
-  // All locations failed — return last error
   return {
     path: locations[locations.length - 1],
     result: {
@@ -265,6 +269,34 @@ function resolveSkillFile(
   };
 }
 
+/**
+ * Resolve a skill reference file (e.g. references/write-supplement.md) with
+ * multi-location fallback. First tries relative to the found SKILL.md, then
+ * falls back to all other candidate directories. This handles the case where
+ * SKILL.md is found in one location but its references/ dir is in another
+ * (e.g. stale Desktop build, Core Hot Update with partial content).
+ */
+function resolveSkillReference(
+  relPath: string,
+  skillInfo: { path: string },
+  skillName: string,
+  projectRoot: string,
+  mindRoot: string,
+): ReturnType<typeof readAbsoluteFile> {
+  const primaryDir = path.dirname(skillInfo.path);
+  const primaryPath = path.join(primaryDir, relPath);
+  const primaryResult = readAbsoluteFile(primaryPath);
+  if (primaryResult.ok) return primaryResult;
+
+  for (const dir of skillDirCandidates(skillName, projectRoot, mindRoot)) {
+    if (dir === primaryDir) continue;
+    const result = readAbsoluteFile(path.join(dir, relPath));
+    if (result.ok) return result;
+  }
+
+  return primaryResult;
+}
+
 /**
  * In-memory cache for absolute file reads (SKILL.md, etc).
  * Keyed by absPath. Re-reads only when file mtime changes.
@@ -504,10 +536,10 @@ export async function POST(req: NextRequest) {
     const skillInfo = resolveSkillFile(skillDirName, projectRoot, mindRoot);
     const skill = skillInfo.result;
     
-    // Resolve write-supplement from the same base directory as SKILL.md
-    const skillWriteDir = path.dirname(skillInfo.path);
-    const skillWritePath = path.join(skillWriteDir, 'references', 'write-supplement.md');
-    const skillWrite = readAbsoluteFile(skillWritePath);
+    const skillWrite = resolveSkillReference(
+      path.join('references', 'write-supplement.md'),
+      skillInfo, skillDirName, projectRoot, mindRoot,
+    );
 
     console.log(
       `[ask] SKILL skill=${skill.ok} (${skillInfo.path}), write-supplement=${skillWrite.ok}`

package/app/app/globals.css

@@ -81,7 +81,7 @@ body {
   --amber-dim: rgba(200, 135, 58, 0.18);
   --amber-subtle: rgba(200, 135, 30, 0.08);
   --amber-foreground: #ffffff;
-  --success: #7aad80;
+  --success: #5a8d60;
   --error: #c85050;
   --sidebar: #ede9e1;
   --sidebar-foreground: #1c1a17;

package/app/app/loading.tsx

@@ -0,0 +1,80 @@
+/**
+ * Home page skeleton — shown while server components load.
+ * Matches the HomeContent layout: hero → spaces grid → recent files.
+ */
+export default function Loading() {
+  return (
+    <div className="content-width px-4 md:px-6 py-10 md:py-14 animate-pulse" aria-busy="true" aria-label="Loading">
+      {/* Hero skeleton */}
+      <div className="mb-10">
+        <div className="flex items-center gap-3 mb-2">
+          <div className="w-1 h-7 rounded-full bg-muted" />
+          <div className="h-6 w-28 bg-muted rounded" />
+        </div>
+        <div className="h-4 w-64 bg-muted rounded ml-4 mb-6" />
+
+        {/* Command bar skeleton */}
+        <div className="w-full max-w-xl flex flex-col sm:flex-row items-stretch sm:items-center gap-2 ml-4">
+          <div className="flex-1 h-12 rounded-xl bg-muted" />
+          <div className="h-12 w-16 rounded-xl bg-muted shrink-0" />
+        </div>
+
+        {/* Quick actions skeleton */}
+        <div className="flex items-center gap-3 mt-4 ml-4">
+          <div className="h-9 w-28 rounded-lg bg-muted" />
+          <div className="h-9 w-40 rounded-lg bg-muted" />
+        </div>
+      </div>
+
+      {/* Spaces grid skeleton */}
+      <div className="mb-10">
+        <div className="flex items-center gap-2 mb-4">
+          <div className="w-4 h-4 rounded bg-muted" />
+          <div className="h-4 w-16 bg-muted rounded" />
+        </div>
+        <div className="grid grid-cols-2 sm:grid-cols-3 gap-2">
+          {Array.from({ length: 6 }).map((_, i) => (
+            <div key={i} className="flex items-start gap-3 px-3.5 py-3 rounded-xl border border-border">
+              <div className="w-5 h-5 rounded bg-muted shrink-0 mt-0.5" />
+              <div className="flex-1 space-y-1.5">
+                <div className="h-4 w-20 bg-muted rounded" />
+                <div className="h-3 w-full bg-muted rounded" />
+                <div className="h-3 w-12 bg-muted rounded" />
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      {/* Recent files skeleton */}
+      <div className="mb-10">
+        <div className="flex items-center gap-2 mb-4">
+          <div className="w-4 h-4 rounded bg-muted" />
+          <div className="h-4 w-24 bg-muted rounded" />
+        </div>
+        <div className="flex flex-col gap-3">
+          {Array.from({ length: 3 }).map((_, i) => (
+            <div key={i}>
+              <div className="flex items-center gap-2 px-1 py-1.5">
+                <div className="w-4 h-4 rounded bg-muted" />
+                <div className="h-3 w-24 bg-muted rounded" />
+              </div>
+              <div className="flex flex-col gap-0.5 ml-2 border-l border-border/40 pl-3">
+                {Array.from({ length: 2 }).map((_, j) => (
+                  <div key={j} className="flex items-center gap-3 px-3 py-2">
+                    <div className="w-3 h-3 rounded bg-muted shrink-0" />
+                    <div className="flex-1 space-y-1">
+                      <div className="h-4 w-40 bg-muted rounded" />
+                      <div className="h-3 w-24 bg-muted rounded" />
+                    </div>
+                    <div className="h-3 w-12 bg-muted rounded shrink-0" />
+                  </div>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}

package/app/app/view/[...path]/loading.tsx

@@ -1,14 +1,37 @@
+/**
+ * File viewer skeleton — shown while file content loads.
+ * Matches the prose layout with heading + paragraph blocks.
+ */
 export default function Loading() {
   return (
-    <div className="flex items-center justify-center min-h-[50vh]">
-      <div className="flex flex-col items-center gap-3">
-        <div
-          className="w-6 h-6 border-2 rounded-full animate-spin"
-          style={{ borderColor: 'var(--border)', borderTopColor: 'var(--amber)' }}
-        />
-        <span className="text-xs text-muted-foreground font-display">
-          Loading...
-        </span>
+    <div className="content-width px-4 md:px-6 py-10 md:py-14 animate-pulse" aria-busy="true" aria-label="Loading">
+      {/* Title skeleton */}
+      <div className="h-8 w-64 bg-muted rounded mb-3" />
+      <div className="h-px w-full bg-border mb-8" />
+
+      {/* Paragraph skeletons */}
+      <div className="space-y-6">
+        {Array.from({ length: 4 }).map((_, i) => (
+          <div key={i} className="space-y-2">
+            {i % 2 === 0 && <div className="h-5 w-40 bg-muted rounded mb-3" />}
+            <div className="h-3.5 w-full bg-muted rounded" />
+            <div className="h-3.5 w-full bg-muted rounded" />
+            <div className="h-3.5 w-3/4 bg-muted rounded" />
+          </div>
+        ))}
+
+        {/* Code block skeleton */}
+        <div className="rounded-lg border border-border p-4 space-y-2">
+          <div className="h-3 w-48 bg-muted rounded" />
+          <div className="h-3 w-64 bg-muted rounded" />
+          <div className="h-3 w-36 bg-muted rounded" />
+        </div>
+
+        {/* More paragraphs */}
+        <div className="space-y-2">
+          <div className="h-3.5 w-full bg-muted rounded" />
+          <div className="h-3.5 w-5/6 bg-muted rounded" />
+        </div>
       </div>
     </div>
   );

package/app/components/ActivityBar.tsx

@@ -48,7 +48,7 @@ function RailButton({ icon, label, shortcut, active = false, expanded, onClick,
       onClick={onClick}
       aria-pressed={active}
       aria-label={label}
-      title={expanded ? undefined : (shortcut ? `${label} (${shortcut})` : label)}
+      title={shortcut ? `${label} (${shortcut})` : label}
       data-walkthrough={walkthroughId}
       className={`
         relative flex items-center ${expanded ? 'justify-start px-3 w-full' : 'justify-center w-10'} h-10 rounded-md transition-colors

package/app/components/AskFab.tsx

@@ -22,16 +22,16 @@ export default function AskFab({ onToggle, askPanelOpen }: AskFabProps) {
         fixed z-40 bottom-5 right-5
         items-center justify-center
         gap-0 hover:gap-2
-        p-[11px] rounded-xl
+        p-3 rounded-xl
         text-white font-medium text-[13px]
-        shadow-md shadow-amber-900/15
+        shadow-sm shadow-amber-900/10
         transition-all duration-200 ease-out
-        hover:shadow-lg hover:shadow-amber-800/25
+        hover:shadow-md hover:shadow-amber-900/15
         active:scale-95 cursor-pointer overflow-hidden font-display
         ${askPanelOpen ? 'opacity-0 pointer-events-none translate-y-2' : 'opacity-100 translate-y-0'}
       `}
       style={{
-        background: 'linear-gradient(135deg, var(--amber), color-mix(in srgb, var(--amber) 80%, white))',
+        background: 'var(--amber)',
       }}
       title={label}
       aria-label={label}

package/app/components/ExportModal.tsx

@@ -104,13 +104,16 @@ export default function ExportModal({ open, onClose, filePath, isDirectory, file
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm" onClick={state === 'exporting' ? undefined : handleClose}>
       <div
         className="bg-card border border-border rounded-xl shadow-xl max-w-md w-full mx-4 animate-in fade-in-0 zoom-in-95 duration-200"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="export-modal-title"
         onClick={e => e.stopPropagation()}
       >
         {/* Header */}
         <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 className="text-sm font-semibold font-display">
+            <h3 id="export-modal-title" className="text-sm font-semibold font-display">
               {isDirectory ? (t.export?.exportSpace ?? 'Export Space') : (t.export?.exportFile ?? 'Export File')}
             </h3>
           </div>

package/app/components/FileTree.tsx

@@ -4,6 +4,7 @@ import { useState, useCallback, useRef, useTransition, useEffect, useSyncExterna
 import { useRouter, usePathname } from 'next/navigation';
 import { FileNode, SYSTEM_FILES, UNDELETABLE_FILES } from '@/lib/types';
 import { encodePath } from '@/lib/utils';
+import { ICON_SIZES } from '@/lib/config/icon-scale';
 import {
   ChevronDown, FileText, Table, Folder, FolderOpen, Plus, Loader2,
   Trash2, Pencil, Layers, ScrollText, FolderInput, Copy, MoreHorizontal, Star, Inbox,
@@ -61,8 +62,8 @@ interface FileTreeProps {
 
 function getIcon(node: FileNode) {
   if (node.type === 'directory') return null;
-  if (node.extension === '.csv') return <Table size={14} className="text-success shrink-0" />;
-  return <FileText size={14} className="text-muted-foreground shrink-0" />;
+  if (node.extension === '.csv') return <Table size={ICON_SIZES.md} className="text-success shrink-0" />;
+  return <FileText size={ICON_SIZES.md} className="text-muted-foreground shrink-0" />;
 }
 
 function getCurrentFilePath(pathname: string): string {
@@ -428,9 +429,10 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
           className="shrink-0 p-1 rounded hover:bg-muted text-muted-foreground transition-colors"
           style={{ marginLeft: `${depth * 12 + 4}px` }}
           aria-label={open ? `Collapse ${node.name}` : `Expand ${node.name}`}
+          aria-expanded={open}
         >
           <span className="block transition-transform duration-150" style={{ transform: open ? 'rotate(0deg)' : 'rotate(-90deg)' }}>
-            <ChevronDown size={13} />
+            <ChevronDown size={ICON_SIZES.xs} />
           </span>
         </button>
         <button
@@ -446,7 +448,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
+            hover:bg-muted cursor-text
             ${isActive ? 'text-foreground' : 'text-muted-foreground hover:text-foreground'}
           `}
         >
@@ -459,6 +461,9 @@ 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>
           )}
@@ -659,7 +664,7 @@ function FileNodeItem({ node, depth, currentPath, onNavigate }: {
         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-pointer pr-16
+          text-sm transition-colors duration-100 cursor-text pr-16
           ${isActive
             ? 'bg-accent text-foreground'
             : 'hover:bg-muted text-muted-foreground hover:text-foreground'
@@ -669,6 +674,9 @@ 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">

package/app/components/HomeContent.tsx

@@ -123,7 +123,7 @@ function FileRow({ filePath, mtime, formatTime, subPath }: {
   return (
     <Link
       href={`/view/${encodePath(filePath)}`}
-      className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted group"
+      className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted group overflow-hidden"
     >
       {isCSV
         ? <Table size={12} className="shrink-0 text-success" />
@@ -200,7 +200,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
             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"
           >
-            <Sparkles size={15} className="shrink-0 text-[var(--amber)] group-hover:scale-110 transition-transform duration-150" />
+            <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">
               <span 
                 key={suggestionIdx}
@@ -219,7 +219,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
             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"
           >
             <Search size={14} />
-            <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-2xs font-mono bg-muted">
+            <kbd className="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono bg-muted">
               ⌘K
             </kbd>
           </button>
@@ -264,7 +264,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       {(spaceList.length > 0 || true) && (
         <section className="mb-10">
           <SectionTitle
-            icon={<Brain size={13} />}
+            icon={<Brain size={14} />}
             count={spaceList.length > 0 ? spaceList.length : undefined}
             action={<CreateSpaceButton t={t} />}
           >
@@ -330,7 +330,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       {recent.length > 0 && (
         <section className="mb-10">
           <SectionTitle
-            icon={<Clock size={13} />}
+            icon={<Clock size={14} />}
             count={recent.length}
             action={
               <Link
@@ -356,7 +356,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                       href={`/view/${encodePath(group.spacePath)}`}
                       className="flex items-center gap-2 px-1 py-1.5 rounded-lg group transition-colors hover:bg-muted/50"
                     >
-                      <Folder size={13} className="shrink-0 text-[var(--amber)]" />
+                      <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>
                         {group.space}
                       </span>
@@ -387,7 +387,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
               {rootFiles.length > 0 && (
                 <div>
                   <div className="flex items-center gap-2 px-1 py-1.5">
-                    <FileText size={13} className="shrink-0 text-muted-foreground/50" />
+                    <FileText size={14} className="shrink-0 text-muted-foreground/50" />
                     <span className="text-xs font-semibold font-display text-muted-foreground/60">
                       {t.home.other}
                     </span>
@@ -430,7 +430,7 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
                       />
                       <Link
                         href={`/view/${encodePath(filePath)}`}
-                        className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 group-hover:translate-x-0.5 hover:bg-muted"
+                        className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 group-hover:translate-x-0.5 hover:bg-muted overflow-hidden"
                       >
                         {isCSV
                           ? <Table size={12} className="shrink-0 text-success" />
@@ -476,11 +476,28 @@ function PinnedFilesSection({ formatTime }: { formatTime: (t: number) => string
   const { t } = useLocale();
   const { pinnedFiles, removePin } = usePinnedFiles();
 
-  if (pinnedFiles.length === 0) return null;
+  if (pinnedFiles.length === 0) {
+    return (
+      <section className="mb-12">
+        <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">
+            {t.pinnedFiles.empty ?? 'No pinned files'}
+          </p>
+          <p className="text-xs text-muted-foreground/60">
+            {t.pinnedFiles.emptyHint ?? 'Click the star icon on any file to pin it here'}
+          </p>
+        </div>
+      </section>
+    );
+  }
 
   return (
     <section className="mb-12">
-      <SectionTitle icon={<Star size={13} />} count={pinnedFiles.length}>
+      <SectionTitle icon={<Star size={14} />} count={pinnedFiles.length}>
         {t.pinnedFiles.title}
       </SectionTitle>
       <div className="flex flex-col gap-0.5">
@@ -492,7 +509,7 @@ function PinnedFilesSection({ formatTime }: { formatTime: (t: number) => string
             <div key={filePath} className="group/pin relative">
               <Link
                 href={`/view/${encodePath(filePath)}`}
-                className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted"
+                className="flex items-center gap-3 px-3 py-2 rounded-lg transition-all duration-100 hover:translate-x-0.5 hover:bg-muted overflow-hidden"
               >
                 <Star size={12} className="shrink-0 fill-[var(--amber)] text-[var(--amber)]" />
                 {isCSV
@@ -581,7 +598,7 @@ function ExampleCleanupBanner() {
         disabled={cleaning}
         className="flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg transition-colors shrink-0 disabled:opacity-50 bg-[var(--amber-dim)] text-[var(--amber-text)] hover:opacity-80"
       >
-        {cleaning ? <Loader2 size={11} className="animate-spin" /> : <Trash2 size={11} />}
+        {cleaning ? <Loader2 size={12} className="animate-spin" /> : <Trash2 size={12} />}
         {t.home.cleanupExamplesButton}
       </button>
       <button

package/app/components/Panel.tsx

@@ -11,6 +11,7 @@ import PanelHeader from './panels/PanelHeader';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
 import { useLocale } from '@/lib/stores/locale-store';
 import { listTrashAction } from '@/lib/actions';
+import { DEFAULT_LEFT_PANEL_WIDTH, LEFT_PANEL } from '@/lib/config/panel-sizes';
 
 const noop = () => {};
 
@@ -25,18 +26,10 @@ function getMaxDepth(nodes: FileNode[], current = 0): number {
   return max;
 }
 
-const DEFAULT_PANEL_WIDTH: Record<PanelId, number> = {
-  files: 280,
-  search: 280,
-  echo: 280,
-  agents: 280,
-  discover: 280,
-  workflows: 280,
-};
-
-const MIN_PANEL_WIDTH = 240;
-const MAX_PANEL_WIDTH_RATIO = 0.45;
-const MAX_PANEL_WIDTH_ABS = 600;
+const DEFAULT_PANEL_WIDTH = DEFAULT_LEFT_PANEL_WIDTH;
+const MIN_PANEL_WIDTH = LEFT_PANEL.MIN;
+const MAX_PANEL_WIDTH_RATIO = LEFT_PANEL.MAX_RATIO;
+const MAX_PANEL_WIDTH_ABS = LEFT_PANEL.MAX_ABS;
 
 interface PanelProps {
   activePanel: PanelId | null;

package/app/components/RightAgentDetailPanel.tsx

@@ -6,11 +6,12 @@ import { useLocale } from '@/lib/stores/locale-store';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
 import AgentsPanelAgentDetail from '@/components/panels/AgentsPanelAgentDetail';
 import { resolveAgentDetailStatus } from '@/components/panels/agents-panel-resolve-status';
+import { RIGHT_AGENT_DETAIL_PANEL } from '@/lib/config/panel-sizes';
 
-const DEFAULT_WIDTH = 400;
-const MIN_WIDTH = 300;
-const MAX_WIDTH_ABS = 640;
-const MAX_WIDTH_RATIO = 0.42;
+const DEFAULT_WIDTH = RIGHT_AGENT_DETAIL_PANEL.DEFAULT;
+const MIN_WIDTH = RIGHT_AGENT_DETAIL_PANEL.MIN;
+const MAX_WIDTH_ABS = RIGHT_AGENT_DETAIL_PANEL.MAX_ABS;
+const MAX_WIDTH_RATIO = RIGHT_AGENT_DETAIL_PANEL.MAX_RATIO;
 
 interface RightAgentDetailPanelProps {
   open: boolean;

package/app/components/RightAskPanel.tsx

@@ -5,13 +5,14 @@ import { AlertCircle } from 'lucide-react';
 import AskContent from '@/components/ask/AskContent';
 import ErrorBoundary from '@/components/ErrorBoundary';
 import { useResizeDrag } from '@/hooks/useResizeDrag';
+import { RIGHT_ASK_PANEL } from '@/lib/config/panel-sizes';
 
-const DEFAULT_WIDTH = 420;
-const MIN_WIDTH = 400;
-const MAX_WIDTH_ABS = 4000;
+const DEFAULT_WIDTH = RIGHT_ASK_PANEL.DEFAULT;
+const MIN_WIDTH = RIGHT_ASK_PANEL.MIN;
+const MAX_WIDTH_ABS = RIGHT_ASK_PANEL.MAX_ABS;
 const ENTER_SNAP_THRESHOLD = 80;
 const EXIT_SNAP_THRESHOLD = 16;
-const MIN_CONTENT_WIDTH = 360;
+const MIN_CONTENT_WIDTH = RIGHT_ASK_PANEL.MIN_CONTENT;
 
 import type { AcpAgentSelection } from '@/hooks/useAskModal';
 

package/app/components/TrashPageClient.tsx

@@ -45,7 +45,7 @@ export default function TrashPageClient({ initialItems }: { initialItems: TrashM
       } else if (result.conflict) {
         setConflictItem(item);
       } else {
-        toast.error(result.error ?? 'Failed to restore');
+        toast.error(result.error ?? t.trash.restoreFailed);
       }
     } finally {
       setBusyId(null);
@@ -61,7 +61,7 @@ export default function TrashPageClient({ initialItems }: { initialItems: TrashM
       setConflictItem(null);
       router.refresh();
     } else {
-      toast.error(result.error ?? 'Failed to restore');
+      toast.error(result.error ?? t.trash.restoreFailed);
     }
   }, [conflictItem, t, router]);
 
@@ -72,7 +72,7 @@ export default function TrashPageClient({ initialItems }: { initialItems: TrashM
       setItems(prev => prev.filter(i => i.id !== confirmDelete.id));
       toast.success(t.trash.deleted);
     } else {
-      toast.error(result.error ?? 'Failed to delete');
+      toast.error(result.error ?? t.trash.deleteFailed);
     }
     setConfirmDelete(null);
   }, [confirmDelete, t]);
@@ -84,7 +84,7 @@ export default function TrashPageClient({ initialItems }: { initialItems: TrashM
         setItems([]);
         toast.success(t.trash.emptied(result.count ?? 0));
       } else {
-        toast.error(result.error ?? 'Failed to empty trash');
+        toast.error(result.error ?? t.trash.emptyFailed);
       }
       setConfirmEmpty(false);
     });

package/app/components/agents/AgentsPrimitives.tsx

@@ -2,6 +2,7 @@
 
 import { Loader2, Plus, X } from 'lucide-react';
 import { useEffect, useRef } from 'react';
+import { useFocusTrap } from '@/lib/hooks/useFocusTrap';
 
 /* ────────── Pill / Status / Search ────────── */
 
@@ -243,6 +244,9 @@ export function ConfirmDialog({
   variant?: 'destructive' | 'default';
 }) {
   const cancelRef = useRef<HTMLButtonElement>(null);
+  const dialogRef = useRef<HTMLDivElement>(null);
+
+  useFocusTrap(dialogRef, open);
 
   useEffect(() => {
     if (open) cancelRef.current?.focus();
@@ -260,10 +264,10 @@ export function ConfirmDialog({
   if (!open) return null;
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center" role="alertdialog" aria-modal="true" aria-label={title}>
+    <div className="fixed inset-0 z-50 flex items-center justify-center" role="alertdialog" aria-modal="true" aria-labelledby="confirm-dialog-title">
       <div className="absolute inset-0 overlay-backdrop" onClick={onCancel} aria-hidden="true" />
-      <div className="relative bg-card border border-border rounded-lg shadow-xl p-5 max-w-sm w-full mx-4 animate-in fade-in zoom-in-95 duration-200">
-        <h3 className="text-sm font-medium text-foreground mb-1.5">{title}</h3>
+      <div ref={dialogRef} className="relative bg-card border border-border rounded-lg shadow-xl p-5 max-w-sm w-full mx-4 animate-in fade-in zoom-in-95 duration-200">
+        <h3 id="confirm-dialog-title" className="text-sm font-medium text-foreground mb-1.5">{title}</h3>
         <p className="text-sm text-muted-foreground mb-4 leading-relaxed">{message}</p>
         <div className="flex justify-end gap-2">
           <button

package/app/components/ask/ProviderModelCapsule.tsx

@@ -29,7 +29,7 @@ interface DropdownPos {
 interface SettingsData {
   ai?: {
     provider?: string;
-    providers?: Record<string, { apiKey?: string; model?: string }>;
+    providers?: Record<string, { apiKey?: string; model?: string; baseUrl?: string }>;
   };
   envOverrides?: Record<string, boolean>;
 }
@@ -55,7 +55,8 @@ export function persistProvider(provider: ProviderId | null): void {
 
 /**
  * Determine which providers are configured (have an API key set via settings or env).
- * Providers with apiKeyFallback (e.g. Ollama) are always considered configured.
+ * Providers with apiKeyFallback (e.g. Ollama) only appear if the user has explicitly
+ * configured them — having an API key, env var, or a saved model/baseUrl entry.
  */
 function getConfiguredProviders(data: SettingsData): ProviderId[] {
   const result: ProviderId[] = [];
@@ -67,7 +68,19 @@ function getConfiguredProviders(data: SettingsData): ProviderId[] {
     const hasSettingsKey = providers[id]?.apiKey === '***set***';
     const envVar = getApiKeyEnvVar(id);
     const hasEnvKey = envVar ? !!env[envVar] : false;
-    if (hasSettingsKey || hasEnvKey || preset.apiKeyFallback) result.push(id);
+
+    if (hasSettingsKey || hasEnvKey) {
+      result.push(id);
+    } else if (preset.apiKeyFallback) {
+      // Local providers (Ollama etc.): only show if user has explicitly configured
+      // them (selected as default, or saved a model/baseUrl), not just because
+      // a fallback key exists and they haven't been touched.
+      const isDefault = data.ai?.provider === id;
+      const cfg = providers[id];
+      if (isDefault || (cfg && (cfg.model || cfg.baseUrl))) {
+        result.push(id);
+      }
+    }
   }
   return result;
 }