@geminilight/mindos 0.6.73 → 0.6.74

package/_standalone/components/Panel.tsx

@@ -1,385 +0,0 @@
-'use client';
-
-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, History } from 'lucide-react';
-import type { PanelId } from './ActivityBar';
-import type { FileNode } from '@/lib/types';
-import FileTree, { setShowHiddenFiles, useShowHiddenFiles } from './FileTree';
-import SyncStatusBar from './SyncStatusBar';
-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 = () => {};
-
-/** Compute the maximum directory depth of a file tree */
-function getMaxDepth(nodes: FileNode[], current = 0): number {
-  let max = current;
-  for (const n of nodes) {
-    if (n.type === 'directory') {
-      max = Math.max(max, getMaxDepth(n.children ?? [], current + 1));
-    }
-  }
-  return max;
-}
-
-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;
-  fileTree: FileNode[];
-  onNavigate?: () => void;
-  onOpenSyncSettings: () => void;
-  railWidth?: number;
-  /** Controlled panel width (from SidebarLayout) */
-  panelWidth?: number;
-  /** Callback when user finishes resizing */
-  onWidthChange?: (width: number) => void;
-  /** Callback on drag end — for persisting to localStorage */
-  onWidthCommit?: (width: number) => void;
-  /** Whether panel is maximized */
-  maximized?: boolean;
-  /** Callback to toggle maximize */
-  onMaximize?: () => void;
-  /** Callback to open import modal for a space */
-  onImport?: (space?: string) => void;
-  /** Lazy-loaded panel content for search/ask/plugins */
-  children?: React.ReactNode;
-}
-
-export default function Panel({
-  activePanel,
-  fileTree,
-  onNavigate,
-  onOpenSyncSettings,
-  railWidth = 48,
-  panelWidth,
-  onWidthChange,
-  onWidthCommit,
-  maximized = false,
-  onMaximize,
-  onImport,
-  children,
-}: PanelProps) {
-  const open = activePanel !== null;
-  const defaultWidth = activePanel ? DEFAULT_PANEL_WIDTH[activePanel] : 280;
-  const width = maximized ? undefined : (panelWidth ?? defaultWidth);
-
-  const { t } = useLocale();
-  const router = useRouter();
-  const pathname = usePathname();
-  const isInboxActive = pathname === '/view/Inbox' || pathname === '/view/Inbox/';
-
-  // File tree depth control: null = manual (no override), number = forced max open depth
-  const [maxOpenDepth, setMaxOpenDepth] = useState<number | null>(null);
-  const treeMaxDepth = useMemo(() => getMaxDepth(fileTree), [fileTree]);
-
-  // "New" dropdown popover
-  const [newPopover, setNewPopover] = useState(false);
-  const newBtnRef = useRef<HTMLButtonElement>(null);
-  const newPopoverRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!newPopover) return;
-    const handler = (e: MouseEvent) => {
-      if (
-        newBtnRef.current && !newBtnRef.current.contains(e.target as Node) &&
-        newPopoverRef.current && !newPopoverRef.current.contains(e.target as Node)
-      ) {
-        setNewPopover(false);
-      }
-    };
-    const keyHandler = (e: KeyboardEvent) => { if (e.key === 'Escape') setNewPopover(false); };
-    document.addEventListener('mousedown', handler);
-    document.addEventListener('keydown', keyHandler);
-    return () => {
-      document.removeEventListener('mousedown', handler);
-      document.removeEventListener('keydown', keyHandler);
-    };
-  }, [newPopover]);
-
-  // "More" dropdown popover
-  const [morePopover, setMorePopover] = useState(false);
-  const moreBtnRef = useRef<HTMLButtonElement>(null);
-  const morePopoverRef = useRef<HTMLDivElement>(null);
-  const showHidden = useShowHiddenFiles();
-  const [trashCount, setTrashCount] = useState(0);
-
-  useEffect(() => {
-    if (!morePopover) return;
-    const handler = (e: MouseEvent) => {
-      if (
-        moreBtnRef.current && !moreBtnRef.current.contains(e.target as Node) &&
-        morePopoverRef.current && !morePopoverRef.current.contains(e.target as Node)
-      ) {
-        setMorePopover(false);
-      }
-    };
-    const keyHandler = (e: KeyboardEvent) => { if (e.key === 'Escape') setMorePopover(false); };
-    document.addEventListener('mousedown', handler);
-    document.addEventListener('keydown', keyHandler);
-    return () => {
-      document.removeEventListener('mousedown', handler);
-      document.removeEventListener('keydown', keyHandler);
-    };
-  }, [morePopover]);
-
-  const [inboxCount, setInboxCount] = useState(0);
-
-  useEffect(() => {
-    const fetchTrash = () => {
-      listTrashAction().then(items => setTrashCount(items.length)).catch(() => {});
-    };
-    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.
-  // Initialize false to match SSR; hydrate from localStorage in useEffect.
-  const [dblHintSeen, setDblHintSeen] = useState(false);
-  useEffect(() => {
-    try { if (localStorage.getItem('mindos-tree-dblclick-hint') === '1') setDblHintSeen(true); } catch { /* ignore */ }
-  }, []);
-  const markDblHintSeen = useCallback(() => {
-    if (!dblHintSeen) {
-      setDblHintSeen(true);
-      try { localStorage.setItem('mindos-tree-dblclick-hint', '1'); } catch { /* ignore */ }
-    }
-  }, [dblHintSeen]);
-
-  const handleMouseDown = useResizeDrag({
-    width: panelWidth ?? defaultWidth,
-    minWidth: MIN_PANEL_WIDTH,
-    maxWidth: MAX_PANEL_WIDTH_ABS,
-    maxWidthRatio: MAX_PANEL_WIDTH_RATIO,
-    direction: 'right',
-    disabled: maximized,
-    onResize: onWidthChange ?? noop,
-    onResizeEnd: onWidthCommit ?? noop,
-  });
-
-  return (
-    <aside
-      className={`
-        hidden md:flex fixed top-0 h-screen z-30
-        flex-col bg-card border-r border-border
-        transition-[transform,left,width] duration-200 ease-out
-        ${open ? 'translate-x-0' : '-translate-x-full pointer-events-none'}
-      `}
-      style={{ width: maximized ? `calc(100vw - ${railWidth}px)` : `${width}px`, left: `${railWidth}px` }}
-      role="region"
-      aria-label={activePanel ? `${activePanel} panel` : undefined}
-    >
-      {/* Files panel — always mounted to preserve tree expand/collapse state */}
-      <div className={`flex flex-col h-full ${activePanel === 'files' ? '' : 'hidden'}`}>
-        <PanelHeader title={t.sidebar.files}>
-          <div className="flex items-center gap-0.5">
-            {/* New (File / Space) */}
-            <div className="relative">
-              <button
-                ref={newBtnRef}
-                type="button"
-                onClick={() => { setMorePopover(false); setNewPopover(v => !v); }}
-                className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
-                aria-label={t.sidebar.new}
-                title={t.sidebar.new}
-              >
-                <Plus size={13} />
-              </button>
-              {newPopover && (
-                <div
-                  ref={newPopoverRef}
-                  className="absolute top-full right-0 mt-1 min-w-[152px] 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={() => { setNewPopover(false); router.push('/view/Untitled.md'); }}
-                  >
-                    <FileText size={14} className="shrink-0" />
-                    {t.sidebar.newFile}
-                  </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={() => { setNewPopover(false); window.dispatchEvent(new Event('mindos:create-space')); }}
-                  >
-                    <Layers size={14} className="shrink-0 text-[var(--amber)]" />
-                    {t.sidebar.newSpace}
-                  </button>
-                </div>
-              )}
-            </div>
-            {/* Import */}
-            <button
-              type="button"
-              onClick={() => onImport?.()}
-              className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
-              aria-label={t.sidebar.importFile}
-              title={t.sidebar.importFile}
-            >
-              <Import size={13} />
-            </button>
-            {/* Separator: create actions | view actions */}
-            <div className="w-px h-3.5 bg-border mx-0.5" />
-            {/* Collapse Level */}
-            <button
-              onClick={() => setMaxOpenDepth(prev => {
-                const current = prev ?? treeMaxDepth;
-                return Math.max(-1, current - 1);
-              })}
-              onDoubleClick={() => { setMaxOpenDepth(-1); markDblHintSeen(); }}
-              className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
-              aria-label={t.sidebar.collapseLevel}
-              title={dblHintSeen ? t.sidebar.collapseLevel : (t.sidebar.collapseLevelHint ?? t.sidebar.collapseLevel)}
-            >
-              <ChevronsDownUp size={13} />
-            </button>
-            {/* Expand Level */}
-            <button
-              onClick={() => setMaxOpenDepth(prev => {
-                const current = prev ?? 0;
-                const next = current + 1;
-                if (next > treeMaxDepth) return null;
-                return next;
-              })}
-              onDoubleClick={() => { setMaxOpenDepth(null); markDblHintSeen(); }}
-              className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
-              aria-label={t.sidebar.expandLevel}
-              title={dblHintSeen ? t.sidebar.expandLevel : (t.sidebar.expandLevelHint ?? t.sidebar.expandLevel)}
-            >
-              <ChevronsUpDown size={13} />
-            </button>
-            {/* Separator */}
-            <div className="w-px h-3.5 bg-border mx-0.5" />
-            {/* More */}
-            <div className="relative">
-              <button
-                ref={moreBtnRef}
-                type="button"
-                onClick={() => { setNewPopover(false); setMorePopover(v => !v); }}
-                className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-1 focus-visible:ring-ring"
-                aria-label={t.sidebar.more}
-                title={t.sidebar.more}
-              >
-                <MoreHorizontal size={13} />
-              </button>
-              {morePopover && (
-                <div
-                  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={() => { 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-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'); }}
-                  >
-                    <Trash2 size={14} className="shrink-0" />
-                    <span className="flex-1">{t.trash.title}</span>
-                    {trashCount > 0 && (
-                      <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>
-          </div>
-        </PanelHeader>
-        <div
-          className="flex-1 overflow-y-auto min-h-0 px-2 py-2"
-          onDragEnter={(e) => { if (e.dataTransfer.types.includes('Files')) e.stopPropagation(); }}
-          onDragOver={(e) => { if (e.dataTransfer.types.includes('Files')) { e.preventDefault(); e.stopPropagation(); } }}
-          onDrop={(e) => { if (e.dataTransfer.types.includes('Files')) { e.preventDefault(); e.stopPropagation(); } }}
-        >
-          <FileTree nodes={fileTree} onNavigate={onNavigate} maxOpenDepth={maxOpenDepth} onImport={onImport} />
-        </div>
-        {/* Inbox quick entry — always visible above sync bar */}
-        <button
-          type="button"
-          onClick={() => router.push('/view/Inbox/')}
-          className={`flex items-center gap-2 mx-2 px-2 py-1.5 text-sm rounded-lg transition-all duration-150 group shrink-0 ${
-            isInboxActive
-              ? 'bg-[var(--amber-dim)] text-[var(--amber)]'
-              : 'hover:bg-muted text-muted-foreground hover:text-foreground'
-          }`}
-        >
-          <div className={`flex items-center justify-center w-5 h-5 rounded-md shrink-0 transition-colors ${
-            isInboxActive ? 'bg-[var(--amber)]/15' : 'bg-transparent'
-          }`}>
-            <Inbox size={13} className={`shrink-0 transition-colors ${
-              isInboxActive ? 'text-[var(--amber)]' : 'text-[var(--amber)]/60 group-hover:text-[var(--amber)]'
-            }`} />
-          </div>
-          <span className={`flex-1 text-left text-xs transition-colors ${
-            isInboxActive ? 'font-medium text-[var(--amber)]' : 'text-muted-foreground group-hover:text-foreground'
-          }`}>
-            {t.sidebar.capture}
-          </span>
-          {inboxCount > 0 && (
-            <span className={`text-2xs font-medium tabular-nums px-1.5 py-px rounded-full transition-colors ${
-              isInboxActive
-                ? 'bg-[var(--amber)]/15 text-[var(--amber)]'
-                : 'bg-[var(--amber)]/10 text-[var(--amber)]/70'
-            }`}>{inboxCount}</span>
-          )}
-        </button>
-        <SyncStatusBar collapsed={false} onOpenSyncSettings={onOpenSyncSettings} />
-      </div>
-
-      {/* Other panels — always mounted via children, visibility toggled by parent */}
-      {children}
-
-      {/* Drag resize handle */}
-      {!maximized && onWidthChange && (
-        <div
-          className="absolute top-0 -right-[3px] w-[6px] h-full cursor-col-resize z-40 group hidden md:block"
-          onMouseDown={handleMouseDown}
-        >
-          <div className="absolute right-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-[var(--amber)]/60 transition-opacity" />
-        </div>
-      )}
-    </aside>
-  );
-}
-
-export { DEFAULT_PANEL_WIDTH as PANEL_WIDTH, MIN_PANEL_WIDTH, MAX_PANEL_WIDTH_RATIO, MAX_PANEL_WIDTH_ABS };

package/_standalone/components/QuickSuggestion.tsx

@@ -1,69 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import Link from 'next/link';
-import { Lightbulb, X } from 'lucide-react';
-import { useLocale } from '@/lib/stores/locale-store';
-
-const DISMISS_KEY = 'mindos:suggestion-dismissed';
-const STALE_DAYS = 30;
-
-interface QuickSuggestionProps {
-  recent: { path: string; mtime: number }[];
-}
-
-/**
- * One-line contextual suggestion based on simple rules.
- * Shows the most relevant suggestion, or nothing if dismissed/no data.
- */
-export default function QuickSuggestion({ recent }: QuickSuggestionProps) {
-  const { t } = useLocale();
-  const sug = t.suggestion;
-  const [dismissed, setDismissed] = useState(true);
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    const key = localStorage.getItem(DISMISS_KEY);
-    // Reset daily
-    const today = new Date().toDateString();
-    setDismissed(key === today);
-    setMounted(true);
-  }, []);
-
-  const dismiss = () => {
-    setDismissed(true);
-    localStorage.setItem(DISMISS_KEY, new Date().toDateString());
-  };
-
-  if (!mounted || dismissed) return null;
-
-  // Rule: stale files (>30 days without update)
-  const cutoff = Date.now() - STALE_DAYS * 86400_000;
-  const staleCount = recent.filter(f => f.mtime < cutoff).length;
-
-  if (staleCount === 0) return null;
-
-  return (
-    <section className="mb-10">
-      <div className="flex items-center gap-3 px-3.5 py-3 rounded-xl border border-border/40 bg-card/50">
-        <Lightbulb size={14} className="shrink-0 text-[var(--amber)]" />
-        <div className="flex-1 min-w-0 flex items-center gap-2 flex-wrap">
-          <span className="text-xs text-muted-foreground">{sug.staleFiles(staleCount)}</span>
-          <Link
-            href="/changelog"
-            className="text-xs font-medium text-[var(--amber)] hover:opacity-80 transition-opacity"
-          >
-            {sug.reviewStale}
-          </Link>
-        </div>
-        <button
-          onClick={dismiss}
-          className="p-1 rounded hover:bg-muted transition-colors text-muted-foreground/40 hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          aria-label={sug.dismiss}
-        >
-          <X size={12} />
-        </button>
-      </div>
-    </section>
-  );
-}

package/_standalone/components/RightAgentDetailPanel.tsx

@@ -1,125 +0,0 @@
-'use client';
-
-import { useMemo, useEffect } from 'react';
-import { useMcpAgents, useMcpStatus, useMcpInstallAgent } from '@/lib/stores/mcp-store';
-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 = 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;
-  agentKey: string | null;
-  onClose: () => void;
-  /** Right offset in px when Ask panel is open (stack panels side-by-side). */
-  rightOffset: number;
-  width: number;
-  onWidthChange: (w: number) => void;
-  onWidthCommit: (w: number) => void;
-}
-
-export default function RightAgentDetailPanel({
-  open,
-  agentKey,
-  onClose,
-  rightOffset,
-  width,
-  onWidthChange,
-  onWidthCommit,
-}: RightAgentDetailPanelProps) {
-  const agents = useMcpAgents();
-  const status = useMcpStatus();
-  const installAgent = useMcpInstallAgent();
-  const { t } = useLocale();
-  const p = t.panels.agents;
-
-  const connected = agents.filter(a => a.present && a.installed);
-  const detected = agents.filter(a => a.present && !a.installed);
-  const notFound = agents.filter(a => !a.present);
-
-  const resolved = useMemo(() => {
-    if (!agentKey) return null;
-    const agent = agents.find(a => a.key === agentKey);
-    if (!agent) return null;
-    const status = resolveAgentDetailStatus(agentKey, connected, detected, notFound);
-    if (!status) return null;
-    return { agent, status };
-  }, [agentKey, agents, connected, detected, notFound]);
-
-  useEffect(() => {
-    if (agentKey && !resolved) {
-      const id = requestAnimationFrame(() => onClose());
-      return () => cancelAnimationFrame(id);
-    }
-  }, [agentKey, resolved, onClose]);
-
-  const handleMouseDown = useResizeDrag({
-    width,
-    minWidth: MIN_WIDTH,
-    maxWidth: MAX_WIDTH_ABS,
-    maxWidthRatio: MAX_WIDTH_RATIO,
-    direction: 'left',
-    onResize: onWidthChange,
-    onResizeEnd: onWidthCommit,
-  });
-
-  const detailCopy = {
-    connected: p.connected,
-    installing: p.installing,
-    install: p.install,
-    installFailed: p.installFailed,
-    copyConfig: p.copyConfig,
-    copied: p.copied,
-    transportLocal: p.transportLocal,
-    transportRemote: p.transportRemote,
-    configPath: p.configPath,
-    notFoundDetail: p.notFoundDetail,
-    backToList: p.backToList,
-    closeDetail: p.closeAgentDetail,
-    agentDetailTransport: p.agentDetailTransport,
-    agentDetailSnippet: p.agentDetailSnippet,
-  };
-
-  return (
-    <aside
-      className={`
-        hidden md:flex fixed top-0 h-screen z-[31] flex-col bg-card border-l border-border shadow-sm
-        transition-transform duration-200 ease-out
-        ${open ? 'translate-x-0' : 'translate-x-full pointer-events-none'}
-      `}
-      style={{ width: `${width}px`, right: `${rightOffset}px` }}
-      role="complementary"
-      aria-label={p.agentDetailPanelAria}
-      aria-hidden={!open || !resolved}
-    >
-      {resolved && (
-        <div className="flex flex-col flex-1 min-h-0 overflow-y-auto">
-          <AgentsPanelAgentDetail
-            agent={resolved.agent}
-            agentStatus={resolved.status}
-            mcpStatus={status}
-            onBack={onClose}
-            onInstallAgent={installAgent}
-            copy={detailCopy}
-            headerVariant="dock"
-          />
-        </div>
-      )}
-
-      <div
-        className="absolute top-0 -left-[3px] w-[6px] h-full cursor-col-resize z-40 group hidden md:block"
-        onMouseDown={handleMouseDown}
-      >
-        <div className="absolute left-[2px] top-0 w-[2px] h-full opacity-0 group-hover:opacity-100 bg-[var(--amber)]/50 transition-opacity" />
-      </div>
-    </aside>
-  );
-}
-
-export { DEFAULT_WIDTH as RIGHT_AGENT_DETAIL_DEFAULT_WIDTH, MIN_WIDTH as RIGHT_AGENT_DETAIL_MIN_WIDTH, MAX_WIDTH_ABS as RIGHT_AGENT_DETAIL_MAX_WIDTH };