@polderlabs/bizar 7.0.2 → 8.0.0

package/bizar-dash/src/web/views/memory/ConfigPanel.tsx

@@ -1,426 +0,0 @@
-// src/web/views/memory/ConfigPanel.tsx — simplified memory config.
-// v6.x — Vault path is now fetched from /api/memory/status so the row
-// stops saying "(loading…)" forever. Users can change the vault path
-// inline and initialise the vault if it doesn't exist yet.
-import { useEffect, useState } from 'react';
-import {
-  GitBranch,
-  GitCommitHorizontal,
-  Download,
-  Upload,
-  Loader2,
-  Plug,
-  Save,
-  FolderInput,
-  CheckCircle2,
-  XCircle,
-} from 'lucide-react';
-import { Button } from '../../components/Button';
-import { Card, CardMeta, CardTitle } from '../../components/Card';
-import { Spinner } from '../../components/Spinner';
-import { useToast } from '../../components/Toast';
-import { api } from '../../lib/api';
-import { cn } from '../../lib/utils';
-
-type GitConfig = {
-  remoteUrl?: string;
-};
-
-type GlobalConfig = {
-  git?: GitConfig;
-};
-
-type SyncStatus = {
-  clean?: boolean;
-  branch?: string;
-  modified?: number;
-  untracked?: number;
-};
-
-type MemoryStatus = {
-  initialized: boolean;
-  mode?: string | null;
-  projectId?: string | null;
-  vaultRoot?: string | null;
-  branch?: string | null;
-  gitClean?: boolean | null;
-  noteCount?: number;
-  lastSecretScan?: string | null;
-};
-
-type Props = { refreshKey: number };
-
-export function ConfigPanel({ refreshKey }: Props) {
-  const toast = useToast();
-  const [cfg, setCfg] = useState<GlobalConfig | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [remoteUrl, setRemoteUrl] = useState('');
-  const [memoryStatus, setMemoryStatus] = useState<MemoryStatus | null>(null);
-  const [vaultPathDraft, setVaultPathDraft] = useState<string>('');
-  const [pathInitialising, setPathInitialising] = useState(false);
-  const [pathSaving, setPathSaving] = useState(false);
-  const [syncStatus, setSyncStatus] = useState<SyncStatus | null>(null);
-  const [actionLoading, setActionLoading] = useState<string | null>(null);
-  const [tests, setTests] = useState<Array<{ name: string; pass: boolean; detail: string }> | null>(null);
-  const [testing, setTesting] = useState(false);
-
-  const reload = async () => {
-    setLoading(true);
-    try {
-      const [cfgRes, statusRes] = await Promise.all([
-        api.get<{ config: GlobalConfig }>('/memory/config/global').catch(() => null),
-        api.get<MemoryStatus>('/memory/status').catch(() => null),
-      ]);
-      if (cfgRes) {
-        setCfg(cfgRes.config);
-        setRemoteUrl(cfgRes.config?.git?.remoteUrl || '');
-      } else {
-        setCfg({});
-      }
-      if (statusRes) {
-        setMemoryStatus(statusRes);
-        // Initialise the draft input from the server's current vaultRoot.
-        // Only overwrite while the user hasn't started editing.
-        setVaultPathDraft((cur) => cur || statusRes.vaultRoot || '');
-      }
-      // Also fetch git status from the per-project vault
-      await loadSyncStatus();
-    } catch (err) {
-      toast.error(`Config load failed: ${(err as Error).message}`);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const loadSyncStatus = async () => {
-    try {
-      const r = await api.get<{ ok: boolean; clean?: boolean; branch?: string; modified?: number; untracked?: number }>('/memory/git/status');
-      if (r.ok) {
-        setSyncStatus({
-          clean: r.clean,
-          branch: r.branch,
-          modified: r.modified,
-          untracked: r.untracked,
-        });
-      }
-    } catch {
-      // git status is best-effort
-    }
-  };
-
-  useEffect(() => {
-    reload();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [refreshKey]);
-
-  // v6.x — Save the new vault path. If the folder doesn't exist, the
-  // backend's /memory/init endpoint can be used to create it (handled
-  // by ensureVaultExists()).
-  const onSaveVaultPath = async () => {
-    const target = vaultPathDraft.trim();
-    if (!target) {
-      toast.error('Vault path cannot be empty.');
-      return;
-    }
-    setPathSaving(true);
-    try {
-      const status = await api.get<MemoryStatus & { exists?: boolean }>('/memory/status').catch(() => null);
-      const initialised = status?.initialized;
-      if (!initialised) {
-        // Initialise the vault at the chosen path.
-        await api.post('/memory/init', { vaultRoot: target });
-        toast.success(`Vault initialised at ${target}.`);
-      } else {
-        // v6.x — Call the new vault config endpoint to persist the path.
-        await api.post('/memory/config/vault', { vaultRoot: target });
-        toast.success(`Vault path updated to ${target}.`);
-      }
-      setVaultPathDraft(target);
-      await reload();
-    } catch (err) {
-      toast.error(`Vault path save failed: ${(err as Error).message}`);
-    } finally {
-      setPathSaving(false);
-    }
-  };
-
-  const onInitVault = async () => {
-    setPathInitialising(true);
-    try {
-      await api.post('/memory/init', {});
-      toast.success('Vault initialised.');
-      await reload();
-    } catch (err) {
-      toast.error(`Init failed: ${(err as Error).message}`);
-    } finally {
-      setPathInitialising(false);
-    }
-  };
-
-  const onSave = async () => {
-    if (!cfg) return;
-    setSaving(true);
-    try {
-      await api.put('/memory/config/global', { git: { remoteUrl } });
-      toast.success('Config saved.');
-    } catch (err) {
-      toast.error(`Save failed: ${(err as Error).message}`);
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  const runAction = async (action: 'pull' | 'push' | 'commit') => {
-    setActionLoading(action);
-    try {
-      if (action === 'pull') {
-        const r = await api.post<{ ok: boolean; output?: string }>('/memory/git/pull', {});
-        if (r.ok) toast.success('Pull successful.');
-        else toast.error(`Pull failed: ${r.output || 'unknown error'}`);
-      } else if (action === 'push') {
-        const r = await api.post<{ ok: boolean }>('/memory/git/push', {});
-        if (r.ok) toast.success('Push successful.');
-        else toast.error('Push failed.');
-      } else if (action === 'commit') {
-        const r = await api.post<{ ok: boolean; message?: string }>('/memory/git/commit', {});
-        if (r.ok) toast.success(`Committed: ${r.message}`);
-        else toast.error('Commit failed.');
-      }
-      await loadSyncStatus();
-    } catch (err) {
-      toast.error(`${action} failed: ${(err as Error).message}`);
-    } finally {
-      setActionLoading(null);
-    }
-  };
-
-  const onTest = async () => {
-    setTesting(true);
-    try {
-      const r = await api.post<{ ok: boolean; checks: Array<{ name: string; pass: boolean; detail: string }> }>(
-        '/memory/test-git',
-        {},
-      );
-      setTests(r.checks);
-    } catch (err) {
-      toast.error(`Test failed: ${(err as Error).message}`);
-    } finally {
-      setTesting(false);
-    }
-  };
-
-  if (loading && !cfg) {
-    return (
-      <div className="view-loading">
-        <Spinner size="md" />
-        <p>Loading config…</p>
-      </div>
-    );
-  }
-  if (!cfg) return <div className="muted">No config available.</div>;
-
-  const initialised = !!memoryStatus?.initialized;
-  const currentVaultPath = memoryStatus?.vaultRoot ?? '';
-
-  return (
-    <div className="memory-panel-content">
-      {/* ── Vault path ──────────────────────────────────────────────────── */}
-      <Card>
-        <CardTitle>
-          <FolderInput size={14} /> Vault location
-        </CardTitle>
-        <CardMeta>
-          The on-disk folder where notes and memory metadata live. Default:{' '}
-          <code>~/.bizar_memory</code>.
-        </CardMeta>
-        <div className="memory-config-form">
-          <Row label="Current path" inline>
-            <span className="memory-vault-path mono" data-testid="memory-current-vault-path">
-              {currentVaultPath || <span className="muted">not initialised</span>}
-            </span>
-            {initialised ? (
-              <span
-                className="memory-pill memory-pill-ok"
-                style={{ marginLeft: 8 }}
-                title="Vault folder exists on disk"
-              >
-                <CheckCircle2 size={10} /> initialised
-              </span>
-            ) : (
-              <span
-                className="memory-pill memory-pill-warn"
-                style={{ marginLeft: 8 }}
-                title="Vault folder does not exist yet"
-              >
-                <XCircle size={10} /> not initialised
-              </span>
-            )}
-          </Row>
-          <Row label="Set path">
-            <input
-              type="text"
-              className="input mono"
-              value={vaultPathDraft}
-              onChange={(e) => setVaultPathDraft(e.target.value)}
-              placeholder="~/.bizar_memory"
-              aria-label="Vault path"
-              data-testid="memory-vault-path-input"
-            />
-            <span className="field-hint">
-              {initialised
-                ? 'Save to update the working path.'
-                : 'Save and initialise will create this folder if it does not exist.'}
-            </span>
-          </Row>
-        </div>
-        <div className="memory-action-row" style={{ marginTop: 12 }}>
-          <Button
-            variant="primary"
-            onClick={onSaveVaultPath}
-            disabled={pathSaving || pathInitialising || !vaultPathDraft.trim()}
-            data-testid="memory-save-vault-path"
-          >
-            {pathSaving ? <Loader2 size={12} className="memory-spin" /> : <Save size={12} />}
-            {initialised ? 'Save path' : 'Save and initialise'}
-          </Button>
-          {!initialised && (
-            <Button
-              variant="secondary"
-              onClick={onInitVault}
-              disabled={pathInitialising || pathSaving}
-              data-testid="memory-init-vault"
-            >
-              {pathInitialising ? <Loader2 size={12} className="memory-spin" /> : <FolderInput size={12} />}
-              Initialise default
-            </Button>
-          )}
-        </div>
-      </Card>
-
-      {/* ── Git sync ───────────────────────────────────────────────────── */}
-      <Card>
-        <CardTitle><GitBranch size={14} /> Git sync</CardTitle>
-        <CardMeta>Configure the git remote and sync your memory vault.</CardMeta>
-        <div className="memory-config-form">
-          <Row label="Remote URL">
-            <input
-              type="text"
-              className="input mono"
-              value={remoteUrl}
-              onChange={(e) => setRemoteUrl(e.target.value)}
-              placeholder="git@github.com:org/repo.git"
-            />
-          </Row>
-          {syncStatus && (
-            <Row label="Status" inline>
-              <span className={cn('memory-pill', syncStatus.clean ? 'memory-pill-ok' : 'memory-pill-warn')}>
-                {syncStatus.clean ? 'clean' : 'dirty'}
-              </span>
-              {syncStatus.branch && (
-                <span className="muted" style={{ marginLeft: 8 }}>
-                  <GitBranch size={12} style={{ display: 'inline' }} /> {syncStatus.branch}
-                </span>
-              )}
-              {!syncStatus.clean && syncStatus.modified !== undefined && (
-                <span className="muted" style={{ marginLeft: 8 }}>
-                  {syncStatus.modified} modified, {syncStatus.untracked} untracked
-                </span>
-              )}
-            </Row>
-          )}
-        </div>
-        <div className="memory-action-row" style={{ marginTop: 12 }}>
-          <Button
-            variant="secondary"
-            onClick={() => runAction('pull')}
-            disabled={actionLoading !== null}
-          >
-            {actionLoading === 'pull' ? <Loader2 size={12} className="memory-spin" /> : <Download size={12} />}
-            Pull
-          </Button>
-          <Button
-            variant="secondary"
-            onClick={() => runAction('commit')}
-            disabled={actionLoading !== null}
-          >
-            {actionLoading === 'commit' ? <Loader2 size={12} className="memory-spin" /> : <GitCommitHorizontal size={12} />}
-            Commit
-          </Button>
-          <Button
-            variant="secondary"
-            onClick={() => runAction('push')}
-            disabled={actionLoading !== null}
-          >
-            {actionLoading === 'push' ? <Loader2 size={12} className="memory-spin" /> : <Upload size={12} />}
-            Push
-          </Button>
-        </div>
-      </Card>
-
-      {/* ── Connection tests ─────────────────────────────────────────── */}
-      <Card>
-        <CardTitle>
-          <Plug size={14} /> Connection tests
-        </CardTitle>
-        <CardMeta>Verify the configured git remote is reachable.</CardMeta>
-        <div className="memory-action-row">
-          <Button variant="secondary" onClick={onTest} disabled={testing}>
-            {testing ? <Loader2 size={12} className="memory-spin" /> : <Plug size={12} />}
-            Test git connection
-          </Button>
-          <Button variant="primary" onClick={onSave} disabled={saving}>
-            {saving ? <Loader2 size={12} className="memory-spin" /> : <Save size={12} />}
-            Save config
-          </Button>
-        </div>
-        {tests && tests.length > 0 && (
-          <ul className="memory-check-list" style={{ marginTop: 12 }}>
-            {tests.map((t, i) => (
-              <li key={i} className="memory-check-row">
-                <span className="memory-check-icon">
-                  <span className={cn('memory-pill', t.pass ? 'memory-pill-ok' : 'memory-pill-warn')}>
-                    {t.pass ? 'OK' : 'FAIL'}
-                  </span>
-                </span>
-                <span className="memory-check-name">{t.name}</span>
-                <span className="memory-check-detail muted">{t.detail}</span>
-              </li>
-            ))}
-          </ul>
-        )}
-      </Card>
-    </div>
-  );
-}
-
-function Row({
-  label,
-  children,
-  inline,
-}: {
-  label: string;
-  children: React.ReactNode;
-  inline?: boolean;
-}) {
-  if (inline) {
-    return (
-      <div className="memory-config-row-inline">
-        <div className="memory-config-row-label" id={`cfg-${label.replace(/\s+/g, '-').toLowerCase()}`}>{label}</div>
-        <div
-          className="memory-config-row-control"
-          role="group"
-          aria-labelledby={`cfg-${label.replace(/\s+/g, '-').toLowerCase()}`}
-        >
-          {children}
-        </div>
-      </div>
-    );
-  }
-  return (
-    <label className="memory-config-row-stack">
-      <span>{label}</span>
-      {children}
-    </label>
-  );
-}

package/bizar-dash/src/web/views/memory/FromScreenshotPanel.tsx

@@ -1,23 +0,0 @@
-// src/web/views/memory/FromScreenshotPanel.tsx — v5.0.0
-//
-// Memory tab panel that wraps ScreenshotOCR for the three-column Memory layout.
-// Provides a self-contained screenshot → OCR → save workflow.
-
-import { ScreenshotOCR } from '../../components/ScreenshotOCR';
-import { Card } from '../../components/Card';
-
-type Props = {
-  refreshKey: number;
-};
-
-export function FromScreenshotPanel({ refreshKey: _refreshKey }: Props) {
-  return (
-    <div className="memory-panel-content">
-      <Card variant="outlined" className="memory-panel-card">
-        <div className="memory-panel-body">
-          <ScreenshotOCR />
-        </div>
-      </Card>
-    </div>
-  );
-}

package/bizar-dash/src/web/views/memory/GitSyncPanel.tsx

@@ -1,220 +0,0 @@
-// src/web/views/memory/GitSyncPanel.tsx — git status, pull/push/commit/fetch, diff viewer.
-import { useEffect, useState } from 'react';
-import {
-  ArrowDown,
-  ArrowUp,
-  CheckCircle2,
-  GitBranch,
-  GitCommit,
-  GitMerge,
-  GitPullRequest,
-  Loader2,
-  RefreshCw,
-  Settings,
-} from 'lucide-react';
-import { Button } from '../../components/Button';
-import { Card, CardMeta, CardTitle } from '../../components/Card';
-import { Spinner } from '../../components/Spinner';
-import { useToast } from '../../components/Toast';
-import { api } from '../../lib/api';
-import { formatTime, cn } from '../../lib/utils';
-
-type GitStatus = {
-  ok: boolean;
-  clean?: boolean;
-  branch?: string;
-  ahead?: number;
-  behind?: number;
-  modified?: string[];
-  untracked?: string[];
-  mode?: string;
-};
-
-type GitDiff = {
-  hasDiff: boolean;
-  lines: string[];
-  files: string[];
-  mode: string;
-};
-
-type Props = { refreshKey: number };
-
-export function GitSyncPanel({ refreshKey }: Props) {
-  const toast = useToast();
-  const [status, setStatus] = useState<GitStatus | null>(null);
-  const [diff, setDiff] = useState<GitDiff | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [busy, setBusy] = useState<string | null>(null);
-  const [config, setConfig] = useState<{ repoPath?: string; remoteUrl?: string; branch?: string; autoSync?: boolean } | null>(null);
-
-  const reload = async () => {
-    setLoading(true);
-    try {
-      const [s, d, g] = await Promise.all([
-        api.get<GitStatus>('/memory/git/status').catch(() => null),
-        api.get<GitDiff>('/memory/git/diff').catch(() => null),
-        api.get<{ config?: { git?: { repoPath?: string; remoteUrl?: string; branch?: string; autoSync?: boolean } } }>(
-          '/memory/config/global',
-        ).catch(() => null),
-      ]);
-      setStatus(s);
-      setDiff(d);
-      setConfig(g?.config?.git || null);
-    } catch (err) {
-      toast.error(`Git status failed: ${(err as Error).message}`);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    reload();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [refreshKey]);
-
-  const run = async (key: string, fn: () => Promise<unknown>, msg: string) => {
-    setBusy(key);
-    try {
-      await fn();
-      toast.success(msg);
-      await reload();
-    } catch (err) {
-      toast.error(`${key} failed: ${(err as Error).message}`);
-    } finally {
-      setBusy(null);
-    }
-  };
-
-  const onPull = () => run('pull', () => api.post('/memory/git/pull', {}), 'Pull complete.');
-  const onPush = () => run('push', () => api.post('/memory/git/push', {}), 'Push complete.');
-  const onCommit = () => {
-    const message = prompt('Commit message:', `[memory-sync] ${new Date().toISOString().slice(0, 10)} vault sync`);
-    if (!message) return;
-    run('commit', () => api.post('/memory/git/commit', { message }), 'Committed.');
-  };
-  const onFetch = () => run('fetch', () => api.post('/memory/git/sync', { push: false }), 'Fetch complete.');
-
-  if (loading && !status) {
-    return (
-      <div className="view-loading">
-        <Spinner size="lg" />
-        <p>Loading git status…</p>
-      </div>
-    );
-  }
-  if (!status) {
-    return <div className="muted">No git data available.</div>;
-  }
-
-  const isLocal = status.mode === 'local-only';
-
-  return (
-    <div className="memory-panel-content">
-      {/* ── Status card ───────────────────────────────────────────── */}
-      <Card variant="elevated">
-        <CardTitle>
-          <GitBranch size={14} /> Git sync
-          {isLocal ? (
-            <span className="memory-source-pill-status na">local-only</span>
-          ) : (
-            <span className={cn('memory-source-pill-status', status.clean ? 'on' : 'warn')}>
-              {status.clean ? 'clean' : 'dirty'}
-            </span>
-          )}
-        </CardTitle>
-        <CardMeta>
-          {isLocal
-            ? 'Memory is in local-only mode. Configure a shared repo in Settings → Memory to enable git sync.'
-            : <>Branch <code>{status.branch || '—'}</code>{status.ahead ? <> · ahead {status.ahead}</> : null}{status.behind ? <> · behind {status.behind}</> : null}</>}
-        </CardMeta>
-
-        {!isLocal && (
-          <div className="memory-git-status-row">
-            <Pill ok={status.clean ?? false} label="Working tree" />
-            <Pill ok={(status.ahead ?? 0) === 0} label={`Ahead: ${status.ahead ?? 0}`} />
-            <Pill ok={(status.behind ?? 0) === 0} label={`Behind: ${status.behind ?? 0}`} />
-            <Pill ok={(status.modified?.length ?? 0) === 0} label={`Modified: ${status.modified?.length ?? 0}`} />
-            <Pill ok={(status.untracked?.length ?? 0) === 0} label={`Untracked: ${status.untracked?.length ?? 0}`} />
-          </div>
-        )}
-
-        <div className="memory-action-row">
-          <Button variant="secondary" size="sm" onClick={onPull} disabled={!!busy || isLocal}>
-            {busy === 'pull' ? <Loader2 size={12} className="memory-spin" /> : <ArrowDown size={12} />}
-            Pull
-          </Button>
-          <Button variant="secondary" size="sm" onClick={onPush} disabled={!!busy || isLocal}>
-            {busy === 'push' ? <Loader2 size={12} className="memory-spin" /> : <ArrowUp size={12} />}
-            Push
-          </Button>
-          <Button variant="secondary" size="sm" onClick={onCommit} disabled={!!busy || isLocal}>
-            {busy === 'commit' ? <Loader2 size={12} className="memory-spin" /> : <GitCommit size={12} />}
-            Commit
-          </Button>
-          <Button variant="ghost" size="sm" onClick={onFetch} disabled={!!busy || isLocal}>
-            {busy === 'fetch' ? <Loader2 size={12} className="memory-spin" /> : <GitPullRequest size={12} />}
-            Fetch + sync
-          </Button>
-          <Button variant="ghost" size="sm" onClick={reload} disabled={!!busy}>
-            <RefreshCw size={12} /> Refresh
-          </Button>
-        </div>
-      </Card>
-
-      {/* ── Repo config snapshot ──────────────────────────────────── */}
-      {config && (
-        <Card>
-          <CardTitle>
-            <Settings size={14} /> Repository
-          </CardTitle>
-          <CardMeta>Snapshot of <code>~/.config/bizar/memory-config.json</code> → git block.</CardMeta>
-          <dl className="memory-config-row">
-            <dt>Path</dt>
-            <dd className="mono ellipsis" title={config.repoPath}>{config.repoPath || '—'}</dd>
-            <dt>Remote</dt>
-            <dd className="mono ellipsis" title={config.remoteUrl}>{config.remoteUrl || '—'}</dd>
-            <dt>Branch</dt>
-            <dd><code>{config.branch || 'main'}</code></dd>
-            <dt>Auto-sync</dt>
-            <dd>{config.autoSync ? 'enabled' : 'disabled'}</dd>
-          </dl>
-        </Card>
-      )}
-
-      {/* ── Working-tree diff ─────────────────────────────────────── */}
-      <Card>
-        <CardTitle>
-          <GitMerge size={14} /> Working-tree diff
-        </CardTitle>
-        <CardMeta>
-          {diff?.hasDiff
-            ? `${diff.files.length} file(s) changed`
-            : 'no working-tree changes'}
-        </CardMeta>
-        {diff && diff.files.length > 0 && (
-          <ul className="memory-diff-files">
-            {diff.files.map((f) => (
-              <li key={f}>
-                <code>{f}</code>
-              </li>
-            ))}
-          </ul>
-        )}
-        {diff && diff.lines.length > 1 && (
-          <pre className="memory-log-tail mono text-xs">
-            {diff.lines.slice(0, 400).join('\n')}
-          </pre>
-        )}
-      </Card>
-    </div>
-  );
-}
-
-function Pill({ ok, label }: { ok: boolean; label: string }) {
-  return (
-    <span className={cn('memory-git-status-pill', ok ? 'ok' : 'warn')}>
-      {ok ? <CheckCircle2 size={11} /> : <Loader2 size={11} className="memory-spin" />}
-      {label}
-    </span>
-  );
-}