@geminilight/mindos 0.6.73 → 0.6.74

package/_standalone/components/ask/AskHeader.tsx

@@ -1,279 +0,0 @@
-import { memo, useState, useRef, useEffect, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import { Sparkles, SquarePen, History, X, Maximize2, Minimize2, PanelRight, AppWindow, ChevronDown, Check, Trash2, Pencil, Pin, PinOff } from 'lucide-react';
-import { SaveSessionButton } from './SaveSessionInline';
-import { useLocale } from '@/lib/stores/locale-store';
-import type { ChatSession } from '@/lib/types';
-import { sessionTitle } from '@/hooks/useAskSession';
-
-interface AskHeaderProps {
-  isPanel: boolean;
-  showHistory: boolean;
-  onToggleHistory: () => void;
-  onReset: () => void;
-  isLoading: boolean;
-  maximized?: boolean;
-  onMaximize?: () => void;
-  askMode?: 'panel' | 'popup';
-  onModeSwitch?: () => void;
-  onClose?: () => void;
-  /** Navigate from fullscreen to right-side panel mode */
-  onDockToPanel?: () => void;
-  hideTitle?: boolean;
-  /** Session switching — inline in header when >=2 sessions */
-  sessions?: ChatSession[];
-  activeSessionId?: string | null;
-  onLoadSession?: (id: string) => void;
-  onDeleteSession?: (id: string) => void;
-  onRenameSession?: (id: string, name: string) => void;
-  onTogglePinSession?: (id: string) => void;
-  /** Current session messages — used by Save Session button */
-  messages?: import('@/lib/types').Message[];
-}
-
-export default memo(function AskHeader({
-  isPanel, showHistory, onToggleHistory, onReset, isLoading,
-  maximized, onMaximize, askMode, onModeSwitch, onClose, onDockToPanel, hideTitle,
-  sessions, activeSessionId, onLoadSession, onDeleteSession, onRenameSession, onTogglePinSession,
-  messages,
-}: AskHeaderProps) {
-  const { t } = useLocale();
-  const iconSize = 14;
-  const hasMultipleSessions = sessions && sessions.length >= 2;
-  const activeSession = sessions?.find(s => s.id === activeSessionId);
-  const activeTitle = activeSession ? sessionTitle(activeSession) : null;
-
-  // Session switcher dropdown state
-  const [switcherOpen, setSwitcherOpen] = useState(false);
-  const switcherRef = useRef<HTMLButtonElement>(null);
-  const dropdownRef = useRef<HTMLDivElement>(null);
-
-  // Inline rename state
-  const [renamingId, setRenamingId] = useState<string | null>(null);
-  const [renameValue, setRenameValue] = useState('');
-  const renameInputRef = useRef<HTMLInputElement>(null);
-
-  // Close on outside click
-  useEffect(() => {
-    if (!switcherOpen) return;
-    const handler = (e: MouseEvent) => {
-      const target = e.target as Node;
-      if (
-        switcherRef.current && !switcherRef.current.contains(target) &&
-        dropdownRef.current && !dropdownRef.current.contains(target)
-      ) {
-        setSwitcherOpen(false);
-        setRenamingId(null);
-      }
-    };
-    document.addEventListener('mousedown', handler);
-    return () => document.removeEventListener('mousedown', handler);
-  }, [switcherOpen]);
-
-  useEffect(() => {
-    if (!switcherOpen) return;
-    const handler = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        if (renamingId) { setRenamingId(null); } else { setSwitcherOpen(false); }
-      }
-    };
-    document.addEventListener('keydown', handler);
-    return () => document.removeEventListener('keydown', handler);
-  }, [switcherOpen, renamingId]);
-
-  // Focus rename input when it appears
-  useEffect(() => {
-    if (renamingId) setTimeout(() => renameInputRef.current?.focus(), 0);
-  }, [renamingId]);
-
-  const handleSelectSession = useCallback((id: string) => {
-    onLoadSession?.(id);
-    setSwitcherOpen(false);
-  }, [onLoadSession]);
-
-  const handleStartRename = useCallback((id: string, currentTitle: string) => {
-    setRenamingId(id);
-    setRenameValue(currentTitle === '(empty session)' ? '' : currentTitle);
-  }, []);
-
-  const handleCommitRename = useCallback(() => {
-    if (renamingId && onRenameSession && renameValue.trim()) {
-      onRenameSession(renamingId, renameValue.trim());
-    }
-    setRenamingId(null);
-  }, [renamingId, renameValue, onRenameSession]);
-
-  // Position dropdown below trigger
-  const [dropPos, setDropPos] = useState<{ top: number; left: number; width: number } | null>(null);
-  useEffect(() => {
-    if (!switcherOpen || !switcherRef.current) return;
-    const rect = switcherRef.current.getBoundingClientRect();
-    setDropPos({ top: rect.bottom + 4, left: rect.left, width: Math.max(rect.width, 280) });
-  }, [switcherOpen]);
-
-  const switcherDropdown = switcherOpen && dropPos && sessions ? createPortal(
-    <div
-      ref={dropdownRef}
-      className="fixed z-50 rounded-xl border border-border/50 bg-card shadow-lg py-1 animate-in fade-in-0 slide-in-from-top-1 duration-100 max-h-[60vh] overflow-y-auto"
-      style={{ top: dropPos.top, left: dropPos.left, minWidth: Math.max(dropPos.width, 280), maxWidth: 340 }}
-      role="listbox"
-    >
-      {sessions.map((s) => {
-        const isActive = s.id === activeSessionId;
-        const title = sessionTitle(s);
-        const displayTitle = title === '(empty session)' ? (t.hints?.newChat ?? 'New chat') : title;
-
-        if (renamingId === s.id) {
-          return (
-            <div key={s.id} className="flex items-center gap-1 px-2 py-1.5">
-              <input
-                ref={renameInputRef}
-                type="text"
-                value={renameValue}
-                onChange={(e) => setRenameValue(e.target.value)}
-                onKeyDown={(e) => {
-                  if (e.key === 'Enter') handleCommitRename();
-                  if (e.key === 'Escape') setRenamingId(null);
-                }}
-                onBlur={handleCommitRename}
-                className="flex-1 min-w-0 px-2 py-1 text-xs rounded-md border border-border bg-background text-foreground outline-none focus-visible:border-[var(--amber)]/50"
-                placeholder="Session name..."
-              />
-            </div>
-          );
-        }
-
-        return (
-          <div key={s.id} className="group/item flex items-center">
-            <button
-              type="button"
-              role="option"
-              aria-selected={isActive}
-              onClick={() => handleSelectSession(s.id)}
-              className={`flex-1 min-w-0 flex items-center gap-2 px-3 py-2.5 text-xs text-left transition-colors ${
-                isActive ? 'text-foreground font-medium' : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'
-              }`}
-            >
-              {s.pinned && <Pin size={10} className="shrink-0 text-[var(--amber)]/60 -rotate-45" />}
-              {isActive && !s.pinned && <Check size={11} className="shrink-0 text-[var(--amber)]" />}
-              <span className="truncate">{displayTitle}</span>
-            </button>
-            <div className="shrink-0 flex items-center gap-0.5 mr-1 opacity-0 group-hover/item:opacity-100 transition-opacity">
-              {onTogglePinSession && (
-                <button
-                  type="button"
-                  onClick={(e) => { e.stopPropagation(); onTogglePinSession(s.id); }}
-                  className={`p-1.5 rounded-md transition-colors ${s.pinned ? 'text-[var(--amber)] hover:text-muted-foreground hover:bg-muted/60' : 'text-muted-foreground/40 hover:text-[var(--amber)] hover:bg-[var(--amber)]/5'}`}
-                  aria-label={s.pinned ? 'Unpin' : 'Pin'}
-                >
-                  {s.pinned ? <PinOff size={10} /> : <Pin size={10} />}
-                </button>
-              )}
-              {onRenameSession && (
-                <button
-                  type="button"
-                  onClick={(e) => { e.stopPropagation(); handleStartRename(s.id, title); }}
-                  className="p-1.5 rounded-md text-muted-foreground/40 hover:text-foreground hover:bg-muted/60"
-                  aria-label={`Rename: ${displayTitle}`}
-                >
-                  <Pencil size={10} />
-                </button>
-              )}
-              {sessions.length > 1 && onDeleteSession && (
-                <button
-                  type="button"
-                  onClick={(e) => { e.stopPropagation(); onDeleteSession(s.id); }}
-                  className="p-1.5 rounded-md text-muted-foreground/40 hover:text-error hover:bg-error/5"
-                  aria-label={`Delete: ${displayTitle}`}
-                >
-                  <Trash2 size={10} />
-                </button>
-              )}
-            </div>
-          </div>
-        );
-      })}
-    </div>,
-    document.body,
-  ) : null;
-
-  return (
-    <div className="flex items-center justify-between px-4 py-2.5 shrink-0">
-      {!isPanel && (
-        <div className="absolute top-2 left-1/2 -translate-x-1/2 w-8 h-1 rounded-full bg-muted-foreground/20 md:hidden" />
-      )}
-      {!hideTitle && (
-        <div className="flex items-center gap-2 min-w-0">
-          <div className="w-6 h-6 rounded-lg bg-[var(--amber)]/10 flex items-center justify-center shrink-0">
-            {showHistory ? <History size={13} className="text-[var(--amber)]" /> : <Sparkles size={13} className="text-[var(--amber)]" />}
-          </div>
-          {showHistory ? (
-            <span className="text-sm font-medium text-[var(--amber)]">
-              {t.ask?.sessionHistory ?? 'Session History'}
-            </span>
-          ) : hasMultipleSessions && activeTitle ? (
-            <button
-              ref={switcherRef}
-              type="button"
-              onClick={() => {
-                if (sessions && sessions.length >= 2) {
-                  setSwitcherOpen(v => !v);
-                } else {
-                  onToggleHistory();
-                }
-              }}
-              className="flex items-center gap-1 min-w-0 text-sm font-medium text-[var(--amber)] hover:text-[var(--amber)]/80 transition-colors"
-              aria-expanded={switcherOpen}
-              aria-haspopup="listbox"
-            >
-              <span className="truncate max-w-[180px]">{activeTitle === '(empty session)' ? (t.hints?.newChat ?? 'New chat') : activeTitle}</span>
-              <ChevronDown size={12} className={`shrink-0 text-muted-foreground transition-transform duration-150 ${switcherOpen ? 'rotate-180' : ''}`} />
-            </button>
-          ) : activeTitle ? (
-            <span className="text-sm font-medium text-muted-foreground/60 truncate max-w-[180px]">
-              {activeTitle === '(empty session)' ? (t.hints?.newChat ?? 'New chat') : activeTitle}
-            </span>
-          ) : (
-            /* Placeholder while sessions load — avoids flash of "MindOS" text */
-            <span className="text-sm font-medium text-muted-foreground/40">
-              {t.hints?.newChat ?? 'New chat'}
-            </span>
-          )}
-        </div>
-      )}
-      {hideTitle && <div />}
-      <div className="flex items-center gap-1 shrink-0">
-        <button type="button" onClick={(e) => { e.stopPropagation(); onToggleHistory(); }} aria-pressed={showHistory} className={`p-2 rounded-lg transition-colors ${showHistory ? 'bg-[var(--amber)]/10 text-[var(--amber)]' : 'text-muted-foreground hover:text-foreground hover:bg-muted'}`} title={t.hints.sessionHistory}>
-          <History size={iconSize} />
-        </button>
-        {messages && messages.length > 0 && (
-          <SaveSessionButton messages={messages} disabled={isLoading} />
-        )}
-        <button type="button" onClick={(e) => { e.stopPropagation(); onReset(); }} disabled={isLoading} className="p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors disabled:opacity-40" title={t.hints.newSession}>
-          <SquarePen size={iconSize} />
-        </button>
-        {onMaximize && (
-          <button type="button" onClick={(e) => { e.stopPropagation(); onMaximize(); }} className="p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={maximized ? t.hints.restorePanel : t.hints.maximizePanel}>
-            {maximized ? <Minimize2 size={iconSize} /> : <Maximize2 size={iconSize} />}
-          </button>
-        )}
-        {onDockToPanel && (
-          <button type="button" onClick={(e) => { e.stopPropagation(); onDockToPanel(); }} className="p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={t.hints.dockToSide ?? 'Dock to side panel'}>
-            <PanelRight size={iconSize} />
-          </button>
-        )}
-        {onModeSwitch && (
-          <button type="button" onClick={(e) => { e.stopPropagation(); onModeSwitch(); }} className="p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={askMode === 'popup' ? t.hints.dockToSide : t.hints.openAsPopup}>
-            {askMode === 'popup' ? <PanelRight size={iconSize} /> : <AppWindow size={iconSize} />}
-          </button>
-        )}
-        {onClose && (
-          <button type="button" onClick={(e) => { e.stopPropagation(); onClose(); }} className="p-2 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors" title={t.hints.closePanel} aria-label="Close">
-            <X size={iconSize} />
-          </button>
-        )}
-      </div>
-      {typeof document !== 'undefined' && switcherDropdown}
-    </div>
-  );
-});

