@geminilight/mindos 0.6.73 → 0.6.74

package/_standalone/components/panels/ImportHistoryPanel.tsx

@@ -1,195 +0,0 @@
-'use client';
-
-import { useState, useEffect, useCallback } from 'react';
-import { useRouter } from 'next/navigation';
-import {
-  ChevronDown, FilePlus, FileEdit, ExternalLink, Trash2, FileInput,
-} from 'lucide-react';
-import { useLocale } from '@/lib/stores/locale-store';
-import { encodePath } from '@/lib/utils';
-import PanelHeader from './PanelHeader';
-import {
-  loadHistory, clearHistory,
-  type OrganizeHistoryEntry,
-} from '@/lib/organize-history';
-
-interface ImportHistoryPanelProps {
-  active: boolean;
-  maximized?: boolean;
-  onMaximize?: () => void;
-  /** Incremented externally to trigger a refresh */
-  refreshToken?: number;
-}
-
-function formatTime(ts: number): string {
-  return new Date(ts).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
-}
-
-function groupByDate(entries: OrganizeHistoryEntry[]): Map<string, OrganizeHistoryEntry[]> {
-  const groups = new Map<string, OrganizeHistoryEntry[]>();
-  const today = new Date();
-  const todayStr = today.toDateString();
-  const yesterday = new Date(today);
-  yesterday.setDate(yesterday.getDate() - 1);
-  const yesterdayStr = yesterday.toDateString();
-
-  for (const entry of entries) {
-    const d = new Date(entry.timestamp).toDateString();
-    let label: string;
-    if (d === todayStr) label = 'Today';
-    else if (d === yesterdayStr) label = 'Yesterday';
-    else label = new Date(entry.timestamp).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
-
-    const list = groups.get(label) ?? [];
-    list.push(entry);
-    groups.set(label, list);
-  }
-  return groups;
-}
-
-export default function ImportHistoryPanel({ active, maximized, onMaximize, refreshToken }: ImportHistoryPanelProps) {
-  const { t } = useLocale();
-  const router = useRouter();
-  const [entries, setEntries] = useState<OrganizeHistoryEntry[]>([]);
-  const [expandedId, setExpandedId] = useState<string | null>(null);
-  const hi = (t as unknown as Record<string, Record<string, unknown>>).importHistory ?? {};
-
-  const refresh = useCallback(() => {
-    setEntries(loadHistory());
-  }, []);
-
-  useEffect(() => {
-    if (active) refresh();
-  }, [active, refresh, refreshToken]);
-
-  useEffect(() => {
-    const handler = () => refresh();
-    window.addEventListener('mindos:organize-history-update', handler);
-    return () => window.removeEventListener('mindos:organize-history-update', handler);
-  }, [refresh]);
-
-  const handleClearAll = useCallback(() => {
-    clearHistory();
-    setEntries([]);
-  }, []);
-
-  const handleViewFile = useCallback((path: string) => {
-    router.push(`/view/${encodePath(path)}`);
-  }, [router]);
-
-  const groups = groupByDate(entries);
-
-  return (
-    <div className={`flex flex-col h-full ${active ? '' : 'hidden'}`}>
-      <PanelHeader
-        title={hi.title as string ?? 'Import History'}
-        maximized={maximized}
-        onMaximize={onMaximize}
-      >
-        {entries.length > 0 && (
-          <button
-            onClick={handleClearAll}
-            className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
-            title={hi.clearAll as string ?? 'Clear history'}
-          >
-            <Trash2 size={13} />
-          </button>
-        )}
-      </PanelHeader>
-
-      <div className="flex-1 overflow-y-auto min-h-0 px-2 py-2">
-        {entries.length === 0 ? (
-          <div className="flex flex-col items-center justify-center gap-2 py-12 text-center">
-            <FileInput size={28} className="text-muted-foreground/30" />
-            <p className="text-xs text-muted-foreground">
-              {hi.emptyTitle as string ?? 'No import history yet'}
-            </p>
-            <p className="text-2xs text-muted-foreground/60 max-w-[200px]">
-              {hi.emptyDesc as string ?? 'AI organize results will appear here'}
-            </p>
-          </div>
-        ) : (
-          <div className="space-y-4">
-            {Array.from(groups.entries()).map(([label, items]) => (
-              <div key={label}>
-                <p className="text-2xs font-medium text-muted-foreground/60 uppercase tracking-wider px-2 mb-1.5">{label}</p>
-                <div className="space-y-1">
-                  {items.map(entry => {
-                    const isExpanded = expandedId === entry.id;
-                    const createdCount = entry.files.filter(f => f.action === 'create' && f.ok && !f.undone).length;
-                    const updatedCount = entry.files.filter(f => f.action === 'update' && f.ok && !f.undone).length;
-                    const undoneCount = entry.files.filter(f => f.undone).length;
-                    const sourceLabel = entry.sourceFiles.length === 1
-                      ? entry.sourceFiles[0]
-                      : `${entry.sourceFiles.length} files`;
-
-                    return (
-                      <div key={entry.id} className="rounded-lg border border-border/50 overflow-hidden">
-                        <button
-                          type="button"
-                          onClick={() => setExpandedId(isExpanded ? null : entry.id)}
-                          className="w-full flex items-center gap-2 px-3 py-2.5 text-left hover:bg-muted/30 transition-colors"
-                        >
-                          <FileInput size={14} className="text-[var(--amber)] shrink-0" />
-                          <div className="flex-1 min-w-0">
-                            <p className="text-xs text-foreground truncate">{sourceLabel}</p>
-                            <p className="text-2xs text-muted-foreground/60">
-                              {formatTime(entry.timestamp)}
-                              {createdCount > 0 && ` · ${createdCount} created`}
-                              {updatedCount > 0 && ` · ${updatedCount} updated`}
-                              {undoneCount > 0 && ` · ${undoneCount} undone`}
-                            </p>
-                          </div>
-                          <ChevronDown
-                            size={12}
-                            className={`text-muted-foreground/40 shrink-0 transition-transform duration-150 ${isExpanded ? 'rotate-180' : ''}`}
-                          />
-                        </button>
-
-                        {isExpanded && (
-                          <div className="border-t border-border/30 px-2 py-1.5 space-y-0.5">
-                            {entry.files.map((f, idx) => {
-                              const fileName = f.path.split('/').pop() ?? f.path;
-                              return (
-                                <div
-                                  key={`${f.path}-${idx}`}
-                                  className={`flex items-center gap-2 px-2 py-1.5 rounded text-xs ${f.undone ? 'opacity-40' : ''}`}
-                                >
-                                  {f.action === 'create' ? (
-                                    <FilePlus size={12} className="text-success shrink-0" />
-                                  ) : (
-                                    <FileEdit size={12} className="text-[var(--amber)] shrink-0" />
-                                  )}
-                                  <span className={`truncate flex-1 ${f.undone ? 'line-through text-muted-foreground' : 'text-foreground'}`}>
-                                    {fileName}
-                                  </span>
-                                  {f.undone && (
-                                    <span className="text-2xs text-muted-foreground shrink-0">undone</span>
-                                  )}
-                                  {f.ok && !f.undone && (
-                                    <button
-                                      type="button"
-                                      onClick={(e) => { e.stopPropagation(); handleViewFile(f.path); }}
-                                      className="text-muted-foreground/40 hover:text-[var(--amber)] transition-colors shrink-0"
-                                      title="View file"
-                                    >
-                                      <ExternalLink size={11} />
-                                    </button>
-                                  )}
-                                </div>
-                              );
-                            })}
-                          </div>
-                        )}
-                      </div>
-                    );
-                  })}
-                </div>
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/_standalone/components/panels/PanelHeader.tsx

@@ -1,35 +0,0 @@
-import { Maximize2, Minimize2 } from 'lucide-react';
-
-/**
- * Shared header bar for side panels (Files, Search, Plugins, etc.)
- * Keeps the uppercase label + optional right content pattern consistent.
- */
-export default function PanelHeader({
-  title,
-  children,
-  maximized,
-  onMaximize,
-}: {
-  title: string;
-  children?: React.ReactNode;
-  maximized?: boolean;
-  onMaximize?: () => void;
-}) {
-  return (
-    <div className="flex items-center justify-between px-4 py-3 h-[46px] border-b border-border shrink-0">
-      <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">{title}</span>
-      <div className="flex items-center gap-1">
-        {children}
-        {onMaximize && (
-          <button
-            onClick={onMaximize}
-            className="p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors"
-            aria-label={maximized ? 'Restore panel' : 'Maximize panel'}
-          >
-            {maximized ? <Minimize2 size={13} /> : <Maximize2 size={13} />}
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}

package/_standalone/components/panels/PanelNavRow.tsx

@@ -1,77 +0,0 @@
-'use client';
-
-import type { ReactNode } from 'react';
-import Link from 'next/link';
-import { ChevronRight } from 'lucide-react';
-import { cn } from '@/lib/utils';
-
-/** Row matching Discover panel nav: icon tile, title, optional subtitle, optional badge, chevron. */
-export function PanelNavRow({
-  icon,
-  title,
-  subtitle,
-  badge,
-  href,
-  onClick,
-  active,
-}: {
-  icon: ReactNode;
-  title: string;
-  subtitle?: string;
-  badge?: React.ReactNode;
-  href?: string;
-  onClick?: () => void;
-  /** When true, row shows selected state (e.g. current Echo segment). */
-  active?: boolean;
-}) {
-  const content = (
-    <>
-      <span className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground">{icon}</span>
-      <span className="flex-1 min-w-0">
-        <span className="block text-left text-sm font-medium text-foreground truncate" title={title}>{title}</span>
-        {subtitle ? (
-          <span className="block text-left text-2xs text-muted-foreground truncate" title={subtitle}>{subtitle}</span>
-        ) : null}
-      </span>
-      {badge}
-      <ChevronRight size={14} className="shrink-0 text-muted-foreground" />
-    </>
-  );
-
-  const showRail = Boolean(active);
-
-  const className = cn(
-    'relative flex items-center gap-3 py-2.5 transition-[background-color] duration-150 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
-    showRail ? 'bg-[var(--amber-dim)]/40 pl-3.5 pr-4 text-foreground' : 'px-4',
-    !showRail && 'cursor-pointer hover:bg-muted/50',
-    showRail && 'cursor-default',
-  );
-
-  const rail = showRail ? (
-    <span
-      className="pointer-events-none absolute bottom-[22%] left-0 top-[22%] w-0.5 rounded-r-full bg-[var(--amber)]"
-      aria-hidden
-    />
-  ) : null;
-
-  if (href) {
-    return (
-      <Link href={href} className={className} aria-current={active ? 'page' : undefined}>
-        {rail}
-        {content}
-      </Link>
-    );
-  }
-  return (
-    <button type="button" onClick={onClick} className={cn(className, 'w-full')}>
-      {rail}
-      {content}
-    </button>
-  );
-}
-
-export function ComingSoonBadge({ label }: { label: string }) {
-  return (
-    <span className="text-2xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground shrink-0">{label}</span>
-  );
-}

package/_standalone/components/panels/PluginsPanel.tsx

@@ -1,168 +0,0 @@
-'use client';
-
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { useRouter } from 'next/navigation';
-import { getPluginRenderers, isRendererEnabled, setRendererEnabled, loadDisabledState } from '@/lib/renderers/registry';
-import { Toggle } from '../settings/Primitives';
-import PanelHeader from './PanelHeader';
-import { useLocale } from '@/lib/stores/locale-store';
-
-interface PluginsPanelProps {
-  active: boolean;
-  maximized?: boolean;
-  onMaximize?: () => void;
-}
-
-export default function PluginsPanel({ active, maximized, onMaximize }: PluginsPanelProps) {
-  const [mounted, setMounted] = useState(false);
-  const [, forceUpdate] = useState(0);
-  const [existingFiles, setExistingFiles] = useState<Set<string>>(new Set());
-  const router = useRouter();
-  const { t } = useLocale();
-  const p = t.panels.plugins;
-
-  // Defer renderer reads to client only — avoids hydration mismatch
-  useEffect(() => {
-    loadDisabledState();
-    setMounted(true);
-  }, []);
-
-  // Check which entry files exist — fetch once on mount, cache result
-  const fetchedRef = useRef(false);
-  useEffect(() => {
-    if (!mounted || fetchedRef.current) return;
-    fetchedRef.current = true;
-    const entryPaths = getPluginRenderers()
-      .map(r => r.entryPath)
-      .filter((p): p is string => !!p);
-    if (entryPaths.length === 0) return;
-
-    // Single request: fetch all file paths and check which entry paths exist
-    fetch('/api/files')
-      .then(r => r.ok ? r.json() : [])
-      .then((allPaths: string[]) => {
-        const pathSet = new Set(allPaths);
-        setExistingFiles(new Set(entryPaths.filter(p => pathSet.has(p))));
-      })
-      .catch((err) => { console.warn("[PluginsPanel] fetch /api/files failed:", err); });
-  }, [mounted]);
-
-  const renderers = mounted ? getPluginRenderers() : [];
-  const enabledCount = mounted ? renderers.filter(r => isRendererEnabled(r.id)).length : 0;
-
-  const handleToggle = useCallback((id: string, enabled: boolean) => {
-    setRendererEnabled(id, enabled);
-    forceUpdate(n => n + 1);
-    window.dispatchEvent(new Event('renderer-state-changed'));
-  }, []);
-
-  const handleOpen = useCallback((entryPath: string) => {
-    router.push(`/view/${entryPath.split('/').map(encodeURIComponent).join('/')}`);
-  }, [router]);
-
-  return (
-    <div className={`flex flex-col h-full ${active ? '' : 'hidden'}`}>
-      {/* Header */}
-      <PanelHeader title={p.title} maximized={maximized} onMaximize={onMaximize}>
-        <span className="text-2xs text-muted-foreground">{enabledCount}/{renderers.length} {p.active}</span>
-      </PanelHeader>
-
-      {/* Plugin list */}
-      <div className="flex-1 overflow-y-auto min-h-0">
-        {mounted && renderers.length === 0 && (
-          <p className="px-4 py-8 text-sm text-muted-foreground text-center">{p.noPlugins}</p>
-        )}
-        {renderers.map(r => {
-          const enabled = isRendererEnabled(r.id);
-          const fileExists = r.entryPath ? existingFiles.has(r.entryPath) : false;
-          const canOpen = enabled && r.entryPath && fileExists;
-
-          return (
-            <div
-              key={r.id}
-              className={`
-                px-4 py-3 border-b border-border/50 transition-colors
-                ${canOpen ? 'cursor-pointer hover:bg-muted/40' : 'hover:bg-muted/20'}
-                ${!enabled ? 'opacity-50' : ''}
-              `}
-              onClick={canOpen ? () => handleOpen(r.entryPath!) : undefined}
-              onKeyDown={canOpen ? (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleOpen(r.entryPath!); } } : undefined}
-              role={canOpen ? 'link' : undefined}
-              tabIndex={canOpen ? 0 : undefined}
-            >
-              {/* Top row: status dot + icon + name + toggle */}
-              <div className="flex items-center justify-between gap-2">
-                <div className="flex items-center gap-2.5 min-w-0">
-                  {/* Status dot */}
-                  <span
-                    className="w-1.5 h-1.5 rounded-full shrink-0"
-                    style={{
-                      background: !enabled
-                        ? 'var(--muted-foreground)'
-                        : canOpen
-                          ? 'var(--success)'
-                          : 'var(--border)',
-                    }}
-                    title={
-                      !enabled
-                        ? p.disabled ?? 'Disabled'
-                        : canOpen
-                          ? p.ready ?? 'Ready'
-                          : p.noFile ?? 'File not found'
-                    }
-                  />
-                  <span className="text-base shrink-0" suppressHydrationWarning>{r.icon}</span>
-                  <span className="text-sm font-medium text-foreground truncate">{r.name}</span>
-                  {r.core && (
-                    <span className="text-2xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground shrink-0">{p.core}</span>
-                  )}
-                </div>
-                {/* Toggle — stop propagation to prevent row click */}
-                <div onClick={e => e.stopPropagation()}>
-                  <Toggle
-                    checked={enabled}
-                    onChange={(v) => handleToggle(r.id, v)}
-                    size="sm"
-                    disabled={r.core}
-                    title={r.core ? p.coreDisabled : undefined}
-                  />
-                </div>
-              </div>
-
-              {/* Description */}
-              <p className="mt-1 text-xs text-muted-foreground leading-relaxed pl-[34px]">
-                {r.description}
-              </p>
-
-              {/* Tags + status hint */}
-              <div className="mt-1.5 flex items-center gap-1.5 pl-[34px] flex-wrap">
-                {r.tags.slice(0, 3).map(tag => (
-                  <span key={tag} className="text-2xs px-1.5 py-0.5 rounded-full bg-muted/60 text-muted-foreground">
-                    {tag}
-                  </span>
-                ))}
-                {r.entryPath && enabled && !fileExists && (
-                  <span className="text-2xs text-[var(--amber-text)]">
-                    {(p.createFile ?? 'Create {file}').replace('{file}', r.entryPath)}
-                  </span>
-                )}
-                {canOpen && (
-                  <span className="text-2xs text-[var(--amber-text)]">
-                    → {r.entryPath}
-                  </span>
-                )}
-              </div>
-            </div>
-          );
-        })}
-      </div>
-
-      {/* Footer info */}
-      <div className="px-4 py-2 border-t border-border shrink-0">
-        <p className="text-2xs text-muted-foreground">
-          {p.footer}
-        </p>
-      </div>
-    </div>
-  );
-}