@polderlabs/bizar 7.0.4 → 8.1.0

package/bizar-dash/src/web/components/ScreenshotOCR.tsx

@@ -1,42 +0,0 @@
-// src/web/components/ScreenshotOCR.tsx — v5.0.0
-//
-// Combines ScreenshotCapture + extracted text display in one panel.
-// Shows the screenshot preview and the OCR-extracted text side by side.
-
-import { useState } from 'react';
-import { FileText } from 'lucide-react';
-import { ScreenshotCapture } from './ScreenshotCapture';
-import { Card, CardTitle, CardMeta } from './Card';
-
-export function ScreenshotOCR() {
-  const [ocrText, setOcrText] = useState<string | null>(null);
-  const [notePath, setNotePath] = useState<string | null>(null);
-
-  const handleTextExtracted = (text: string, path: string) => {
-    setOcrText(text);
-    setNotePath(path);
-  };
-
-  return (
-    <div className="screenshot-ocr-panel">
-      <ScreenshotCapture onTextExtracted={handleTextExtracted} />
-
-      {ocrText !== null && (
-        <Card variant="outlined" className="screenshot-ocr-result-card">
-          <CardTitle>
-            <FileText size={14} /> Extracted Text
-          </CardTitle>
-          {notePath && <CardMeta>Saved to: {notePath}</CardMeta>}
-
-          <div className="screenshot-ocr-text">
-            {ocrText ? (
-              <pre className="screenshot-ocr-pre mono text-sm">{ocrText}</pre>
-            ) : (
-              <p className="muted text-sm">No text was found in the captured image.</p>
-            )}
-          </div>
-        </Card>
-      )}
-    </div>
-  );
-}

package/bizar-dash/src/web/components/SearchModal.tsx