package/_standalone/components/ask/FileChip.tsx

@@ -1,181 +0,0 @@
-'use client';
-
-import { useState, useRef, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { X, FileText, Table, Paperclip, ImageIcon, Zap, Bot, Folder, Loader2, CheckCircle2, AlertCircle, AlertTriangle } from 'lucide-react';
-
-interface FileChipProps {
-  path: string;
-  onRemove: () => void;
-  variant?: 'kb' | 'upload' | 'image' | 'skill' | 'agent';
-  /** Base64 image data for hover preview (variant='image' only) */
-  imageData?: string;
-  /** MIME type for image preview */
-  imageMime?: string;
-  /** Extraction status for uploaded files (e.g. PDF). */
-  status?: 'loading' | 'success' | 'error';
-  /** Human-readable error message shown on hover when status='error'. */
-  error?: string;
-  /** Present when the PDF text was truncated due to length. */
-  truncatedInfo?: {
-    totalChars: number;
-    includedChars: number;
-    totalPages: number;
-  };
-}
-
-const VARIANT_ICON = {
-  kb: { icon: FileText, cls: 'text-muted-foreground' },
-  upload: { icon: Paperclip, cls: 'text-muted-foreground' },
-  image: { icon: ImageIcon, cls: 'text-muted-foreground' },
-  skill: { icon: Zap, cls: 'text-[var(--amber)]' },
-  agent: { icon: Bot, cls: 'text-muted-foreground' },
-} as const;
-
-const VARIANT_STYLE = {
-  kb: 'border-border bg-muted text-foreground',
-  upload: 'border-border bg-muted text-foreground',
-  image: 'border-border bg-muted text-foreground',
-  skill: 'border-[var(--amber)]/25 bg-[var(--amber)]/10 text-foreground',
-  agent: 'border-[var(--amber)]/25 bg-[var(--amber)]/10 text-foreground',
-} as const;
-
-export default function FileChip({ path, onRemove, variant = 'kb', imageData, imageMime, status, error, truncatedInfo }: FileChipProps) {
-  const [showPreview, setShowPreview] = useState(false);
-  const [showTooltip, setShowTooltip] = useState(false);
-  const [mounted, setMounted] = useState(false);
-  const chipRef = useRef<HTMLSpanElement>(null);
-  const [previewPos, setPreviewPos] = useState<{ top: number; left: number } | null>(null);
-  const [tooltipPos, setTooltipPos] = useState<{ top: number; left: number } | null>(null);
-
-  useEffect(() => setMounted(true), []);
-
-  const isDir = variant === 'kb' && path.endsWith('/');
-  const cleanPath = isDir ? path.slice(0, -1) : path;
-  const name = cleanPath.split('/').pop() ?? cleanPath;
-  const isCsv = variant === 'kb' && !isDir && name.endsWith('.csv');
-
-  // Determine the base icon from variant / file type
-  const { icon: BaseIcon, cls: baseIconCls } = isDir
-    ? { icon: Folder, cls: 'text-yellow-400' }
-    : isCsv
-    ? { icon: Table, cls: 'text-success' }
-    : VARIANT_ICON[variant];
-
-  // Determine status trailing indicator
-  const isTruncated = !!truncatedInfo;
-  let StatusIndicator: React.ComponentType<{ size: number; className?: string }> | null = null;
-  let statusIndicatorCls = '';
-  if (status === 'loading') {
-    StatusIndicator = Loader2;
-    statusIndicatorCls = 'text-muted-foreground animate-spin';
-  } else if (status === 'error') {
-    StatusIndicator = AlertCircle;
-    statusIndicatorCls = 'text-destructive';
-  } else if (isTruncated) {
-    StatusIndicator = AlertTriangle;
-    statusIndicatorCls = 'text-[var(--amber)]';
-  } else if (status === 'success') {
-    StatusIndicator = CheckCircle2;
-    statusIndicatorCls = 'text-emerald-500';
-  }
-
-  const style = status === 'error'
-    ? 'border-destructive/30 bg-destructive/5 text-foreground'
-    : isTruncated
-    ? 'border-[var(--amber)]/30 bg-[var(--amber)]/5 text-foreground'
-    : VARIANT_STYLE[variant];
-
-  // Build tooltip text
-  let tooltipText: string | null = null;
-  if (status === 'error' && error) {
-    tooltipText = error;
-  } else if (isTruncated) {
-    const pct = truncatedInfo.totalChars > 0
-      ? Math.round((truncatedInfo.includedChars / truncatedInfo.totalChars) * 100)
-      : 0;
-    tooltipText = `Document truncated — only ${pct}% included (${Math.round(truncatedInfo.includedChars / 1000)}K / ${Math.round(truncatedInfo.totalChars / 1000)}K chars, ${truncatedInfo.totalPages} pages total)`;
-  }
-
-  // Position image preview above the chip
-  useEffect(() => {
-    if (!showPreview || !chipRef.current) { setPreviewPos(null); return; }
-    const rect = chipRef.current.getBoundingClientRect();
-    setPreviewPos({ top: rect.top - 8, left: rect.left });
-  }, [showPreview]);
-
-  // Position tooltip above the chip
-  useEffect(() => {
-    if (!showTooltip || !chipRef.current) { setTooltipPos(null); return; }
-    const rect = chipRef.current.getBoundingClientRect();
-    setTooltipPos({ top: rect.top - 8, left: rect.left });
-  }, [showTooltip]);
-
-  const preview = showPreview && previewPos && imageData && imageMime ? (
-    <div
-      className="fixed z-50 p-1 rounded-lg border border-border bg-card shadow-lg pointer-events-none"
-      style={{
-        left: previewPos.left,
-        bottom: window.innerHeight - previewPos.top,
-      }}
-    >
-      <img
-        src={`data:${imageMime};base64,${imageData}`}
-        alt={name}
-        className="max-h-48 max-w-64 rounded object-contain"
-      />
-    </div>
-  ) : null;
-
-  const tooltipBorderCls = status === 'error'
-    ? 'border-destructive/20 text-destructive'
-    : 'border-[var(--amber)]/20 text-[var(--amber-text)]';
-
-  const tooltip = showTooltip && tooltipPos && tooltipText ? (
-    <div
-      className={`fixed z-50 px-2.5 py-1.5 rounded-lg border bg-card text-xs shadow-lg pointer-events-none max-w-[280px] ${tooltipBorderCls}`}
-      style={{
-        left: tooltipPos.left,
-        bottom: window.innerHeight - tooltipPos.top,
-      }}
-    >
-      {tooltipText}
-    </div>
-  ) : null;
-
-  const handleMouseEnter = () => {
-    if (imageData) setShowPreview(true);
-    if (tooltipText) setShowTooltip(true);
-  };
-  const handleMouseLeave = () => {
-    setShowPreview(false);
-    setShowTooltip(false);
-  };
-
-  return (
-    <>
-      <span
-        ref={chipRef}
-        className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs border max-w-[220px] ${style}`}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      >
-        <BaseIcon size={11} className={`${baseIconCls} shrink-0`} />
-        <span className="truncate" title={isDir ? cleanPath : path}>{name}</span>
-        {StatusIndicator && (
-          <StatusIndicator size={10} className={`${statusIndicatorCls} shrink-0`} />
-        )}
-        <button
-          type="button"
-          onClick={onRemove}
-          aria-label={`Remove ${name}`}
-          className="p-0.5 -mr-1 rounded hover:text-foreground transition-colors shrink-0 text-muted-foreground"
-        >
-          <X size={10} />
-        </button>
-      </span>
-      {mounted && preview && createPortal(preview, document.body)}
-      {mounted && tooltip && createPortal(tooltip, document.body)}
-    </>
-  );
-}

package/_standalone/components/ask/HighlightMatch.tsx

@@ -1,14 +0,0 @@
-'use client';
-
-export default function HighlightMatch({ text, query }: { text: string; query?: string }) {
-  if (!query) return <>{text}</>;
-  const idx = text.toLowerCase().indexOf(query.toLowerCase());
-  if (idx === -1) return <>{text}</>;
-  return (
-    <>
-      {text.slice(0, idx)}
-      <span className="text-[var(--amber)] font-semibold">{text.slice(idx, idx + query.length)}</span>
-      {text.slice(idx + query.length)}
-    </>
-  );
-}

package/_standalone/components/ask/MentionPopover.tsx

@@ -1,92 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-import { FileText, Table, FolderOpen } from 'lucide-react';
-import HighlightMatch from './HighlightMatch';
-
-interface MentionPopoverProps {
-  results: string[];
-  selectedIndex: number;
-  query?: string;
-  onSelect: (filePath: string) => void;
-}
-
-/**
- * Popover for @ file mentions. Renders as a flex child within the AskContent
- * column (not absolutely positioned) to avoid clipping by the panel's
- * overflow-hidden. Uses a dynamic max-height that caps at 50% of the
- * viewport so the popover never overflows the visible area.
- */
-export default function MentionPopover({ results, selectedIndex, query, onSelect }: MentionPopoverProps) {
-  const listRef = useRef<HTMLDivElement>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [maxListH, setMaxListH] = useState(280);
-
-  // Dynamically compute max list height based on available space
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const rect = container.getBoundingClientRect();
-    // Reserve ~80px for header + footer chrome, and cap at 50vh
-    const available = Math.min(rect.top - 8, window.innerHeight * 0.5) - 80;
-    setMaxListH(Math.max(120, Math.min(320, available)));
-  }, [results.length]);
-
-  useEffect(() => {
-    const container = listRef.current;
-    if (!container) return;
-    const selected = container.children[selectedIndex] as HTMLElement | undefined;
-    selected?.scrollIntoView({ block: 'nearest' });
-  }, [selectedIndex]);
-
-  if (results.length === 0) return null;
-
-  return (
-    <div ref={containerRef} className="border border-border rounded-lg bg-card shadow-lg overflow-hidden">
-      <div className="px-3 py-1.5 border-b border-border flex items-center gap-1.5">
-        <FolderOpen size={11} className="text-muted-foreground/50" />
-        <span className="text-2xs font-medium text-muted-foreground/70 uppercase tracking-wider">Files</span>
-        <span className="text-2xs text-muted-foreground/40 ml-auto">{results.length}</span>
-      </div>
-      <div ref={listRef} className="overflow-y-auto" style={{ maxHeight: maxListH }}>
-      {results.map((f, idx) => {
-        const name = f.split('/').pop() ?? f;
-        const dir = f.split('/').slice(0, -1).join('/');
-        const isCsv = name.endsWith('.csv');
-        return (
-          <button
-            key={f}
-            type="button"
-            onMouseDown={(e) => {
-              e.preventDefault();
-              onSelect(f);
-            }}
-            className={`w-full flex items-center gap-2 px-3 py-2 text-sm text-left transition-colors ${
-              idx === selectedIndex
-                ? 'bg-accent text-foreground'
-                : 'text-muted-foreground hover:bg-muted'
-            }`}
-          >
-            {isCsv ? (
-              <Table size={13} className="text-success shrink-0" />
-            ) : (
-              <FileText size={13} className="text-muted-foreground shrink-0" />
-            )}
-            <span className="truncate font-medium flex-1" title={name}><HighlightMatch text={name} query={query} /></span>
-            {dir && (
-              <span className="text-2xs text-muted-foreground/40 truncate max-w-[140px] shrink-0" title={dir}>
-                <HighlightMatch text={dir} query={query} />
-              </span>
-            )}
-          </button>
-        );
-      })}
-      </div>
-      <div className="px-3 py-1.5 border-t border-border flex gap-3 text-2xs text-muted-foreground/40 shrink-0">
-        <span>↑↓ navigate</span>
-        <span>↵ select</span>
-        <span>ESC dismiss</span>
-      </div>
-    </div>
-  );
-}