ltcai 4.0.1 → 4.2.0

package/static/v3/js/views/runs.b63b2afa.js

@@ -1,144 +0,0 @@
-import { t } from "../core/i18n.880e1fec.js";
-
-const ACTIVE = new Set(["queued", "running", "in_progress", "active", "cancelling"]);
-
-export async function render(ctx) {
-  const { h, icon, api, c, toast } = ctx;
-  const agentHost = h("div", c.loading({ lines: 4 }));
-  const workflowHost = h("div", c.loading({ lines: 4 }));
-  const approvalHost = h("div", c.loading({ lines: 4 }));
-  const progressHost = h("div", c.loading({ lines: 3 }));
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({ eyebrow: t("runs.eyebrow"), title: t("runs.title"), sub: t("runs.sub") }),
-    h("div.lt3-statrow", progressHost),
-    c.panel({ title: t("runs.approvals"), children: approvalHost }),
-    c.panel({ title: t("runs.agentRuns"), children: agentHost }),
-    c.panel({ title: t("runs.workflowRuns"), children: workflowHost }),
-  );
-
-  await load();
-  const poll = setInterval(load, 5000);
-  root.addEventListener("DOMNodeRemovedFromDocument", () => clearInterval(poll), { once: true });
-  return root;
-
-  async function load() {
-    const [agent, workflow, pending] = await Promise.all([
-      api.agentRuntime(),
-      api.workflowRuns(),
-      api.permissionsPending(),
-    ]);
-    const agentRuns = Array.isArray(agent.data?.runs) ? agent.data.runs : [];
-    const workflowRuns = Array.isArray(workflow.data?.runs) ? workflow.data.runs : [];
-    renderProgress(agentRuns, workflowRuns, pending.data || {});
-    agentHost.replaceChildren(runTable(ctx, agentRuns, "agent", agent.source));
-    workflowHost.replaceChildren(runTable(ctx, workflowRuns, "workflow", workflow.source));
-    approvalHost.replaceChildren(approvalList(ctx, workflowRuns, pending.data || {}, workflow.source || pending.source));
-  }
-
-  function renderProgress(agentRuns, workflowRuns, pending) {
-    const all = [...agentRuns, ...workflowRuns];
-    const active = all.filter((r) => ACTIVE.has(String(r.status || "").toLowerCase())).length;
-    const paused = workflowRuns.filter((r) => String(r.status || "").toLowerCase() === "awaiting_approval").length;
-    const approvals = Object.keys(pending.pending || {}).length + paused;
-    progressHost.replaceChildren(
-      c.stat({ label: t("runs.progress"), value: String(active), icon: "progress" }),
-      c.stat({ label: t("runs.approvals"), value: String(approvals), icon: "circle-check" }),
-      c.stat({ label: t("runs.agentRuns"), value: String(agentRuns.length), icon: "robot" }),
-      c.stat({ label: t("runs.workflowRuns"), value: String(workflowRuns.length), icon: "sitemap" }),
-    );
-  }
-
-  function runTable(ctx2, rows, kind, source) {
-    const { h, c } = ctx2;
-    return h("div.lt3-stack-3",
-      h("div.lt3-row-2", c.sourceBadge(source)),
-      rows.length ? c.table([
-        { key: "status", label: t("common.status"), width: "1%", render: (r) => c.statePill(mapStatus(r.status)) },
-        { key: "mode", label: t("runs.mode"), width: "1%", render: (r) => c.pill(r.mode || r.execution_mode || "live") },
-        { key: "name", label: t("common.name"), render: (r) => h("div", h("b", r.name || r.workflow_name || r.agent_id || r.workflow_id || r.id), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, r.id || r.run_id || "")) },
-        { key: "when", label: t("common.updated"), width: "1%", render: (r) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(r.updated_at || r.created_at || r.completed_at)) },
-        { key: "timeline", label: t("runs.progress"), render: (r) => miniTimeline(ctx2, r.timeline || []) },
-        { key: "act", label: "", width: "1%", render: (r) => ACTIVE.has(String(r.status || "").toLowerCase())
-          ? h("button.lt3-btn.lt3-btn--danger.lt3-btn--sm", { on: { click: () => cancelRun(kind, r.id || r.run_id) } }, c.icon("player-stop"), t("common.stop"))
-          : null },
-      ], rows.slice(0, 40)) : c.emptyState({ icon: "history-off", title: kind === "agent" ? t("runs.agentRuns") : t("runs.workflowRuns"), body: t("common.none") }),
-    );
-  }
-
-  function approvalList(ctx2, workflowRuns, pending, source) {
-    const workflowApprovals = workflowRuns.filter((r) => String(r.status || "").toLowerCase() === "awaiting_approval");
-    const permissionRows = Object.entries(pending.pending || {}).map(([token, rec]) => ({ token, ...rec }));
-    const nodes = [];
-    nodes.push(h("div.lt3-row-2", c.sourceBadge(source)));
-    if (workflowApprovals.length) {
-      nodes.push(...workflowApprovals.map((run) => c.card(h("div.lt3-stack-3",
-        h("div.lt3-row", { style: { "justify-content": "space-between" } },
-          h("div", h("b", run.name || run.workflow_name || run.workflow_id), h("div.lt3-faint", t("runs.approvalPaused")), run.pause?.node ? h("div.lt3-faint", run.pause.node) : null),
-          c.statePill("pending"),
-        ),
-        miniTimeline(ctx2, run.timeline || []),
-        h("div.lt3-row-2",
-          h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => decideWorkflow(run.id || run.run_id, true) } }, icon("circle-check"), t("common.approve")),
-          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => decideWorkflow(run.id || run.run_id, false) } }, icon("circle-x"), t("common.deny")),
-        ),
-      ), { flat: true })));
-    }
-    if (permissionRows.length) {
-      nodes.push(...permissionRows.map((rec) => c.card(h("div.lt3-stack-3",
-        h("div", h("b", rec.action_label || rec.action || "permission"), h("div.lt3-faint", rec.path || rec.token), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, rec.token)),
-        h("div.lt3-row-2",
-          h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => decidePermission(rec.token, true) } }, icon("circle-check"), t("common.approve")),
-          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => decidePermission(rec.token, false) } }, icon("circle-x"), t("common.deny")),
-        ),
-      ), { flat: true })));
-    }
-    if (nodes.length === 1) nodes.push(c.emptyState({ icon: "circle-check", title: t("runs.approvals"), body: t("common.none") }));
-    return h("div.lt3-stack-3", nodes);
-  }
-
-  function miniTimeline(ctx2, timeline) {
-    const { h, c } = ctx2;
-    if (!timeline.length) return h("span.lt3-faint", t("common.none"));
-    return h("div.lt3-stack-2", timeline.slice(-3).map((item) =>
-      h("div.lt3-row-2", c.statePill(mapStatus(item.status || item.event)), h("span.lt3-faint", item.event || item.message || item.step || "event"))));
-  }
-
-  async function cancelRun(kind, runId) {
-    if (!runId) return;
-    const res = kind === "agent" ? await api.stopAgentRun(runId) : await api.stopWorkflowRun(runId);
-    toast(resultText(res, t("runs.cancelled")), res.ok ? "ok" : "err");
-    load();
-  }
-  async function decideWorkflow(runId, approved) {
-    const res = await api.resumeWorkflowRun(runId, approved);
-    toast(resultText(res, t("runs.decided")), res.ok ? "ok" : "err");
-    load();
-  }
-  async function decidePermission(token, approved) {
-    const res = approved ? await api.approvePermission(token) : await api.denyPermission(token);
-    toast(resultText(res, t("runs.decided")), res.ok ? "ok" : "err");
-    load();
-  }
-}
-
-function mapStatus(status) {
-  const s = String(status || "").toLowerCase();
-  if (s === "ok" || s === "completed" || s === "success" || s === "resumed") return "ready";
-  if (s === "failed" || s === "error" || s === "denied" || s === "rejected") return "failed";
-  if (s === "running" || s === "queued" || s === "in_progress" || s === "cancelling") return "active";
-  if (s === "awaiting_approval" || s === "pending") return "pending";
-  if (s === "cancelled" || s === "interrupted") return "warn";
-  return s || "idle";
-}
-
-function fmt(ts) {
-  if (!ts) return "—";
-  try { return new Date(ts).toLocaleString(); } catch { return String(ts); }
-}
-
-function resultText(res, okText) {
-  if (res && res.ok) return okText;
-  const data = (res && res.data) || {};
-  return String(data.detail || data.error || res?.error || t("common.unavailable"));
-}