@@ -1,227 +0,0 @@
-// src/components/SearchModal.tsx — fuzzy search modal opened by / or Cmd/Ctrl+K.
-import { useEffect, useRef, useState } from 'react';
-import { Search, X } from 'lucide-react';
-import { useToast } from './Toast';
-import { api } from '../lib/api';
-import type { SearchResult } from '../lib/types';
-import { cn } from '../lib/utils';
-
-type Props = {
-  open: boolean;
-  onClose: () => void;
-  onSelect: (r: SearchResult) => void;
-};
-
-const SCOPES = [
-  { id: 'all', label: 'All' },
-  { id: 'projects', label: 'Projects' },
-  { id: 'agents', label: 'Agents' },
-  { id: 'tasks', label: 'Tasks' },
-  { id: 'mods', label: 'Mods' },
-  { id: 'schedules', label: 'Schedules' },
-  { id: 'commands', label: 'Commands' },
-  { id: 'settings', label: 'Settings' },
-] as const;
-
-const RESULT_TYPE_BY_SCOPE: Record<(typeof SCOPES)[number]['id'], string | null> = {
-  all: null,
-  projects: 'project',
-  agents: 'agent',
-  tasks: 'task',
-  mods: 'mod',
-  schedules: 'schedule',
-  commands: 'command',
-  settings: 'setting',
-};
-
-export function SearchModal({ open, onClose, onSelect }: Props) {
-  const toast = useToast();
-  const [q, setQ] = useState('');
-  const [scope, setScope] = useState<typeof SCOPES[number]['id']>('all');
-  const [results, setResults] = useState<SearchResult[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [activeIdx, setActiveIdx] = useState(0);
-  const inputRef = useRef<HTMLInputElement>(null);
-  const previousFocusRef = useRef<HTMLElement | null>(null);
-
-  useEffect(() => {
-    let focusTimer: number | undefined;
-    if (open) {
-      previousFocusRef.current = document.activeElement instanceof HTMLElement
-        ? document.activeElement
-        : null;
-      setQ('');
-      setResults([]);
-      setActiveIdx(0);
-      focusTimer = window.setTimeout(() => inputRef.current?.focus(), 30);
-    }
-    return () => {
-      if (focusTimer) window.clearTimeout(focusTimer);
-      if (!open) return;
-      const previous = previousFocusRef.current;
-      if (previous && previous.isConnected) previous.focus();
-    };
-  }, [open]);
-
-  useEffect(() => {
-    if (!open) return;
-    if (!q.trim()) {
-      setResults([]);
-      setActiveIdx(0);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    const t = setTimeout(() => {
-      api
-        .get<{ results: SearchResult[] }>(`/search?q=${encodeURIComponent(q)}&scope=${scope}`)
-        .then((r) => {
-          if (cancelled) return;
-          setResults(r.results || []);
-          setActiveIdx(0);
-        })
-        .catch((err) => {
-          if (cancelled) return;
-          toast.error(`Search failed: ${(err as Error).message}`);
-        })
-        .finally(() => !cancelled && setLoading(false));
-    }, 150);
-    return () => {
-      cancelled = true;
-      clearTimeout(t);
-    };
-  }, [q, scope, open, toast]);
-
-  if (!open) return null;
-
-  const grouped: Record<string, SearchResult[]> = {};
-  for (const r of results) {
-    const type = r.type.toLowerCase();
-    grouped[type] = grouped[type] || [];
-    grouped[type].push(r);
-  }
-
-  const flat: SearchResult[] = [];
-  for (const scope of SCOPES.map((s) => s.id)) {
-    const resultType = RESULT_TYPE_BY_SCOPE[scope];
-    if (resultType && grouped[resultType]) flat.push(...grouped[resultType]);
-  }
-
-  const onKey = (e: React.KeyboardEvent) => {
-    if (e.key === 'Escape') {
-      onClose();
-    } else if (e.key === 'ArrowDown') {
-      e.preventDefault();
-      if (flat.length === 0) return;
-      setActiveIdx((i) => Math.min(i + 1, flat.length - 1));
-    } else if (e.key === 'ArrowUp') {
-      e.preventDefault();
-      if (flat.length === 0) return;
-      setActiveIdx((i) => Math.max(i - 1, 0));
-    } else if (e.key === 'Enter' && flat[activeIdx]) {
-      e.preventDefault();
-      onSelect(flat[activeIdx]);
-      onClose();
-    }
-  };
-
-  return (
-    <div className="search-modal-backdrop" onClick={onClose}>
-      <div className="search-modal" role="dialog" aria-modal="true" aria-labelledby="search-modal-title" onClick={(e) => e.stopPropagation()}>
-        <div className="search-modal-head" role="search">
-          <Search size={14} aria-hidden />
-          <span id="search-modal-title" className="sr-only">Search</span>
-          <input
-            ref={inputRef}
-            className="search-modal-input"
-            placeholder="Search tasks, agents, settings, projects…"
-            value={q}
-            onChange={(e) => setQ(e.target.value)}
-            onKeyDown={onKey}
-            aria-label="Search"
-          />
-          <button
-            type="button"
-            className="icon-btn"
-            aria-label="Close"
-            onClick={onClose}
-          >
-            <X size={14} />
-          </button>
-        </div>
-        <div className="search-modal-scopes" role="tablist" aria-label="Search scope">
-          {SCOPES.map((s) => (
-            <button
-              key={s.id}
-              type="button"
-              role="tab"
-              aria-selected={scope === s.id}
-              className={cn('search-scope', scope === s.id && 'search-scope-active')}
-              onClick={() => setScope(s.id)}
-            >
-              {s.label}
-            </button>
-          ))}
-        </div>
-        <div className="search-modal-body">
-          {loading && <div className="muted">Searching…</div>}
-          {!loading && q && flat.length === 0 && <div className="muted">No results.</div>}
-          {!loading && !q && <div className="muted">Type to search…</div>}
-          {SCOPES.map((s) => {
-            const resultType = RESULT_TYPE_BY_SCOPE[s.id];
-            if (!resultType) return null;
-            const list = grouped[resultType];
-            if (!list || list.length === 0) return null;
-            return (
-              <div key={s.id} className="search-group">
-                <div className="search-group-head">{s.label}</div>
-                {list.map((r) => {
-                  const flatIdx = flat.indexOf(r);
-                  return (
-                    <button
-                      type="button"
-                      key={`${r.type}-${flatIdx}`}
-                      className={cn('search-result', flatIdx === activeIdx && 'search-result-active')}
-                      onMouseEnter={() => setActiveIdx(flatIdx)}
-                      onClick={() => {
-                        onSelect(r);
-                        onClose();
-                      }}
-                    >
-                      <span className="search-result-type">{r.type}</span>
-                      <span className="search-result-label">
-                        {summarize(r)}
-                      </span>
-                    </button>
-                  );
-                })}
-              </div>
-            );
-          })}
-        </div>
-        <div className="search-modal-foot">
-          <span className="muted">↑↓ navigate · ↵ open · esc close</span>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function summarize(r: SearchResult): string {
-  const i = r.item || {};
-  if (r.type === 'project') return `${i.name} — ${i.path}`;
-  if (r.type === 'agent') return `${i.name} — ${i.description || i.model || ''}`;
-  if (r.type === 'task') return `${i.title} — ${(i.status || '')}`;
-  if (r.type === 'mod') return `${i.name} v${i.version} — ${i.description || ''}`;
-  if (r.type === 'schedule') return `${i.name} (${i.type}: ${i.schedule})`;
-  if (r.type === 'command') return `${i.name} — ${i.description || ''}`;
-  if (r.type === 'setting') {
-    const val = i.value === null || i.value === undefined
-      ? ''
-      : typeof i.value === 'string'
-        ? ` = ${i.value}`
-        : ` = ${JSON.stringify(i.value)}`;
-    return `${i.label}${val}  —  ${i.desc || ''}`.trim();
-  }
-  return JSON.stringify(i).slice(0, 80);
-}

package/bizar-dash/src/web/components/SettingsNav.tsx

@@ -1,117 +0,0 @@
-// src/components/SettingsNav.tsx — v4.9.0 full-sidebar settings navigation.
-// Shown in the sidebar rail when settingsMode is active. All sections are
-// visible at once; clicking one scrolls the Settings view to that section.
-import {
-  ChevronRight, Palette, Terminal, Cpu, RefreshCw, Gauge, ArrowLeft,
-  LayoutGrid, Wifi, Bell, Shield, Users, Activity, FolderGit2,
-  type LucideIcon,
-} from 'lucide-react';
-import { cn } from '../lib/utils';
-
-export type SettingsSection = {
-  id: string;
-  label: string;
-  icon?: LucideIcon;
-};
-
-export type SettingsSectionGroup = {
-  label: string;
-  sections: SettingsSection[];
-};
-
-const SECTION_GROUPS: SettingsSectionGroup[] = [
-  {
-    label: 'General',
-    sections: [
-      { id: 'theme', label: 'Theme', icon: Palette },
-      // Layout & General are both rendered by GeneralSection; one nav item covers both
-      { id: 'layout', label: 'Layout', icon: LayoutGrid },
-    ],
-  },
-  {
-    label: 'Core',
-    sections: [
-      { id: 'env-vars', label: 'Env Vars', icon: Terminal },
-      { id: 'network', label: 'Network', icon: Wifi },
-      { id: 'notifications', label: 'Notifications', icon: Bell },
-      { id: 'auth', label: 'Auth', icon: Shield },
-      { id: 'system-llm', label: 'System LLM', icon: Cpu },
-    ],
-  },
-  {
-    label: 'Agents',
-    sections: [
-      { id: 'agents', label: 'Agents', icon: Users },
-    ],
-  },
-  {
-    label: 'Experience',
-    sections: [
-      { id: 'updates', label: 'Updates', icon: RefreshCw },
-      { id: 'headroom', label: 'Headroom', icon: Gauge },
-    ],
-  },
-  {
-    label: 'Data',
-    sections: [
-      { id: 'activity-log', label: 'Activity', icon: Activity },
-      { id: 'workspaces', label: 'Workspaces', icon: FolderGit2 },
-    ],
-  },
-];
-
-export type SettingsNavProps = {
-  activeSection: string | null;
-  onSectionChange: (id: string | null) => void;
-  onExitSettings: () => void;
-};
-
-export function SettingsNav({ activeSection, onSectionChange, onExitSettings }: SettingsNavProps) {
-  return (
-    // v7.0.4 — reuse the .sidebar-* shell classes so the Settings rail
-    // is visually identical to the main nav rail. The legacy .settings-nav-*
-    // wrapper classes were a near-duplicate of .sidebar-nav + .sidebar-section-*
-    // and produced a subtly different bg tone. With the shared classes, both
-    // rails read as one component.
-    <nav className="sidebar-nav" aria-label="Settings sections">
-      {/* Back button */}
-      <button
-        type="button"
-        className="sidebar-tab"
-        onClick={onExitSettings}
-        aria-label="Exit settings"
-      >
-        <ArrowLeft size={14} aria-hidden />
-        <span className="sidebar-tab-label">Back</span>
-      </button>
-
-      <div className="sidebar-section-divider" aria-hidden="true" />
-
-      {/* Section groups */}
-      {SECTION_GROUPS.map((group) => (
-        <div key={group.label} className="settings-nav-group">
-          <div className="sidebar-section-label">{group.label}</div>
-          {group.sections.map((s) => {
-            const Icon = s.icon;
-            const active = activeSection === s.id;
-            return (
-              <button
-                key={s.id}
-                type="button"
-                className={cn('sidebar-tab', active && 'sidebar-tab-active')}
-                onClick={() => onSectionChange(active ? null : s.id)}
-                aria-current={active ? 'page' : undefined}
-              >
-                {Icon && <Icon size={14} aria-hidden />}
-                <span className="sidebar-tab-label">{s.label}</span>
-                {active && (
-                  <ChevronRight size={12} aria-hidden />
-                )}
-              </button>
-            );
-          })}
-        </div>
-      ))}
-    </nav>
-  );
-}