nlm-memory 0.5.0 → 0.5.2

package/src/ui/pages/settings/Classifier.tsx

@@ -1,227 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { SettingsSubnav } from "./SettingsSubnav.js";
-import {
-  fetchProviders,
-  fetchProviderModels,
-  testProvider,
-  PROVIDER_KIND_LABEL,
-  type ProviderRow,
-  type TestResult,
-} from "../../lib/registries.js";
-
-interface ClassifierInfo {
-  provider: string;
-  model: string;
-  embedder: { provider: string; model: string; dims: number };
-}
-
-export function SettingsClassifierPage() {
-  const [info, setInfo] = useState<ClassifierInfo | null>(null);
-  const [providers, setProviders] = useState<ProviderRow[]>([]);
-  const [models, setModels] = useState<string[]>([]);
-  const [modelsErr, setModelsErr] = useState<string | null>(null);
-  const [draftProviderId, setDraftProviderId] = useState<number | null>(null);
-  const [draftModel, setDraftModel] = useState<string>("");
-  const [test, setTest] = useState<TestResult | null>(null);
-  const [testedKey, setTestedKey] = useState<string | null>(null);
-  const [busy, setBusy] = useState(false);
-  const [saveMsg, setSaveMsg] = useState<string | null>(null);
-  const [error, setError] = useState<string | null>(null);
-
-  const load = useCallback(async () => {
-    try {
-      const [infoRes, list] = await Promise.all([
-        fetch("/api/classifier/info").then((r) => r.json() as Promise<ClassifierInfo>),
-        fetchProviders(),
-      ]);
-      setInfo(infoRes);
-      setProviders(list);
-      const active = list.find((p) => p.kind === infoRes.provider && p.enabled);
-      const fallback = list.find((p) => p.enabled) ?? list[0] ?? null;
-      const selected = active ?? fallback;
-      setDraftProviderId(selected ? selected.id : null);
-      setDraftModel(infoRes.model);
-      setError(null);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    }
-  }, []);
-
-  useEffect(() => { void load(); }, [load]);
-
-  const draftProvider = useMemo(
-    () => providers.find((p) => p.id === draftProviderId) ?? null,
-    [providers, draftProviderId],
-  );
-
-  useEffect(() => {
-    if (!draftProvider) {
-      setModels([]);
-      return;
-    }
-    let cancelled = false;
-    setModelsErr(null);
-    setModels([]);
-    void fetchProviderModels(draftProvider.id)
-      .then((m) => {
-        if (cancelled) return;
-        setModels(m);
-        if (!draftModel || !m.includes(draftModel)) {
-          setDraftModel(draftProvider.defaultModel ?? m[0] ?? "");
-        }
-      })
-      .catch((e: unknown) => {
-        if (!cancelled) setModelsErr(e instanceof Error ? e.message : String(e));
-      });
-    return () => { cancelled = true; };
-    // intentionally not gating on draftModel — we only refetch when provider changes
-  }, [draftProvider?.id]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const selectionKey = draftProvider ? `${draftProvider.id}|${draftModel}` : "";
-  const testPassed = test?.ok === true && testedKey === selectionKey;
-
-  const dirty = info && draftProvider
-    ? draftProvider.kind !== info.provider || draftModel !== info.model
-    : false;
-
-  const canSave = dirty && draftModel.length > 0 && !busy && testPassed;
-
-  const runTest = async () => {
-    if (!draftProvider) return;
-    setBusy(true);
-    setTest(null);
-    setTestedKey(null);
-    try {
-      const r = await testProvider(draftProvider.id);
-      setTest(r);
-      if (r.ok) setTestedKey(selectionKey);
-    } catch (e) {
-      setTest({ ok: false, latencyMs: 0, error: e instanceof Error ? e.message : String(e) });
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  const save = async () => {
-    if (!draftProvider) return;
-    setBusy(true);
-    setSaveMsg(null);
-    try {
-      const r = await fetch("/api/classifier", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ provider: draftProvider.kind, model: draftModel }),
-      });
-      const data = (await r.json()) as { provider?: string; model?: string; error?: string };
-      if (!r.ok || data.error) {
-        setSaveMsg(`Error: ${data.error ?? r.statusText}`);
-      } else {
-        setSaveMsg(`Active: ${data.provider} · ${data.model}`);
-        await load();
-      }
-    } catch (e) {
-      setSaveMsg(`Error: ${e instanceof Error ? e.message : String(e)}`);
-    } finally {
-      setBusy(false);
-    }
-  };
-
-  return (
-    <div className="page-pad">
-      <SettingsSubnav />
-      <h2 className="page-title">Classifier</h2>
-      {!info && !error && <div className="muted">Loading…</div>}
-      {error && <div className="muted error">{error}</div>}
-      {info && (
-        <>
-          <dl className="kv-list">
-            <dt className="kv-label">Active provider</dt>
-            <dd className="kv-value mono">{info.provider}</dd>
-            <dt className="kv-label">Active model</dt>
-            <dd className="kv-value mono">{info.model}</dd>
-          </dl>
-
-          <h3 className="section-title">Switch model</h3>
-          {providers.length === 0 ? (
-            <p className="muted small">
-              No providers configured. Add one on the <a href="/settings/providers">Providers</a> page first.
-            </p>
-          ) : (
-            <>
-              <div className="form-row">
-                <label className="form-label">Provider</label>
-                <select
-                  className="form-input form-input-inline"
-                  value={draftProviderId ?? ""}
-                  onChange={(e) => {
-                    setDraftProviderId(Number.parseInt(e.target.value, 10));
-                    setTest(null);
-                    setTestedKey(null);
-                  }}
-                  disabled={busy}
-                >
-                  {providers.map((p) => (
-                    <option key={p.id} value={p.id} disabled={!p.enabled}>
-                      {p.name} ({PROVIDER_KIND_LABEL[p.kind]}){p.enabled ? "" : " — disabled"}
-                      {p.kind !== "ollama" && !p.hasApiKey ? " — no key" : ""}
-                    </option>
-                  ))}
-                </select>
-                <label className="form-label">Model</label>
-                <select
-                  className="form-input form-input-inline"
-                  value={draftModel}
-                  onChange={(e) => {
-                    setDraftModel(e.target.value);
-                    setTestedKey(null);
-                  }}
-                  disabled={busy || models.length === 0}
-                >
-                  {models.map((m) => <option key={m} value={m}>{m}</option>)}
-                  {!models.includes(draftModel) && draftModel && (
-                    <option value={draftModel}>{draftModel}</option>
-                  )}
-                </select>
-                <button
-                  type="button"
-                  className="btn"
-                  onClick={() => void runTest()}
-                  disabled={busy || !draftProvider}
-                >{busy && !test ? "Testing…" : "Test connection"}</button>
-                <button
-                  type="button"
-                  className="btn btn-accent"
-                  onClick={() => void save()}
-                  disabled={!canSave}
-                  title={!testPassed ? "Run a successful test before saving" : undefined}
-                >{busy && test?.ok ? "Saving…" : "Save"}</button>
-              </div>
-
-              {modelsErr && <p className="muted error small">Model list failed: {modelsErr}</p>}
-              {test && (
-                <p className={`small ${test.ok ? "muted" : "muted error"}`}>
-                  {test.ok
-                    ? `Connection OK · ${test.modelCount ?? "?"} models · ${test.latencyMs}ms`
-                    : `Connection failed: ${test.error ?? "unknown"} (${test.latencyMs}ms)`}
-                </p>
-              )}
-              {saveMsg && <p className="muted small">{saveMsg}</p>}
-              <p className="muted small">Save is gated on a passing connection test for the selected provider + model.</p>
-            </>
-          )}
-
-          <h3 className="section-title">Embedder</h3>
-          <dl className="kv-list">
-            <dt className="kv-label">Provider</dt>
-            <dd className="kv-value mono">{info.embedder.provider}</dd>
-            <dt className="kv-label">Model</dt>
-            <dd className="kv-value mono">{info.embedder.model}</dd>
-            <dt className="kv-label">Dimensions</dt>
-            <dd className="kv-value mono">{info.embedder.dims}</dd>
-          </dl>
-          <p className="muted small">Embedder is fixed at build time. Recall vectors must match the index dims, so it isn't hot-swappable. DeepSeek has no embeddings endpoint; Ollama serves both classification (optional) and embedding (always).</p>
-        </>
-      )}
-    </div>
-  );
-}

