@geminilight/mindos 0.6.67 → 0.6.70

package/app/app/api/acp/detect/route.ts

@@ -2,8 +2,7 @@ export const dynamic = 'force-dynamic';
 
 import { NextResponse } from 'next/server';
 import { exec } from 'child_process';
-import { getAcpAgents } from '@/lib/acp/registry';
-import { getDescriptorBinary, getDescriptorInstallCmd, resolveAgentCommand } from '@/lib/acp/agent-descriptors';
+import { getDetectableAgents, resolveAgentCommand } from '@/lib/acp/agent-descriptors';
 import { readSettings } from '@/lib/settings';
 import { handleRouteErrorSimple } from '@/lib/errors';
 
@@ -43,8 +42,6 @@ function whichBatch(binaries: string[]): Promise<Map<string, string | null>> {
   const unique = [...new Set(binaries)];
   if (unique.length === 0) return Promise.resolve(new Map());
 
-  // Build a shell snippet: for each binary, print path or empty line
-  // e.g. `which gemini 2>/dev/null || echo ""; which claude 2>/dev/null || echo ""`
   const script = unique
     .map(bin => `which ${bin} 2>/dev/null || echo ""`)
     .join('; ');
@@ -53,7 +50,6 @@ function whichBatch(binaries: string[]): Promise<Map<string, string | null>> {
     exec(script, { encoding: 'utf-8', timeout: 3000 }, (err, stdout) => {
       const map = new Map<string, string | null>();
       if (err) {
-        // On total failure, mark all as not found
         for (const bin of unique) map.set(bin, null);
         resolve(map);
         return;
@@ -77,22 +73,22 @@ export async function GET(req: Request) {
       return NextResponse.json(detectCache.data);
     }
 
-    const agents = await getAcpAgents();
+    // Pure local detection — no CDN fetch, instant response
+    const agents = getDetectableAgents();
     const settings = readSettings();
 
-    const binaryNames = agents.map((a) => getDescriptorBinary(a.id)).filter(Boolean) as string[];
+    const binaryNames = [...new Set(agents.map(a => a.binary))];
     const whichMap = await whichBatch(binaryNames);
 
     const installed: InstalledAgent[] = [];
     const notInstalled: NotInstalledAgent[] = [];
 
     for (const agent of agents) {
-      const binary = getDescriptorBinary(agent.id);
-      const binaryPath = binary ? (whichMap.get(binary) ?? null) : null;
+      const binaryPath = whichMap.get(agent.binary) ?? null;
 
       if (binaryPath) {
         const userOverride = settings.acpAgents?.[agent.id];
-        const resolved = resolveAgentCommand(agent.id, agent, userOverride);
+        const resolved = resolveAgentCommand(agent.id, undefined, userOverride);
         installed.push({
           id: agent.id,
           name: agent.name,
@@ -100,14 +96,12 @@ export async function GET(req: Request) {
           resolvedCommand: { cmd: resolved.cmd, args: resolved.args, source: resolved.source },
         });
       } else {
-        const installCmd =
-          getDescriptorInstallCmd(agent.id) ??
-          (agent.packageName ? `npm install -g ${agent.packageName}` : '');
+        const packageName = agent.installCmd?.match(/npm install -g (.+)/)?.[1];
         notInstalled.push({
           id: agent.id,
           name: agent.name,
-          installCmd,
-          packageName: agent.packageName,
+          installCmd: agent.installCmd ?? (packageName ? `npm install -g ${packageName}` : ''),
+          packageName,
         });
       }
     }

package/app/app/api/channels/verify/route.ts

@@ -0,0 +1,54 @@
+export const dynamic = 'force-dynamic';
+
+import { NextRequest, NextResponse } from 'next/server';
+import { validatePlatformConfig } from '@/lib/im/config';
+import { verifyIMCredentials } from '@/lib/im/verify';
+import { handleRouteErrorSimple } from '@/lib/errors';
+
+const SUPPORTED_PLATFORMS = new Set([
+  'telegram',
+  'discord',
+  'feishu',
+  'slack',
+  'wecom',
+  'dingtalk',
+  'wechat',
+  'qq',
+]);
+
+export async function POST(req: NextRequest) {
+  try {
+    const body = await req.json() as { platform?: string; credentials?: unknown };
+    const platform = body.platform;
+    const credentials = body.credentials;
+
+    if (!platform || !SUPPORTED_PLATFORMS.has(platform)) {
+      return NextResponse.json({ ok: false, error: 'Invalid platform' }, { status: 400 });
+    }
+
+    if (!credentials || typeof credentials !== 'object') {
+      return NextResponse.json({ ok: false, error: 'Missing credentials' }, { status: 400 });
+    }
+
+    const validation = validatePlatformConfig(platform as any, credentials);
+    if (!validation.valid) {
+      return NextResponse.json(
+        { ok: false, error: `Missing required fields: ${validation.missing?.join(', ') || 'unknown'}` },
+        { status: 400 },
+      );
+    }
+
+    const result = await verifyIMCredentials(platform as any, credentials);
+    if (!result.ok) {
+      return NextResponse.json({ ok: false, error: result.error || 'Credential verification failed' }, { status: 401 });
+    }
+
+    return NextResponse.json({
+      ok: true,
+      botName: result.botName,
+      botId: result.botId,
+    });
+  } catch (err) {
+    return handleRouteErrorSimple(err);
+  }
+}

package/app/app/api/extract-pdf/route.ts

@@ -28,7 +28,7 @@ function truncateText(text: string): { result: string; truncated: boolean } {
  * resolution at runtime. Running the extraction in a plain Node process
  * avoids the bundler entirely.
  */
-function extractPdf(buf: Buffer): { text: string; pages: number } {
+function extractPdf(buf: Buffer): { text: string; pages: number; error?: string } {
   const scriptPath = resolveScript('extract-pdf.cjs');
   if (!scriptPath) {
     throw new Error(
@@ -73,7 +73,21 @@ export async function POST(req: NextRequest) {
       return NextResponse.json({ error: 'PDF is too large (max 12MB)' }, { status: 400 });
     }
 
-    const { text: rawText, pages } = extractPdf(raw);
+    const { text: rawText, pages, error: extractError } = extractPdf(raw);
+    
+    // If extraction failed, return error state
+    if (extractError) {
+      return NextResponse.json({
+        name,
+        text: '',
+        extracted: 'error' as const,
+        extractionError: extractError,
+        truncated: false,
+        totalChars: 0,
+        pagesParsed: pages ?? 0,
+      });
+    }
+    
     const text = rawText.replace(/\u0000/g, '').trim();
     const totalChars = text.length;
     const { result: finalText, truncated } = truncateText(text);
@@ -81,7 +95,7 @@ export async function POST(req: NextRequest) {
     return NextResponse.json({
       name,
       text: finalText,
-      extracted: text.length > 0,
+      extracted: text.length > 0 ? 'success' : 'empty',
       truncated,
       totalChars,
       pagesParsed: pages,

package/app/app/api/settings/list-models/route.ts

@@ -2,7 +2,7 @@ export const dynamic = 'force-dynamic';
 import { NextRequest, NextResponse } from 'next/server';
 import { getModels as piGetModels } from '@mariozechner/pi-ai';
 import { effectiveAiConfig, readSettings } from '@/lib/settings';
-import { type ProviderId, isProviderId, PROVIDER_PRESETS, toPiProvider, getDefaultBaseUrl } from '@/lib/agent/providers';
+import { type ProviderId, isProviderId, PROVIDER_PRESETS, toPiProvider, getDefaultBaseUrl, getProviderApiType, buildCompatEndpointCandidates } from '@/lib/agent/providers';
 import { isProviderEntryId, findProvider } from '@/lib/custom-endpoints';
 import { handleRouteErrorSimple } from '@/lib/errors';
 
@@ -96,63 +96,59 @@ function getRegistryModels(provider: ProviderId): string[] {
 }
 
 async function fetchModels(provider: ProviderId, apiKey: string, baseUrl: string, signal: AbortSignal): Promise<string[]> {
-  if (provider === 'anthropic') {
-    return fetchAnthropicModels(apiKey, signal);
-  }
-
-  const endpoint = resolveListModelsUrl(provider, baseUrl);
-  return fetchOpenAICompatModels(endpoint, apiKey, signal);
+  const apiType = getProviderApiType(provider);
+  const endpoints = resolveListModelsUrls(provider, baseUrl, apiType);
+  return fetchCompatModels(endpoints, apiKey, apiType, signal);
 }
 
-function resolveListModelsUrl(provider: ProviderId, baseUrl: string): string {
+function resolveListModelsUrls(provider: ProviderId, baseUrl: string, apiType: string): string[] {
   if (baseUrl) {
-    return baseUrl.replace(/\/+$/, '') + '/models';
+    return buildCompatEndpointCandidates(baseUrl, '/models', apiType);
   }
 
   const base = getDefaultBaseUrl(provider);
   if (base) {
-    return base.replace(/\/+$/, '') + '/models';
+    return buildCompatEndpointCandidates(base, '/models', apiType);
   }
 
-  return 'https://api.openai.com/v1/models';
+  return ['https://api.openai.com/v1/models'];
 }
 
-async function fetchAnthropicModels(apiKey: string, signal: AbortSignal): Promise<string[]> {
-  const res = await fetch('https://api.anthropic.com/v1/models', {
-    headers: {
-      'x-api-key': apiKey,
-      'anthropic-version': '2023-06-01',
-    },
-    signal,
-  });
-
-  if (!res.ok) {
-    const errBody = await res.text().catch(() => '');
-    throw new Error(`Failed to list models: HTTP ${res.status} ${errBody.slice(0, 200)}`);
-  }
+async function fetchCompatModels(
+  endpoints: string[], apiKey: string, apiType: string, signal: AbortSignal,
+): Promise<string[]> {
+  let lastError = 'No endpoint candidates';
+  const attempted: string[] = [];
+
+  for (const endpoint of endpoints) {
+    attempted.push(endpoint);
+    const headers: Record<string, string> = {};
+    if (apiType === 'anthropic-messages') {
+      if (apiKey) headers['x-api-key'] = apiKey;
+      headers['anthropic-version'] = '2023-06-01';
+    } else if (apiKey) {
+      headers['Authorization'] = `Bearer ${apiKey}`;
+    }
 
-  const json = await res.json();
-  if (Array.isArray(json?.data)) {
-    return json.data.map((m: any) => m.id as string).filter(Boolean).sort();
-  }
-  return [];
-}
+    const res = await fetch(endpoint, { headers, signal });
+    if (!res.ok) {
+      const errBody = await res.text().catch(() => '');
+      lastError = `HTTP ${res.status} @ ${endpoint}: ${errBody.slice(0, 200)}`;
+      if (res.status === 404) continue;
+      throw new Error(`Failed to list models: ${lastError}`);
+    }
 
-async function fetchOpenAICompatModels(
-  endpoint: string, apiKey: string, signal: AbortSignal,
-): Promise<string[]> {
-  const headers: Record<string, string> = {};
-  if (apiKey) headers['Authorization'] = `Bearer ${apiKey}`;
-  const res = await fetch(endpoint, { headers, signal });
+    const json = await res.json();
+    if (Array.isArray(json?.data)) {
+      return json.data.map((m: any) => m.id as string).filter(Boolean).sort();
+    }
 
-  if (!res.ok) {
-    const errBody = await res.text().catch(() => '');
-    throw new Error(`Failed to list models: HTTP ${res.status} ${errBody.slice(0, 200)}`);
-  }
+    if (Array.isArray(json?.models)) {
+      return json.models.map((m: any) => (typeof m === 'string' ? m : m?.id)).filter(Boolean).sort();
+    }
 
-  const json = await res.json();
-  if (Array.isArray(json?.data)) {
-    return json.data.map((m: any) => m.id as string).filter(Boolean).sort();
+    throw new Error(`Failed to list models: incompatible response shape from ${endpoint}; tried ${attempted.join(' , ')}`);
   }
-  return [];
+
+  throw new Error(`Failed to list models: ${lastError}; tried ${attempted.join(' , ')}`);
 }

package/app/app/api/settings/route.ts

@@ -5,6 +5,7 @@ import { invalidateCache } from '@/lib/fs';
 import { ALL_PROVIDER_IDS, getApiKeyEnvVar, getApiKeyFromEnv } from '@/lib/agent/providers';
 import { parseProviders } from '@/lib/custom-endpoints';
 import { handleRouteErrorSimple } from '@/lib/errors';
+import { getEmbeddingStatus } from '@/lib/core/hybrid-search';
 
 function maskToken(token: string | undefined): string {
   if (!token) return '';
@@ -41,6 +42,8 @@ export async function GET() {
       activeProvider: settings.ai.activeProvider,
       providers: settings.ai.providers,
     },
+    embedding: settings.embedding ?? { enabled: false, baseUrl: '', apiKey: '', model: '' },
+    embeddingStatus: getEmbeddingStatus(),
     mindRoot: settings.mindRoot,
     webPassword: settings.webPassword ?? '',
     authToken: maskToken(settings.authToken),
@@ -73,6 +76,18 @@ export async function POST(req: NextRequest) {
       ? (incomingAuthToken === '' ? '' : current.authToken)
       : current.authToken;
 
+    // Handle embedding config
+    let resolvedEmbedding = current.embedding;
+    if (body.embedding && typeof body.embedding === 'object') {
+      const e = body.embedding;
+      resolvedEmbedding = {
+        enabled: (e as any).enabled === true,
+        baseUrl: typeof (e as any).baseUrl === 'string' ? (e as any).baseUrl : '',
+        apiKey: typeof (e as any).apiKey === 'string' ? (e as any).apiKey : '',
+        model: typeof (e as any).model === 'string' ? (e as any).model : '',
+      };
+    }
+
     // Handle connectionMode: validate if provided, otherwise keep existing
     let resolvedConnectionMode = current.connectionMode ?? { cli: true, mcp: false };
     if (body.connectionMode && typeof body.connectionMode === 'object') {
@@ -87,6 +102,7 @@ export async function POST(req: NextRequest) {
 
     const next: ServerSettings = {
       ai: resolvedAi,
+      embedding: resolvedEmbedding,
       mindRoot: body.mindRoot ?? current.mindRoot,
       agent: body.agent ?? current.agent,
       webPassword: resolvedWebPassword,

package/app/app/api/settings/test-key/route.ts

@@ -9,7 +9,7 @@ import { handleRouteErrorSimple } from '@/lib/errors';
 
 const TIMEOUT = 15_000;
 
-type ErrorCode = 'auth_error' | 'model_not_found' | 'rate_limited' | 'network_error' | 'unknown';
+type ErrorCode = 'auth_error' | 'model_not_found' | 'endpoint_error' | 'rate_limited' | 'network_error' | 'unknown';
 
 function classifyPiAiError(err: unknown): { code: ErrorCode; error: string } {
   const msg = err instanceof Error ? err.message : String(err);
@@ -24,7 +24,10 @@ function classifyPiAiError(err: unknown): { code: ErrorCode; error: string } {
     || lower.includes('api key') && (lower.includes('not valid') || lower.includes('incorrect')))
     return { code: 'auth_error', error: 'Invalid API key' };
 
-  if (lower.includes('404') || lower.includes('not found') || lower.includes('does not exist'))
+  if (lower.includes('404') || lower.includes('page not found') || lower.includes('invalid url'))
+    return { code: 'endpoint_error', error: `Endpoint or protocol mismatch: ${msg.slice(0, 200)}` };
+
+  if (lower.includes('model') && (lower.includes('not found') || lower.includes('does not exist')))
     return { code: 'model_not_found', error: `Model not found: ${msg.slice(0, 200)}` };
 
   if (lower.includes('429') || lower.includes('rate') || lower.includes('quota'))

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

@@ -359,7 +359,7 @@ export default function ViewPageClient({
     <div className="flex flex-col min-h-screen">
       {/* Top bar */}
       <div className="sticky top-[52px] md:top-0 z-20 border-b border-border px-4 md:px-6 h-[46px] flex items-center" style={{ background: 'var(--background)' }}>
-        <div className="content-width flex items-center justify-between gap-2 h-full">
+        <div className="w-full min-w-0 flex items-center justify-between gap-3 h-full">
           <div className="min-w-0 flex-1 flex items-center gap-1.5">
             <button
               onClick={() => router.back()}

package/app/components/Breadcrumb.tsx

@@ -21,18 +21,18 @@ export default function Breadcrumb({ filePath }: { filePath: string }) {
 
   if (friendly) {
     return (
-      <nav className="flex items-center gap-0.5 text-xs text-muted-foreground flex-wrap">
+      <nav className="flex min-w-0 items-center gap-1 text-xs text-muted-foreground flex-nowrap overflow-hidden">
         <Link
           href="/"
-          className="p-1.5 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors"
+          className="p-1.5 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors shrink-0"
           title="Home"
         >
           <Home size={14} />
         </Link>
         <ChevronRight size={12} className="text-muted-foreground/50 shrink-0" />
-        <span className="flex items-center gap-1.5 px-2 py-1 text-foreground font-medium">
+        <span className="min-w-0 flex items-center gap-1.5 text-foreground font-medium">
           {friendly.icon}
-          <span>{friendly.getLabel(t)}</span>
+          <span className="block truncate max-w-[180px] sm:max-w-[260px] md:max-w-[360px]">{friendly.getLabel(t)}</span>
         </span>
       </nav>
     );
@@ -40,10 +40,10 @@ export default function Breadcrumb({ filePath }: { filePath: string }) {
 
   const parts = filePath.split('/');
   return (
-    <nav className="flex items-center gap-0.5 text-xs text-muted-foreground flex-wrap">
+    <nav className="flex min-w-0 items-center gap-1 text-xs text-muted-foreground flex-nowrap overflow-hidden">
       <Link
         href="/"
-        className="p-1.5 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors"
+        className="p-1.5 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors shrink-0"
         title="Home"
       >
         <Home size={14} />
@@ -52,15 +52,15 @@ export default function Breadcrumb({ filePath }: { filePath: string }) {
         const isLast = i === parts.length - 1;
         const href = '/view/' + parts.slice(0, i + 1).map(encodeURIComponent).join('/');
         return (
-          <span key={i} className="flex items-center gap-0.5">
+          <span key={i} className="flex items-center gap-1 min-w-0">
             <ChevronRight size={12} className="text-muted-foreground/50 shrink-0" />
             {isLast ? (
-              <span className="flex items-center gap-1.5 px-2 py-1 text-foreground font-medium">
+              <span className="min-w-0 flex items-center gap-1.5 px-1 py-0.5 text-foreground font-medium">
                 <FileTypeIcon name={part} />
-                <span suppressHydrationWarning>{part}</span>
+                <span className="block truncate max-w-[180px] sm:max-w-[260px] md:max-w-[360px]" suppressHydrationWarning>{part}</span>
               </span>
             ) : (
-              <Link href={href} className="px-2 py-1 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors truncate max-w-[200px]" title={part}>
+              <Link href={href} className="block px-1 py-0.5 rounded-md hover:bg-muted/50 hover:text-foreground transition-colors truncate max-w-[120px] sm:max-w-[160px] md:max-w-[200px]" title={part}>
                 <span suppressHydrationWarning>{part}</span>
               </Link>
             )}

package/app/components/DirView.tsx

@@ -484,7 +484,7 @@ export default function DirView({ dirPath, entries, spacePreview }: DirViewProps
     <div className="flex flex-col min-h-screen">
       {/* Topbar */}
       <div className="sticky top-[52px] md:top-0 z-20 border-b border-border px-4 md:px-6 h-[46px] flex items-center bg-background">
-        <div className="max-w-[860px] mx-auto flex items-center justify-between gap-2 w-full">
+        <div className="w-full flex items-center justify-between gap-2">
           <div className="min-w-0 flex-1">
             <Breadcrumb filePath={dirPath} />
           </div>

package/app/components/FindInPage.tsx

@@ -163,7 +163,7 @@ export default function FindInPage({ containerRef, onClose }: FindInPageProps) {
           outline: 2px solid rgba(250, 204, 21, 0.5);
         }
       `}</style>
-      <div className="sticky top-[96px] md:top-[44px] z-30 flex justify-end px-4 md:px-6 pointer-events-none" data-find-in-page>
+      <div className="sticky top-[98px] md:top-[46px] z-30 flex justify-end px-4 md:px-6 pointer-events-none" data-find-in-page>
         <div className="pointer-events-auto flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-border bg-card shadow-lg">
           <input
             ref={inputRef}

package/app/components/InboxView.tsx

@@ -197,7 +197,7 @@ export default function InboxView() {
     return (
       <div className="flex flex-col min-h-screen">
         <div className="sticky top-[52px] md:top-0 z-20 border-b border-border px-4 md:px-6 h-[46px] flex items-center bg-background">
-          <div className="max-w-[780px] mx-auto">
+          <div className="px-4 md:px-6">
             <div className="h-5 w-32 bg-muted rounded animate-pulse" />
           </div>
         </div>
@@ -226,7 +226,7 @@ export default function InboxView() {
 
       {/* ─── Sticky Top Bar ─── */}
       <div className="sticky top-[52px] md:top-0 z-20 border-b border-border h-[46px] flex items-center bg-background">
-        <div className="max-w-[780px] mx-auto px-4 md:px-6 flex items-center w-full">
+        <div className="w-full px-4 md:px-6 flex items-center justify-between">
           <div className="flex items-center gap-3">
             {/* Back */}
             <button

package/app/components/MarkdownView.tsx

@@ -102,6 +102,10 @@ const components: Components = {
     void node;
     return <p {...stripNonDom(rest)} suppressHydrationWarning>{children}</p>;
   },
+  span({ children, node, ...rest }) {
+    void node;
+    return <span {...stripNonDom(rest)} suppressHydrationWarning>{children}</span>;
+  },
   a({ href, children, node, ...rest }) {
     void node;
     const isExternal = href?.startsWith('http');

package/app/components/Panel.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2, Inbox } from 'lucide-react';
+import { ChevronsDownUp, ChevronsUpDown, Plus, Import, FileText, Layers, MoreHorizontal, Eye, EyeOff, Trash2, Inbox, History } from 'lucide-react';
 import type { PanelId } from './ActivityBar';
 import type { FileNode } from '@/lib/types';
 import FileTree, { setShowHiddenFiles, useShowHiddenFiles } from './FileTree';
@@ -284,15 +284,6 @@ export default function Panel({
                   ref={morePopoverRef}
                   className="absolute top-full right-0 mt-1 min-w-[172px] bg-card border border-border rounded-lg shadow-lg py-1 z-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={() => { setShowHiddenFiles(!showHidden); }}
-                  >
-                    {showHidden ? <EyeOff size={14} className="shrink-0" /> : <Eye size={14} className="shrink-0" />}
-                    <span className="flex-1">{t.sidebar.showHiddenFiles}</span>
-                    {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/'); }}
@@ -303,6 +294,13 @@ export default function Panel({
                       <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
+                    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/.mindos/change-log.json'); }}
+                  >
+                    <History size={14} className="shrink-0 text-[var(--amber)]" />
+                    <span className="flex-1">{t.changes.title}</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'); }}
@@ -313,6 +311,15 @@ export default function Panel({
                       <span className="text-xs text-muted-foreground tabular-nums">{trashCount}</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={() => { setShowHiddenFiles(!showHidden); }}
+                  >
+                    {showHidden ? <EyeOff size={14} className="shrink-0" /> : <Eye size={14} className="shrink-0" />}
+                    <span className="flex-1">{t.sidebar.showHiddenFiles}</span>
+                    {showHidden && <span className="text-[var(--amber)] text-xs">✓</span>}
+                  </button>
                 </div>
               )}
             </div>

package/app/components/TableOfContents.tsx

@@ -34,7 +34,7 @@ function parseHeadings(content: string): Heading[] {
   return headings;
 }
 
-const TOPBAR_H = 44;
+const TOPBAR_H = 46;
 const SCROLL_OFFSET = TOPBAR_H + 12;
 const NAV_W = 212;
 
@@ -122,7 +122,7 @@ export default function TableOfContents({ content }: TableOfContentsProps) {
       {/* Collapse / expand toggle — separate from aside so it stays visible */}
       <button
         onClick={() => setCollapsed(v => !v)}
-        className="hidden xl:flex fixed z-10 top-[50px] flex items-center justify-center w-5 h-8 rounded-l-md border border-r-0 border-border hover:bg-muted transition-colors"
+        className="hidden xl:flex fixed z-10 top-[46px] flex items-center justify-center w-5 h-8 rounded-l-md border border-r-0 border-border hover:bg-muted transition-colors"
         style={{
           right: `calc(var(--right-panel-width, 0px) + ${collapsed ? 0 : NAV_W}px)`,
           background: 'var(--background)',
@@ -149,17 +149,17 @@ export default function TableOfContents({ content }: TableOfContentsProps) {
           transition: 'transform 200ms ease-in-out, right 200ms ease-out',
         }}
       >
+      <div className="flex items-center h-[46px] px-4 border-l border-b border-border" style={{ background: 'var(--background)' }}>
+        <p className="text-2xs font-semibold uppercase tracking-wider text-muted-foreground/55 shrink-0">
+          {t.view.tocTitle}
+        </p>
+      </div>
       <nav
         ref={navRef}
         aria-label={t.view.tocTitle}
-        className="flex flex-col gap-0.5 overflow-y-auto min-h-0 flex-1 py-5 pl-2 pr-3 border-l border-border"
+        className="flex flex-col gap-0.5 overflow-y-auto min-h-0 flex-1 pt-3 pb-5 pl-2 pr-3 border-l border-border"
         style={{ background: 'var(--background)' }}
       >
-        <p
-          className="text-2xs font-semibold uppercase tracking-wider px-2 mb-1 text-muted-foreground/50 shrink-0"
-        >
-          {t.view.tocTitle}
-        </p>
         {headings.map((heading, i) => {
           const indent = (heading.level - minLevel) * 14;
           const isActive = activeId === heading.id;
@@ -194,7 +194,7 @@ export default function TableOfContents({ content }: TableOfContentsProps) {
               }}
               title={heading.text}
             >
-              <span className="line-clamp-2" suppressHydrationWarning>
+              <span className="block truncate" suppressHydrationWarning>
                 {heading.text}
               </span>
             </a>