package/static/v3/js/views/runs.js

@@ -1,144 +0,0 @@
-import { t } from "../core/i18n.js";
-
-const ACTIVE = new Set(["queued", "running", "in_progress", "active", "cancelling"]);
-
-export async function render(ctx) {
-  const { h, icon, api, c, toast } = ctx;
-  const agentHost = h("div", c.loading({ lines: 4 }));
-  const workflowHost = h("div", c.loading({ lines: 4 }));
-  const approvalHost = h("div", c.loading({ lines: 4 }));
-  const progressHost = h("div", c.loading({ lines: 3 }));
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({ eyebrow: t("runs.eyebrow"), title: t("runs.title"), sub: t("runs.sub") }),
-    h("div.lt3-statrow", progressHost),
-    c.panel({ title: t("runs.approvals"), children: approvalHost }),
-    c.panel({ title: t("runs.agentRuns"), children: agentHost }),
-    c.panel({ title: t("runs.workflowRuns"), children: workflowHost }),
-  );
-
-  await load();
-  const poll = setInterval(load, 5000);
-  root.addEventListener("DOMNodeRemovedFromDocument", () => clearInterval(poll), { once: true });
-  return root;
-
-  async function load() {
-    const [agent, workflow, pending] = await Promise.all([
-      api.agentRuntime(),
-      api.workflowRuns(),
-      api.permissionsPending(),
-    ]);
-    const agentRuns = Array.isArray(agent.data?.runs) ? agent.data.runs : [];
-    const workflowRuns = Array.isArray(workflow.data?.runs) ? workflow.data.runs : [];
-    renderProgress(agentRuns, workflowRuns, pending.data || {});
-    agentHost.replaceChildren(runTable(ctx, agentRuns, "agent", agent.source));
-    workflowHost.replaceChildren(runTable(ctx, workflowRuns, "workflow", workflow.source));
-    approvalHost.replaceChildren(approvalList(ctx, workflowRuns, pending.data || {}, workflow.source || pending.source));
-  }
-
-  function renderProgress(agentRuns, workflowRuns, pending) {
-    const all = [...agentRuns, ...workflowRuns];
-    const active = all.filter((r) => ACTIVE.has(String(r.status || "").toLowerCase())).length;
-    const paused = workflowRuns.filter((r) => String(r.status || "").toLowerCase() === "awaiting_approval").length;
-    const approvals = Object.keys(pending.pending || {}).length + paused;
-    progressHost.replaceChildren(
-      c.stat({ label: t("runs.progress"), value: String(active), icon: "progress" }),
-      c.stat({ label: t("runs.approvals"), value: String(approvals), icon: "circle-check" }),
-      c.stat({ label: t("runs.agentRuns"), value: String(agentRuns.length), icon: "robot" }),
-      c.stat({ label: t("runs.workflowRuns"), value: String(workflowRuns.length), icon: "sitemap" }),
-    );
-  }
-
-  function runTable(ctx2, rows, kind, source) {
-    const { h, c } = ctx2;
-    return h("div.lt3-stack-3",
-      h("div.lt3-row-2", c.sourceBadge(source)),
-      rows.length ? c.table([
-        { key: "status", label: t("common.status"), width: "1%", render: (r) => c.statePill(mapStatus(r.status)) },
-        { key: "mode", label: t("runs.mode"), width: "1%", render: (r) => c.pill(r.mode || r.execution_mode || "live") },
-        { key: "name", label: t("common.name"), render: (r) => h("div", h("b", r.name || r.workflow_name || r.agent_id || r.workflow_id || r.id), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, r.id || r.run_id || "")) },
-        { key: "when", label: t("common.updated"), width: "1%", render: (r) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(r.updated_at || r.created_at || r.completed_at)) },
-        { key: "timeline", label: t("runs.progress"), render: (r) => miniTimeline(ctx2, r.timeline || []) },
-        { key: "act", label: "", width: "1%", render: (r) => ACTIVE.has(String(r.status || "").toLowerCase())
-          ? h("button.lt3-btn.lt3-btn--danger.lt3-btn--sm", { on: { click: () => cancelRun(kind, r.id || r.run_id) } }, c.icon("player-stop"), t("common.stop"))
-          : null },
-      ], rows.slice(0, 40)) : c.emptyState({ icon: "history-off", title: kind === "agent" ? t("runs.agentRuns") : t("runs.workflowRuns"), body: t("common.none") }),
-    );
-  }
-
-  function approvalList(ctx2, workflowRuns, pending, source) {
-    const workflowApprovals = workflowRuns.filter((r) => String(r.status || "").toLowerCase() === "awaiting_approval");
-    const permissionRows = Object.entries(pending.pending || {}).map(([token, rec]) => ({ token, ...rec }));
-    const nodes = [];
-    nodes.push(h("div.lt3-row-2", c.sourceBadge(source)));
-    if (workflowApprovals.length) {
-      nodes.push(...workflowApprovals.map((run) => c.card(h("div.lt3-stack-3",
-        h("div.lt3-row", { style: { "justify-content": "space-between" } },
-          h("div", h("b", run.name || run.workflow_name || run.workflow_id), h("div.lt3-faint", t("runs.approvalPaused")), run.pause?.node ? h("div.lt3-faint", run.pause.node) : null),
-          c.statePill("pending"),
-        ),
-        miniTimeline(ctx2, run.timeline || []),
-        h("div.lt3-row-2",
-          h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => decideWorkflow(run.id || run.run_id, true) } }, icon("circle-check"), t("common.approve")),
-          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => decideWorkflow(run.id || run.run_id, false) } }, icon("circle-x"), t("common.deny")),
-        ),
-      ), { flat: true })));
-    }
-    if (permissionRows.length) {
-      nodes.push(...permissionRows.map((rec) => c.card(h("div.lt3-stack-3",
-        h("div", h("b", rec.action_label || rec.action || "permission"), h("div.lt3-faint", rec.path || rec.token), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, rec.token)),
-        h("div.lt3-row-2",
-          h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => decidePermission(rec.token, true) } }, icon("circle-check"), t("common.approve")),
-          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => decidePermission(rec.token, false) } }, icon("circle-x"), t("common.deny")),
-        ),
-      ), { flat: true })));
-    }
-    if (nodes.length === 1) nodes.push(c.emptyState({ icon: "circle-check", title: t("runs.approvals"), body: t("common.none") }));
-    return h("div.lt3-stack-3", nodes);
-  }
-
-  function miniTimeline(ctx2, timeline) {
-    const { h, c } = ctx2;
-    if (!timeline.length) return h("span.lt3-faint", t("common.none"));
-    return h("div.lt3-stack-2", timeline.slice(-3).map((item) =>
-      h("div.lt3-row-2", c.statePill(mapStatus(item.status || item.event)), h("span.lt3-faint", item.event || item.message || item.step || "event"))));
-  }
-
-  async function cancelRun(kind, runId) {
-    if (!runId) return;
-    const res = kind === "agent" ? await api.stopAgentRun(runId) : await api.stopWorkflowRun(runId);
-    toast(resultText(res, t("runs.cancelled")), res.ok ? "ok" : "err");
-    load();
-  }
-  async function decideWorkflow(runId, approved) {
-    const res = await api.resumeWorkflowRun(runId, approved);
-    toast(resultText(res, t("runs.decided")), res.ok ? "ok" : "err");
-    load();
-  }
-  async function decidePermission(token, approved) {
-    const res = approved ? await api.approvePermission(token) : await api.denyPermission(token);
-    toast(resultText(res, t("runs.decided")), res.ok ? "ok" : "err");
-    load();
-  }
-}
-
-function mapStatus(status) {
-  const s = String(status || "").toLowerCase();
-  if (s === "ok" || s === "completed" || s === "success" || s === "resumed") return "ready";
-  if (s === "failed" || s === "error" || s === "denied" || s === "rejected") return "failed";
-  if (s === "running" || s === "queued" || s === "in_progress" || s === "cancelling") return "active";
-  if (s === "awaiting_approval" || s === "pending") return "pending";
-  if (s === "cancelled" || s === "interrupted") return "warn";
-  return s || "idle";
-}
-
-function fmt(ts) {
-  if (!ts) return "—";
-  try { return new Date(ts).toLocaleString(); } catch { return String(ts); }
-}
-
-function resultText(res, okText) {
-  if (res && res.ok) return okText;
-  const data = (res && res.data) || {};
-  return String(data.detail || data.error || res?.error || t("common.unavailable"));
-}

