ltcai 4.0.0 → 4.1.0

package/static/v3/js/views/my-computer.d9d9ae1c.js

@@ -1,463 +0,0 @@
-/* ============================================================================
- * View: My Computer — local hardware, memory, and runtime.
- * Reinforces the local-first promise: every gauge, model, and byte of memory
- * lives on this machine. Live-reads /local/sysinfo + /models and reports
- * unavailable state when those endpoints are not reachable.
- * ========================================================================== */
-
-const GAUGES = [
-  { key: "cpu_pct", label: "CPU", icon: "cpu", variant: "graph", sub: () => "Compute cores" },
-  { key: "ram_pct", label: "RAM", icon: "device-desktop-analytics", variant: "vector", sub: () => "Unified memory" },
-  { key: "gpu_mem_pct", label: "GPU (MLX)", icon: "brand-apple", variant: "hybrid", sub: (d) => `${fmtGb(d.gpu_mem_gb)} GB in use` },
-];
-
-export async function render(ctx) {
-  const { h, icon, api, c } = ctx;
-
-  const state = { memoryOn: false, activities: [], memSource: "pending" };
-
-  // Hydrated after the async reads land.
-  const srcSlot = h("span", c.sourceBadge("pending"));
-  const gaugeHost = h("div.lt3-grid-3", c.loading({ lines: 0, block: true }));
-  const runtimeHost = h("div", c.loading({ lines: 4 }));
-  const agentHost = h("div", c.loading({ lines: 5 }));
-  const foldersHost = h("div", c.loading({ lines: 4 }));
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Compute",
-      title: "My Computer",
-      sub: "The local hardware and MLX runtime powering this workspace. Inference and indexing run here — on Apple Silicon — never on an external server.",
-      actions: [
-        srcSlot,
-        h("button.lt3-btn.lt3-btn--ghost", { on: { click: () => { load(); loadAgent(); } } }, icon("refresh"), "Refresh"),
-      ],
-    }),
-
-    c.banner("All inference and indexing happen on this computer. Nothing you index, ask, or remember is sent to external servers.", "info", "shield-lock"),
-
-    h("section",
-      c.sectionHead("Live utilization"),
-      gaugeHost,
-    ),
-
-    // Local Agent — the on-device Lattice runtime acting as the local agent.
-    c.panel({
-      eyebrow: "Local agent",
-      title: "Local agent",
-      sub: "The local agent is the on-device Lattice runtime; no separate desktop install is required.",
-      children: agentHost,
-    }),
-
-    // Connect Folder + Folder Watch — over the same on-device runtime.
-    c.panel({
-      eyebrow: "On-device",
-      title: "Connect folder & folder watch",
-      sub: "Index a folder on this computer and keep it in sync. Files never leave the machine.",
-      actions: [
-        h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => connectFolder() } }, icon("folder-plus"), "Connect folder"),
-      ],
-      children: foldersHost,
-    }),
-
-    h("div.lt3-grid-2",
-      c.panel({
-        eyebrow: "Runtime",
-        title: "Local runtime",
-        sub: "Where this workspace runs and where it keeps its data.",
-        children: runtimeHost,
-      }),
-      buildMemoryPanel(ctx, state),
-    ),
-  );
-
-  async function load() {
-    gaugeHost.replaceChildren(c.loading({ lines: 0, block: true }));
-    runtimeHost.replaceChildren(c.loading({ lines: 4 }));
-
-    const [sys, models] = await Promise.all([api.sysinfo(), api.models()]);
-
-    srcSlot.replaceChildren(c.sourceBadge(sys.source));
-    gaugeHost.replaceChildren(buildGauges(ctx, sys));
-    runtimeHost.replaceChildren(buildRuntime(ctx, sys, models));
-  }
-
-  // Hydrate the Local Agent + Connect Folder panels from the live runtime.
-  async function loadAgent() {
-    agentHost.replaceChildren(c.loading({ lines: 5 }));
-    foldersHost.replaceChildren(c.loading({ lines: 4 }));
-
-    const res = await api.localAgent();
-    agentHost.replaceChildren(buildAgent(ctx, res));
-    foldersHost.replaceChildren(buildFolders(ctx, res, { connectFolder, stopWatching }));
-  }
-
-  // stopWatching lives here so it can reach the real adapter + toast.
-  async function stopWatching(id) {
-    const notify = ctx.toast || c.toast;
-    const r = await api.localWatchStop(id);
-    if (r && r.ok) {
-      notify("Stopped watching that folder. It remains indexed.", "info");
-      loadAgent();
-      return true;
-    }
-    const detail = (r && r.data && (r.data.detail || r.data.error)) || "the runtime is unavailable";
-    notify(`Could not stop watching — ${detail}.`, "warn");
-    return false;
-  }
-
-  // Prompt for a path, connect (index + watch) it, then re-hydrate.
-  async function connectFolder() {
-    const notify = ctx.toast || c.toast;
-    const path = window.prompt("Connect a folder on this computer (it will be indexed and watched):", "~/Documents");
-    if (!path || !path.trim()) return;
-    notify(`Connecting ${path.trim()} — indexing on this computer…`, "info");
-    const res = await api.connectFolder(path.trim(), { watch: true });
-    if (res && res.ok) {
-      notify(`Connected ${path.trim()}. Indexing and folder watch are active.`, "ok");
-      loadAgent();
-    } else {
-      notify((res && res.error) || "Could not connect that folder.", "warn");
-    }
-  }
-
-  // Reflect real local-memory state (enabled + recorded activity) from the backend.
-  async function loadMemory() {
-    const res = await api.computerMemory();
-    const cfg = (res && res.ok && res.data) ? res.data : null;
-    state.memSource = cfg ? "live" : "unavailable";
-    state.memoryOn = !!(cfg && cfg.enabled);
-    state.activities = (cfg && Array.isArray(cfg.activities)) ? cfg.activities.slice().reverse() : [];
-    if (state._refreshMemory) state._refreshMemory();
-  }
-
-  load();
-  loadAgent();
-  loadMemory();
-  return root;
-}
-
-/* ── Gauges ──────────────────────────────────────────────────────────────── */
-function buildGauges({ h, icon, c }, sys) {
-  const data = (sys && sys.data) || {};
-  return h("div.lt3-grid-3",
-    GAUGES.map((g) => {
-      const raw = Number(data[g.key]);
-      const pct = Number.isFinite(raw) ? raw : null;
-      return c.card(
-        h("div.lt3-stack-3",
-          h("div.lt3-row", { style: { "justify-content": "space-between" } },
-            h("div.lt3-stat__label", icon(g.icon), g.label),
-            c.statePill(pct == null ? "idle" : pct >= 90 ? "warn" : "active"),
-          ),
-          h("div.lt3-stat__value", { style: { "font-size": "var(--lt3-text-3xl)" } },
-            pct == null ? "—" : `${roundPct(pct)}%`),
-          c.meter(pct == null ? 0 : pct / 100, g.variant),
-          h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, g.sub(data)),
-        ),
-      );
-    }),
-  );
-}
-
-/* ── Runtime key/value panel ─────────────────────────────────────────────── */
-function buildRuntime({ h, icon, c }, sys, models) {
-  const md = (models && models.data) || {};
-  const current =
-    md.current ||
-    (md.catalog || []).find((m) => m.state === "loaded")?.id ||
-    null;
-
-  const rows = [
-    { k: "Platform", v: "Apple Silicon · MLX", icon: "brand-apple" },
-    { k: "Loaded model", v: current || "No model loaded", mono: true, icon: "cpu" },
-    { k: "Local storage", v: "~/.ltcai", mono: true, icon: "folder" },
-    { k: "Memory model", v: "Unified memory (CPU + GPU shared)", icon: "stack-2" },
-    { k: "Network", v: "Local-only — no external inference", icon: "wifi-off" },
-  ];
-
-  return h("div",
-    h("dl.lt3-keyval",
-      rows.flatMap((r) => [
-        h("dt", h("span.lt3-row-2", icon(r.icon), r.k)),
-        h("dd", r.mono ? h("span.lt3-mono", r.v) : r.v),
-      ]),
-    ),
-    h("div.lt3-row-2", { style: { "margin-top": "var(--lt3-space-4)" } },
-      c.sourceBadge((models && models.source) || (sys && sys.source)),
-      h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, "Derived from local runtime"),
-    ),
-  );
-}
-
-/* ── Local agent panel (wired to /api/local-agent/status) ─────────────────── */
-function buildAgent({ h, icon, c }, res) {
-  // Honesty: if the runtime isn't reachable, never imply a "ready" agent.
-  if (!res || !res.ok || res.source === "unavailable") {
-    return h("div.lt3-stack-3",
-      h("div.lt3-row-2", c.sourceBadge("unavailable")),
-      c.emptyState({
-        icon: "plug-connected-x",
-        title: "Local runtime not reachable",
-        body: "The on-device Lattice runtime is not responding, so the local agent's status can't be confirmed. Start the server, then Refresh.",
-      }),
-    );
-  }
-
-  const d = res.data || {};
-  const agent = d.agent || {};
-  const handshake = d.handshake || {};
-  const health = d.health || {};
-  const folders = d.folders || {};
-
-  const online = !!agent.online;
-  const mode = d.mode || (online ? "online" : "offline");
-
-  const rows = [
-    { k: "Mode", v: mode, icon: "activity" },
-    { k: "Version", v: d.version || "—", mono: true, icon: "tag" },
-    { k: "PID", v: d.pid != null ? String(d.pid) : "—", mono: true, icon: "hash" },
-    { k: "Platform", v: agent.platform || "—", icon: "device-desktop" },
-    { k: "Machine", v: agent.machine || "—", mono: true, icon: "cpu" },
-    { k: "Python", v: agent.python || "—", mono: true, icon: "code" },
-  ];
-
-  return h("div.lt3-stack-3",
-    // Identity + live online state.
-    h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center" } },
-      h("div.lt3-row-2",
-        icon("robot"),
-        h("div",
-          h("div", { style: { "font-weight": "var(--lt3-weight-semi)", "font-size": "var(--lt3-text-sm)" } },
-            agent.name || "Lattice local agent"),
-          agent.id && h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } },
-            h("span.lt3-mono", agent.id)),
-        ),
-      ),
-      // mode is probed by the live endpoint (online/degraded/error) — never faked.
-      c.statePill(mode),
-    ),
-
-    h("dl.lt3-keyval",
-      rows.flatMap((r) => [
-        h("dt", h("span.lt3-row-2", icon(r.icon), r.k)),
-        h("dd", r.mono ? h("span.lt3-mono", r.v) : r.v),
-      ]),
-    ),
-
-    // Handshake + health, read straight from the runtime.
-    h("div.lt3-stack-2", { style: { "margin-top": "var(--lt3-space-2)" } },
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center" } },
-        h("span.lt3-row-2", icon("plug-connected"),
-          handshake.ok
-            ? `Handshake OK · ${handshake.transport || "local"}${handshake.latency_ms != null ? " · " + handshake.latency_ms + "ms" : ""}`
-            : "Handshake not established"),
-        c.statePill(handshake.ok ? "active" : "idle"),
-      ),
-      handshake.detail && h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, handshake.detail),
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center" } },
-        h("span.lt3-row-2", icon("folder-search"), "Filesystem access"),
-        c.statePill(health.filesystem_access ? "active" : "idle"),
-      ),
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center" } },
-        h("span.lt3-row-2", icon("eye"), "Watcher available"),
-        c.statePill(health.watcher_available ? "active" : "idle"),
-      ),
-    ),
-
-    // Folder counts as stats.
-    h("div.lt3-grid-2", { style: { "margin-top": "var(--lt3-space-2)" } },
-      c.stat({ label: "Folders connected", value: c.fmtNum(folders.connected ?? 0), icon: "folder" }),
-      c.stat({ label: "Folders watching", value: c.fmtNum(folders.watching ?? 0), icon: "eye" }),
-    ),
-
-    h("div.lt3-row-2", { style: { "margin-top": "var(--lt3-space-2)" } },
-      c.sourceBadge(res.source),
-      h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } },
-        "On-device runtime — no separate desktop install"),
-    ),
-  );
-}
-
-/* ── Connect Folder + Folder Watch panel (wired to /knowledge-graph/local) ── */
-function buildFolders({ h, icon, c }, res, { connectFolder, stopWatching }) {
-  const d = (res && res.data) || {};
-  const watch = d.watch || {};
-  const sources = Array.isArray(d.sources) ? d.sources : [];
-
-  // Runtime unreachable → honest unavailable, no fabricated folder list.
-  if (!res || !res.ok || res.source === "unavailable") {
-    return h("div.lt3-stack-3",
-      h("div.lt3-row-2", c.sourceBadge("unavailable")),
-      c.emptyState({
-        icon: "folder-off",
-        title: "Connected folders unavailable",
-        body: "The on-device runtime is not reachable, so connected folders can't be listed. Start the server, then Refresh.",
-        action: h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => connectFolder() } }, icon("folder-plus"), "Connect folder"),
-      }),
-    );
-  }
-
-  // Honest note when the watchdog dependency is missing.
-  const watchNote = watch.available === false
-    ? c.banner(
-        `Folder watch needs the watchdog dependency${watch.error ? ` — ${watch.error}` : ""}. Folders can still be indexed once; live sync is paused until it's installed.`,
-        "warn", "alert-triangle")
-    : null;
-
-  let body;
-  if (!sources.length) {
-    body = c.emptyState({
-      icon: "folder-plus",
-      title: "No folders connected yet",
-      body: "Connect a folder to index its files on this computer. Indexing and content stay local.",
-      action: h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => connectFolder() } }, icon("folder-plus"), "Connect folder"),
-    });
-  } else {
-    body = h("div.lt3-list",
-      sources.map((s) => {
-        const watching = !!s.watch_active;
-        const indexed = Number(s.success_count ?? s.indexed_count ?? 0) || 0;
-        const last = s.last_event_at || s.last_indexed_at;
-        const metaParts = [`${c.fmtNum(indexed)} indexed`];
-        if (last) metaParts.push(`last ${last}`);
-        return h("div.lt3-list__item",
-          icon(watching ? "folder-search" : "folder"),
-          h("div.lt3-list__body",
-            h("div.lt3-list__title", h("span.lt3-mono", s.root_path || s.path || s.id || "—")),
-            h("div.lt3-list__meta", metaParts.join(" · ")),
-          ),
-          h("div.lt3-row-2", { style: { "align-items": "center" } },
-            c.statePill(watching ? "watching" : "idle"),
-            watching && s.id && h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", {
-              on: {
-                click: async (e) => {
-                  const btn = e.currentTarget;
-                  btn.disabled = true;
-                  const ok = await stopWatching(s.id);
-                  if (!ok) btn.disabled = false;
-                },
-              },
-            }, icon("player-stop"), "Stop watching"),
-          ),
-        );
-      }),
-    );
-  }
-
-  return h("div.lt3-stack-3",
-    watchNote,
-    body,
-    h("div.lt3-row-2", { style: { "margin-top": "var(--lt3-space-2)" } },
-      c.sourceBadge(res.source),
-      h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, "Indexed and watched on this computer"),
-    ),
-  );
-}
-
-/* ── Local memory panel (wired to /workspace/computer-memory) ─────────────── */
-function buildMemoryPanel(ctx, state) {
-  const { h, icon, c } = ctx;
-  const notify = ctx.toast || c.toast;
-
-  const activityHost = h("div", renderActivity(ctx, state));
-  const input = h("input", {
-    type: "checkbox",
-    "aria-label": "Enable local computer memory",
-    checked: state.memoryOn,
-    on: {
-      change: async (e) => {
-        const want = e.target.checked;
-        input.disabled = true;
-        const res = await ctx.api.setComputerMemory(want);
-        input.disabled = false;
-        if (res && res.ok) {
-          state.memoryOn = want;
-          state.memSource = "live";
-          const cfg = res.data || {};
-          state.activities = Array.isArray(cfg.activities) ? cfg.activities.slice().reverse() : state.activities;
-          refresh();
-          notify(
-            want
-              ? "Local memory enabled — context persists on this computer (~/.ltcai)."
-              : "Local memory disabled. Nothing will be persisted on this computer.",
-            want ? "ok" : "info",
-          );
-        } else {
-          // Revert the toggle; report the real reason (e.g. 403 consent, no backend).
-          e.target.checked = state.memoryOn;
-          const detail = (res && res.data && (res.data.detail || res.data.error)) || "the runtime is unavailable";
-          notify(`Could not change local memory — ${detail}.`, "warn");
-        }
-      },
-    },
-  });
-
-  // Built from the frozen .lt3-switch markup (input + span); no shared file touched.
-  const sw = h("label.lt3-switch", { title: "Enable local computer memory" }, input, h("span"));
-
-  function refresh() {
-    input.checked = state.memoryOn;
-    activityHost.replaceChildren(renderActivity(ctx, state));
-  }
-  state._refreshMemory = refresh;
-
-  return c.panel({
-    eyebrow: "On-device",
-    title: "Local memory",
-    sub: "Let the assistant remember context across sessions — stored only on this computer, never uploaded.",
-    children: h("div.lt3-stack-4",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start" } },
-        h("div.lt3-stack-2", { style: { "max-width": "40ch" } },
-          h("div", { style: { "font-weight": "var(--lt3-weight-semi)", "font-size": "var(--lt3-text-sm)" } },
-            "Enable local computer memory"),
-          h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } },
-            "Persists to ~/.ltcai. Off by default."),
-        ),
-        sw,
-      ),
-      h("div",
-        h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "center", "margin-bottom": "var(--lt3-space-2)" } },
-          h("div.lt3-eyebrow", "Recent local activity"),
-          h("span", { "data-mem-src": "1" }, c.sourceBadge(state.memSource)),
-        ),
-        activityHost,
-      ),
-    ),
-  });
-}
-
-function renderActivity({ h, icon, c }, state) {
-  if (!state.memoryOn) {
-    return c.emptyState({
-      icon: "database-off",
-      title: "Memory is off",
-      body: "Enable local memory to let the assistant retain context on this computer.",
-    });
-  }
-  const items = Array.isArray(state.activities) ? state.activities : [];
-  if (!items.length) {
-    return c.emptyState({
-      icon: "history-off",
-      title: "No activity recorded yet",
-      body: "Once memory is on, on-device actions the assistant takes will be logged here.",
-    });
-  }
-  return h("div.lt3-list",
-    items.slice(0, 8).map((a) => h("div.lt3-list__item",
-      icon(a.icon || "activity"),
-      h("div.lt3-list__body",
-        h("div.lt3-list__title", a.title || a.action || a.kind || "Activity"),
-        h("div.lt3-list__meta", a.meta || a.detail || a.timestamp || ""),
-      ),
-      c.statePill(a.state || "ok"),
-    )),
-  );
-}
-
-/* ── helpers ─────────────────────────────────────────────────────────────── */
-function roundPct(n) { return Math.round(Number(n) * 10) / 10; }
-function fmtGb(n) {
-  const v = Number(n);
-  return Number.isFinite(v) ? (Math.round(v * 10) / 10).toString() : "—";
-}