package/src/ui/pages/settings/Data.tsx

@@ -1,190 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { SettingsSubnav } from "./SettingsSubnav.js";
-
-interface TableStat {
-  name: string;
-  rows: number;
-}
-
-interface MigrationRow {
-  version: number;
-  name: string;
-  applied_at: string;
-}
-
-interface RuntimeStat {
-  runtime: string;
-  n: number;
-}
-
-interface DataStats {
-  dbPath: string;
-  dbBytes: number;
-  dbPresent: boolean;
-  schemaVersion: number | null;
-  migrations: MigrationRow[];
-  tables: TableStat[];
-  runtimes: RuntimeStat[];
-}
-
-interface RestoreResult {
-  staged?: boolean;
-  restartRequired?: boolean;
-  sessions?: number;
-  schemaVersion?: number;
-  error?: string;
-}
-
-function formatBytes(n: number): string {
-  if (n < 1024) return `${n} B`;
-  const units = ["KB", "MB", "GB"];
-  let v = n / 1024;
-  let i = 0;
-  while (v >= 1024 && i < units.length - 1) { v /= 1024; i++; }
-  return `${v.toFixed(v >= 100 ? 0 : 1)} ${units[i]}`;
-}
-
-export function SettingsDataPage() {
-  const [stats, setStats] = useState<DataStats | null>(null);
-  const [error, setError] = useState<string | null>(null);
-  const [restore, setRestore] = useState<RestoreResult | null>(null);
-  const [restoring, setRestoring] = useState(false);
-  const fileRef = useRef<HTMLInputElement>(null);
-
-  const load = useCallback(async () => {
-    try {
-      const r = await fetch("/api/data/stats");
-      if (!r.ok) throw new Error(`HTTP ${r.status}`);
-      setStats((await r.json()) as DataStats);
-      setError(null);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    }
-  }, []);
-
-  useEffect(() => { void load(); }, [load]);
-
-  const submitRestore = async () => {
-    const file = fileRef.current?.files?.[0];
-    if (!file) return;
-    if (!confirm(
-      `Restore from "${file.name}"? Your current database is archived (not deleted), ` +
-      `and the new one takes effect after the daemon restarts.`,
-    )) return;
-    setRestoring(true);
-    setRestore(null);
-    try {
-      const fd = new FormData();
-      fd.append("file", file);
-      const r = await fetch("/api/data/restore", { method: "POST", body: fd });
-      const data = (await r.json()) as RestoreResult;
-      setRestore(data);
-      if (data.staged && fileRef.current) fileRef.current.value = "";
-    } catch (e) {
-      setRestore({ error: e instanceof Error ? e.message : String(e) });
-    } finally {
-      setRestoring(false);
-    }
-  };
-
-  return (
-    <div className="page-pad">
-      <SettingsSubnav />
-      <h2 className="page-title">Data</h2>
-      {!stats && !error && <div className="muted">Loading…</div>}
-      {error && <div className="muted error">{error}</div>}
-
-      {stats && (
-        <>
-          <h3 className="section-title">Storage</h3>
-          <dl className="kv-list">
-            <dt className="kv-label">Canonical SQLite</dt>
-            <dd className="kv-value mono">{stats.dbPath}</dd>
-            <dt className="kv-label">On disk</dt>
-            <dd className="kv-value mono">
-              {formatBytes(stats.dbBytes)}
-              {!stats.dbPresent && <span className="muted small"> · file missing</span>}
-            </dd>
-            <dt className="kv-label">Schema version</dt>
-            <dd className="kv-value mono">
-              {stats.schemaVersion ?? "—"}
-              {stats.migrations.length > 0 && (
-                <span className="muted small"> · {stats.migrations.length} migrations applied</span>
-              )}
-            </dd>
-          </dl>
-
-          <h3 className="section-title">Tables</h3>
-          <table className="data-table">
-            <thead><tr><th>Table</th><th>Rows</th></tr></thead>
-            <tbody>
-              {stats.tables.map((t) => (
-                <tr key={t.name}>
-                  <td className="mono small">{t.name}</td>
-                  <td className="mono">{t.rows.toLocaleString()}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-
-          {stats.runtimes.length > 0 && (
-            <>
-              <h3 className="section-title">Sessions by runtime</h3>
-              <table className="data-table">
-                <thead><tr><th>Runtime</th><th>Sessions</th></tr></thead>
-                <tbody>
-                  {stats.runtimes.map((r) => (
-                    <tr key={r.runtime}>
-                      <td className="mono small">{r.runtime}</td>
-                      <td className="mono">{r.n.toLocaleString()}</td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </>
-          )}
-
-          <h3 className="section-title">Backup</h3>
-          <p className="muted small">
-            Downloads a clean, defragmented snapshot of the canonical store. Safe to run while the daemon is ingesting.
-          </p>
-          <div className="form-row">
-            <a className="btn btn-accent" href="/api/data/backup" download>
-              Download backup
-            </a>
-          </div>
-
-          <h3 className="section-title">Restore</h3>
-          <p className="muted small">
-            Replace the canonical store with an <code>.sqlite</code> backup. The current database is archived
-            alongside it (<code>.pre-restore-&lt;timestamp&gt;</code>), never deleted. Takes effect on the next daemon restart.
-          </p>
-          <div className="form-row">
-            <input
-              ref={fileRef}
-              type="file"
-              accept=".sqlite,application/x-sqlite3"
-              className="file-input"
-              disabled={restoring}
-            />
-            <button
-              type="button"
-              className="btn"
-              onClick={() => void submitRestore()}
-              disabled={restoring}
-            >{restoring ? "Validating…" : "Restore from backup"}</button>
-          </div>
-          {restore?.staged && (
-            <div className="card" style={{ borderColor: "var(--accent)", padding: "0.75rem 1rem", marginTop: "0.75rem" }}>
-              <p className="small" style={{ margin: 0 }}>
-                Backup validated and staged ({restore.sessions?.toLocaleString()} sessions, schema v{restore.schemaVersion}).
-                <strong> Restart the daemon</strong> to apply it. Your current database will be archived automatically.
-              </p>
-            </div>
-          )}
-          {restore?.error && <p className="muted error small">{restore.error}</p>}
-        </>
-      )}
-    </div>
-  );
-}

package/src/ui/pages/settings/Index.tsx

@@ -1,65 +0,0 @@
-import { Link } from "react-router-dom";
-import { SettingsSubnav } from "./SettingsSubnav.js";
-import { useDataset } from "../../lib/dataset.js";
-
-interface Card {
-  to: string;
-  title: string;
-  body: (info: { sessions: number; entities: number; classifierProvider: string | null }) => string;
-}
-
-const CARDS: Card[] = [
-  {
-    to: "/settings/sources",
-    title: "Sources",
-    body: () => "Transcript origins the daemon scans. Add Claude Code, Hermes, pi.dev, custom JSONL directories, or webhook ingest.",
-  },
-  {
-    to: "/settings/providers",
-    title: "Providers",
-    body: () => "LLM endpoints (DeepSeek, Ollama, OpenAI, Anthropic, OpenRouter, custom). Manage keys and test connections.",
-  },
-  {
-    to: "/settings/labels",
-    title: "Labels",
-    body: ({ entities }) => `${entities} entities catalogued. Promote candidates and edit types.`,
-  },
-  {
-    to: "/settings/classifier",
-    title: "Classifier",
-    body: ({ classifierProvider }) =>
-      classifierProvider ? `Active provider: ${classifierProvider}.` : "Classifier provider unknown.",
-  },
-  {
-    to: "/settings/data",
-    title: "Data",
-    body: ({ sessions }) => `${sessions} sessions in the canonical store. Inspect path and backup posture.`,
-  },
-  {
-    to: "/settings/views",
-    title: "Views",
-    body: () => "Default landing page, density, sort, density tier.",
-  },
-];
-
-export function SettingsIndexPage() {
-  const { data } = useDataset();
-  const info = {
-    sessions: data?.meta.sessions_total ?? 0,
-    entities: data?.meta.entities_total ?? 0,
-    classifierProvider: null,
-  };
-  return (
-    <div className="page-pad">
-      <SettingsSubnav />
-      <div className="settings-grid">
-        {CARDS.map((c) => (
-          <Link key={c.to} to={c.to} className="card card-lift settings-card">
-            <h3 className="settings-card-title">{c.title}</h3>
-            <p className="settings-card-body">{c.body(info)}</p>
-          </Link>
-        ))}
-      </div>
-    </div>
-  );
-}