package/static/v3/js/views/settings.b7140634.js

@@ -1,317 +0,0 @@
-/* ============================================================================
- * View: Settings — appearance, workspace, and integration readiness.
- * This view WIRES real store state (theme + mode persist immediately) and
- * probes the documented endpoints so the v3 shell visibly reports whether it
- * is talking to a live backend or an unavailable surface.
- * ========================================================================== */
-
-import { getI18nLanguage, languageOptions, t } from "../core/i18n.880e1fec.js";
-
-const MODE_DEFS = [
-  { key: "basic", label: "Basic", desc: "Chat, search, and files — the essentials, nothing else." },
-  { key: "advanced", label: "Advanced", desc: "Adds the pipeline, agents, and model runtime surfaces." },
-  { key: "admin", label: "Admin", desc: "Reveals users, permissions, audit, security, and policies." },
-];
-
-// Endpoints the views light up against once the backend exposes them.
-const PROBES = [
-  { path: "/api/index/status", method: "GET", call: (api) => api.indexStatus() },
-  { path: "/api/graph", method: "GET", call: (api) => api.graph() },
-  { path: "/api/search/hybrid", method: "POST", call: (api) => api.hybridSearch("ping") },
-];
-
-export async function render(ctx) {
-  const { h, icon, api, store, c, navigate, toast } = ctx;
-
-  const probesHost = h("div", c.loading({ lines: 3 }));
-
-  const embedHost = h("div", c.loading({ lines: 2 }));
-  const runtimeHost = h("div", c.loading({ lines: 3 }));
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "System",
-      title: "Settings",
-      sub: "Appearance, workspace, and integrations.",
-    }),
-
-    appearancePanel(ctx),
-    workspacePanel(ctx),
-
-    c.panel({
-      eyebrow: "Runtime",
-      title: "Local readiness",
-      sub: "Backend, local-agent, and host signals used by Chat, Files, Search, and Models.",
-      children: runtimeHost,
-    }),
-
-    c.panel({
-      eyebrow: "Models",
-      title: "Embeddings",
-      sub: "The vector signal behind retrieval. Configure the provider with LATTICEAI_EMBEDDING_PROVIDER (hash · mlx · ollama · openai · custom).",
-      children: embedHost,
-    }),
-
-    c.panel({
-      eyebrow: "Status",
-      title: "Integration readiness",
-      sub: "Each view probes its endpoint and reports unavailable state until the backend answers.",
-      children: h("div.lt3-stack-3",
-        probesHost,
-        h("p.lt3-faint", { style: { "font-size": "var(--lt3-text-xs)" } },
-          "Views automatically switch to live data once these endpoints respond; unreachable endpoints are labeled unavailable."),
-      ),
-    }),
-
-    aboutPanel(ctx),
-  );
-
-  probeEndpoints(ctx, probesHost);
-  renderEmbeddings(ctx, embedHost);
-  renderRuntime(ctx, runtimeHost);
-  return root;
-}
-
-async function renderRuntime(ctx, host) {
-  const { h, icon, api, c } = ctx;
-  const [health, sysinfo, models] = await Promise.all([
-    api.raw("/health"),
-    api.sysinfo(),
-    api.models(),
-  ]);
-  const backendLive = !!(health && health.ok);
-  const currentModel = models.data && models.data.current;
-  host.replaceChildren(
-    h("div.lt3-readiness",
-      runtimeRow(ctx, "server", "Backend API", backendLive ? `Live${health.data?.version ? ` · v${health.data.version}` : ""}` : "Unavailable", backendLive ? "ready" : "pending"),
-      runtimeRow(ctx, "folder-plus", "Desktop local agent", "Not available in this browser build; manual upload remains available", "idle"),
-      runtimeRow(ctx, "cpu", "Model runtime", currentModel ? shortModel(currentModel) : "No model loaded", currentModel ? "ready" : "pending"),
-      runtimeRow(ctx, "activity", "Host telemetry", sysinfo.source === "live" ? `CPU ${pct(sysinfo.data?.cpu_pct)} · RAM ${pct(sysinfo.data?.ram_pct)}` : "Unavailable", sysinfo.source === "live" ? "ready" : "idle"),
-    ),
-    h("div.lt3-code", { style: { "margin-top": "var(--lt3-space-4)" } },
-      [
-        "LATTICEAI_EMBEDDING_PROVIDER=hash | mlx | ollama | openai | custom",
-        "Folder watching requires the desktop local agent.",
-        "Cloud deployment is not reported as ready from this local-first shell.",
-      ].join("\n")),
-  );
-}
-
-function runtimeRow(ctx, ic, title, meta, state) {
-  const { h, icon, c } = ctx;
-  return h("div.lt3-readiness__row",
-    h("div.lt3-readiness__icon", icon(ic)),
-    h("div", h("div.lt3-readiness__title", title), h("div.lt3-readiness__meta", meta)),
-    c.statePill(state),
-  );
-}
-
-/* ── Embeddings (Settings → Models → Embeddings) ────────────────────────── */
-export function embeddingStatePill({ h, c }, st) {
-  const state = String(st.state || st.grade || "fallback").toLowerCase();
-  if (state === "production") return c.pill("Production", "ok");
-  if (state === "unavailable") return c.pill("Unavailable", "err");
-  return c.pill("Fallback", "warn");
-}
-
-async function renderEmbeddings(ctx, host) {
-  const { h, c } = ctx;
-  const res = await ctx.api.embeddingsStatus();
-  const d = res.data || {};
-  const lastIndexed = d.last_indexed_at ? new Date(d.last_indexed_at).toLocaleString() : "Never";
-  host.replaceChildren(
-    h("div.lt3-stack-4",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center", "flex-wrap": "wrap", gap: "var(--lt3-space-3)" } },
-        h("div.lt3-row-2",
-          h("span", { style: { color: "var(--lt3-pillar-vector, var(--accent))", display: "inline-flex" } }, ctx.icon("grid-dots")),
-          h("b", { style: { "font-size": "var(--lt3-text-md)" } }, providerLabel(d.active_provider || d.provider)),
-        ),
-        h("div.lt3-row-2", embeddingStatePill(ctx, d), c.sourceBadge(res.source)),
-      ),
-      d.fell_back
-        ? c.banner(`Requested “${d.requested_provider}” is unavailable (${(d.health && d.health.detail) || "no detail"}); using the local hash fallback. Retrieval still works, but vectors are non-semantic until the provider is reachable.`, "warn", "alert-triangle")
-        : null,
-      h("dl.lt3-keyval",
-        h("dt", "Provider"), h("dd", providerLabel(d.active_provider || d.provider)),
-        h("dt", "Model"), h("dd", h("span.lt3-mono", d.model || d.model_id || "—")),
-        h("dt", "Dimensions"), h("dd", h("span.lt3-mono", String(d.dimensions || "—"))),
-        h("dt", "Status"), h("dd", embeddingStatePill(ctx, d)),
-        h("dt", "Last index"), h("dd", lastIndexed),
-      ),
-    ),
-  );
-}
-
-function providerLabel(p) {
-  return ({ hash: "Local hash (fallback)", mlx: "MLX (Apple Silicon)", ollama: "Ollama",
-    openai: "OpenAI-compatible", custom: "Custom" }[String(p || "hash")]) || String(p || "—");
-}
-
-/* ── Appearance ─────────────────────────────────────────────────────────── */
-function appearancePanel({ h, icon, store, c }) {
-  const themeKey = () => {
-    const t = store.get().theme;
-    return t === "light" || t === "dark" ? t : "";
-  };
-
-  const themeSlot = h("div");
-  const buildTheme = () => c.segmented(
-    [{ key: "light", label: "Light" }, { key: "dark", label: "Dark" }, { key: "", label: "System" }],
-    themeKey(),
-    (k) => { store.setTheme(k); themeSlot.replaceChildren(buildTheme()); },
-  );
-  themeSlot.append(buildTheme());
-
-  const modeSeg = c.segmented(
-    MODE_DEFS.map((m) => ({ key: m.key, label: m.label })),
-    store.get().mode,
-    (k) => { store.setMode(k); modeNote.replaceChildren(noteFor(k)); },
-  );
-  const noteFor = (k) => h("span", (MODE_DEFS.find((m) => m.key === k) || MODE_DEFS[0]).desc);
-  const modeNote = h("p.lt3-faint", { style: { "font-size": "var(--lt3-text-xs)" } }, noteFor(store.get().mode));
-
-  return c.panel({
-    eyebrow: "Appearance",
-    title: "Look and density",
-    sub: "Theme and surface mode persist on this machine and apply across every view.",
-    children: h("div.lt3-stack-6",
-      h("div.lt3-field",
-        h("label.lt3-label", { style: { "display": "flex", "gap": "var(--lt3-space-2)", "align-items": "center" } }, icon("palette"), "Theme"),
-        themeSlot,
-        h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-xs)" } }, "System follows your OS appearance preference."),
-      ),
-      h("div.lt3-field",
-        h("label.lt3-label", { style: { "display": "flex", "gap": "var(--lt3-space-2)", "align-items": "center" } }, icon("adjustments"), "Mode"),
-        h("div", modeSeg),
-        modeNote,
-      ),
-    ),
-  });
-}
-
-/* ── Workspace ──────────────────────────────────────────────────────────── */
-function workspacePanel({ h, icon, store, c, toast, api }) {
-  const ws = store.activeWorkspace();
-
-  const orgInput = h("input.lt3-input", {
-    type: "text", placeholder: "Organization name…", "aria-label": "New organization name",
-    style: { "flex": "1 1 220px" },
-  });
-  const createBtn = h("button.lt3-btn.lt3-btn--primary", { type: "button" }, icon("plus"), "Create organization");
-  const createOrg = async () => {
-    const name = (orgInput.value || "").trim();
-    if (!name) { toast("Enter an organization name first.", "info"); return; }
-    createBtn.disabled = true;
-    const res = await api.createOrg(name);
-    createBtn.disabled = false;
-    if (res && res.ok && res.data && !res.data.detail && !res.data.error) {
-      toast(`Organization “${name}” created.`, "ok");
-      orgInput.value = "";
-    } else {
-      const detail = (res && res.data && (res.data.detail || res.data.error)) || "the runtime is unavailable";
-      toast(`Could not create organization — ${detail}.`, "warn");
-    }
-  };
-  createBtn.addEventListener("click", createOrg);
-
-  const langSelect = h("select.lt3-select", {
-    "aria-label": t("settings.language"), value: getI18nLanguage(),
-    on: { change: (e) => {
-      store.setLang(e.target.value);
-      toast(t("settings.languageSaved", { language: e.target.selectedOptions[0].text }), "ok");
-    } },
-  },
-    languageOptions().map((lang) => h("option", { value: lang.key }, lang.label)),
-  );
-
-  return c.panel({
-    eyebrow: "Workspace",
-    title: "Active workspace",
-    sub: "Where your indexed knowledge, agents, and policies live.",
-    children: h("div.lt3-stack-6",
-      h("dl.lt3-keyval",
-        h("dt", "Name"), h("dd", ws.name),
-        h("dt", "Type"), h("dd", h("span.lt3-row-2", icon(ws.type === "personal" ? "user" : "building"), titleCase(ws.type || "personal"))),
-        h("dt", "Your role"), h("dd", c.pill(titleCase(ws.your_role || "owner"), "info")),
-      ),
-      h("hr.lt3-divider"),
-      h("div.lt3-field",
-        h("label.lt3-label", { style: { "display": "flex", "gap": "var(--lt3-space-2)", "align-items": "center" } }, icon("building-community"), "Create organization"),
-        h("div.lt3-cluster",
-          orgInput,
-          createBtn,
-        ),
-        h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-xs)" } }, "Creates a shared organization workspace on this server."),
-      ),
-      h("div.lt3-field",
-        h("label.lt3-label", { for: "lt3-set-lang", style: { "display": "flex", "gap": "var(--lt3-space-2)", "align-items": "center" } }, icon("language"), t("settings.language")),
-        h("div", { style: { "max-width": "260px" } }, langSelect),
-      ),
-    ),
-  });
-}
-
-/* ── Integration readiness ──────────────────────────────────────────────── */
-async function probeEndpoints({ h, icon, api, c }, host) {
-  const results = await Promise.all(PROBES.map((p) => p.call(api)));
-  const rows = PROBES.map((p, i) => {
-    const res = results[i] || {};
-    return h("div.lt3-card.lt3-card--flat",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "gap": "var(--lt3-space-3)", "flex-wrap": "wrap" } },
-        h("div.lt3-row-2",
-          h("span.lt3-pill", { style: { "font-weight": "var(--lt3-weight-medium)" } }, p.method),
-          h("code.lt3-mono", p.path),
-        ),
-        c.sourceBadge(res.source === "live" ? "live" : "unavailable"),
-      ),
-    );
-  });
-  host.replaceChildren(h("div.lt3-stack-2", rows));
-}
-
-/* ── About ──────────────────────────────────────────────────────────────── */
-/* Version is read live from /health (which derives it from the backend's single
- * source of truth, WORKSPACE_OS_VERSION) — never hard-coded in the frontend.
- * If the backend is unreachable we say "unavailable" rather than inventing a
- * number. */
-function aboutPanel({ h, icon, c, api }) {
-  const versionSlot = h("dd", h("span.lt3-mono.lt3-faint", "checking…"));
-  (async () => {
-    const res = await api.raw("/health");
-    const v = res && res.ok && res.data && res.data.version;
-    versionSlot.replaceChildren(
-      v
-        ? h("span.lt3-mono", `v${String(v).replace(/^v/i, "")}`)
-        : h("span.lt3-mono.lt3-faint", "unavailable"),
-    );
-  })();
-  return c.panel({
-    eyebrow: "About",
-    title: "Lattice AI",
-    sub: "Local-first AI workspace.",
-    children: h("div.lt3-stack-4",
-      h("dl.lt3-keyval",
-        h("dt", "Application"), h("dd", "Lattice AI"),
-        h("dt", "Version"), versionSlot,
-        h("dt", "Edition"), h("dd", "Local-first AI workspace"),
-      ),
-    ),
-  });
-}
-
-/* ── helpers ────────────────────────────────────────────────────────────── */
-function titleCase(s) {
-  s = String(s || "");
-  return s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
-}
-
-function pct(value) {
-  const n = Number(value);
-  return Number.isFinite(n) ? `${Math.round(n)}%` : "—";
-}
-
-function shortModel(id) {
-  const s = String(id || "");
-  const tail = s.includes("/") ? s.split("/").pop() : s;
-  return tail.length > 30 ? tail.slice(0, 29) + "…" : tail;
-}