ltcai 4.0.0 → 4.0.1

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

@@ -0,0 +1,144 @@
+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.8631fa5e.js → settings.b7140634.js}

@@ -5,6 +5,8 @@
  * 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." },
@@ -212,17 +214,14 @@ function workspacePanel({ h, icon, store, c, toast, api }) {
   };
   createBtn.addEventListener("click", createOrg);
 
-  let savedLang = "en";
-  try { savedLang = localStorage.getItem("lt3-lang") || "en"; } catch {}
   const langSelect = h("select.lt3-select", {
-    "aria-label": "Interface language", value: savedLang,
+    "aria-label": t("settings.language"), value: getI18nLanguage(),
     on: { change: (e) => {
-      try { localStorage.setItem("lt3-lang", e.target.value); } catch {}
-      toast(`Interface language set to ${e.target.selectedOptions[0].text} (saved on this device).`, "ok");
+      store.setLang(e.target.value);
+      toast(t("settings.languageSaved", { language: e.target.selectedOptions[0].text }), "ok");
     } },
   },
-    h("option", { value: "en" }, "English"),
-    h("option", { value: "ko" }, "한국어"),
+    languageOptions().map((lang) => h("option", { value: lang.key }, lang.label)),
   );
 
   return c.panel({
@@ -245,7 +244,7 @@ function workspacePanel({ h, icon, store, c, toast, api }) {
         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"), "Language"),
+        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),
       ),
     ),

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

@@ -5,6 +5,8 @@
  * is talking to a live backend or an unavailable surface.
  * ========================================================================== */
 
+import { getI18nLanguage, languageOptions, t } from "../core/i18n.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." },
@@ -212,17 +214,14 @@ function workspacePanel({ h, icon, store, c, toast, api }) {
   };
   createBtn.addEventListener("click", createOrg);
 
-  let savedLang = "en";
-  try { savedLang = localStorage.getItem("lt3-lang") || "en"; } catch {}
   const langSelect = h("select.lt3-select", {
-    "aria-label": "Interface language", value: savedLang,
+    "aria-label": t("settings.language"), value: getI18nLanguage(),
     on: { change: (e) => {
-      try { localStorage.setItem("lt3-lang", e.target.value); } catch {}
-      toast(`Interface language set to ${e.target.selectedOptions[0].text} (saved on this device).`, "ok");
+      store.setLang(e.target.value);
+      toast(t("settings.languageSaved", { language: e.target.selectedOptions[0].text }), "ok");
     } },
   },
-    h("option", { value: "en" }, "English"),
-    h("option", { value: "ko" }, "한국어"),
+    languageOptions().map((lang) => h("option", { value: lang.key }, lang.label)),
   );
 
   return c.panel({
@@ -245,7 +244,7 @@ function workspacePanel({ h, icon, store, c, toast, api }) {
         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"), "Language"),
+        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),
       ),
     ),

package/static/v3/js/views/snapshots.6f5db095.js

@@ -0,0 +1,135 @@
+import { t } from "../core/i18n.880e1fec.js";
+
+export async function render(ctx) {
+  const { h, icon, api, c, toast } = ctx;
+  const host = h("div.lt3-stack-6", c.loading({ lines: 5, block: true }));
+
+  async function load() {
+    const [snaps, timeline] = await Promise.all([api.snapshots(), api.timeMachine(80)]);
+    const rows = normalize(snaps.data);
+    host.replaceChildren(
+      c.viewHeader({
+        eyebrow: t("snapshots.eyebrow"),
+        title: t("snapshots.title"),
+        sub: t("snapshots.sub"),
+        actions: [c.sourceBadge(snaps.source)],
+      }),
+      createPanel(),
+      comparePanel(rows),
+      snapshotTable(rows),
+      timelinePanel(timeline),
+    );
+  }
+
+  function createPanel() {
+    const name = h("input.lt3-input", { type: "text", placeholder: t("snapshots.name"), "aria-label": t("snapshots.name") });
+    return c.panel({
+      title: t("snapshots.create"),
+      children: h("div.lt3-row-2",
+        name,
+        h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          const res = await api.createSnapshot(name.value.trim() || t("snapshots.title"));
+          toast(resultText(res, t("snapshots.created")), res.ok ? "ok" : "err");
+          if (res.ok) { name.value = ""; load(); }
+        } } }, icon("camera"), t("snapshots.create")),
+      ),
+    });
+  }
+
+  function comparePanel(rows) {
+    const before = select(rows);
+    const after = select(rows);
+    const result = h("div");
+    return c.panel({
+      title: t("snapshots.compare"),
+      children: h("div.lt3-stack-4",
+        h("div.lt3-row-2", before, after, h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          if (!before.value || !after.value) return;
+          result.replaceChildren(c.loading({ lines: 2 }));
+          const res = await api.compareSnapshots(before.value, after.value);
+          const d = res.data || {};
+          result.replaceChildren(res.ok
+            ? h("dl.lt3-keyval",
+                h("dt", "nodes_added"), h("dd", String(d.summary?.nodes_added ?? 0)),
+                h("dt", "nodes_removed"), h("dd", String(d.summary?.nodes_removed ?? 0)),
+                h("dt", "edges_added"), h("dd", String(d.summary?.edges_added ?? 0)),
+                h("dt", "edges_removed"), h("dd", String(d.summary?.edges_removed ?? 0)),
+              )
+            : c.banner(resultText(res, t("common.unavailable")), "err"));
+        } } }, icon("git-compare"), t("snapshots.compare"))),
+        result,
+      ),
+    });
+  }
+
+  function snapshotTable(rows) {
+    if (!rows.length) return c.emptyState({ icon: "history", title: t("snapshots.title"), body: t("common.none") });
+    return c.panel({
+      title: t("snapshots.title"),
+      children: c.table([
+        { key: "name", label: t("common.name"), render: (r) => h("div", h("b", r.name || r.id), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, r.id)) },
+        { key: "created", label: t("common.created"), width: "1%", render: (r) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(r.created_at)) },
+        { key: "nodes", label: "nodes", width: "1%", render: (r) => String(r.node_count ?? 0) },
+        { key: "edges", label: "edges", width: "1%", render: (r) => String(r.edge_count ?? 0) },
+        { key: "actions", label: "", width: "1%", render: (r) => h("div.lt3-row-2",
+          h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => exportSnapshot(r.id) } }, icon("download"), t("snapshots.export")),
+          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => restoreSnapshot(r.id) } }, icon("restore"), t("snapshots.restore")),
+        ) },
+      ], rows),
+    });
+  }
+
+  function timelinePanel(res) {
+    const events = Array.isArray(res.data?.events) ? res.data.events : [];
+    return c.panel({
+      title: t("snapshots.timeline"),
+      actions: [c.sourceBadge(res.source)],
+      children: events.length ? c.table([
+        { key: "event", label: t("common.status"), render: (e) => h("span", e.event_type || e.area || "event") },
+        { key: "area", label: t("common.type"), width: "1%", render: (e) => c.pill(e.area || "workspace") },
+        { key: "when", label: t("common.created"), width: "1%", render: (e) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(e.timestamp)) },
+      ], events.slice(0, 40)) : c.emptyState({ icon: "history-off", title: t("snapshots.timeline"), body: t("common.none") }),
+    });
+  }
+
+  async function exportSnapshot(id) {
+    const res = await api.snapshotExport(id);
+    toast(resultText(res, res.data?.export_path || t("snapshots.export")), res.ok ? "ok" : "err");
+  }
+  async function restoreSnapshot(id) {
+    const res = await api.snapshotRestore(id);
+    toast(resultText(res, t("snapshots.restored")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+
+  await load();
+  return host;
+}
+
+function select(rows) {
+  const sel = document.createElement("select");
+  sel.className = "lt3-select";
+  sel.setAttribute("aria-label", t("snapshots.title"));
+  for (const row of rows) {
+    const opt = document.createElement("option");
+    opt.value = row.id;
+    opt.textContent = row.name || row.id;
+    sel.append(opt);
+  }
+  return sel;
+}
+
+function normalize(data) {
+  return Array.isArray(data?.snapshots) ? data.snapshots : [];
+}
+
+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/snapshots.js

@@ -0,0 +1,135 @@
+import { t } from "../core/i18n.js";
+
+export async function render(ctx) {
+  const { h, icon, api, c, toast } = ctx;
+  const host = h("div.lt3-stack-6", c.loading({ lines: 5, block: true }));
+
+  async function load() {
+    const [snaps, timeline] = await Promise.all([api.snapshots(), api.timeMachine(80)]);
+    const rows = normalize(snaps.data);
+    host.replaceChildren(
+      c.viewHeader({
+        eyebrow: t("snapshots.eyebrow"),
+        title: t("snapshots.title"),
+        sub: t("snapshots.sub"),
+        actions: [c.sourceBadge(snaps.source)],
+      }),
+      createPanel(),
+      comparePanel(rows),
+      snapshotTable(rows),
+      timelinePanel(timeline),
+    );
+  }
+
+  function createPanel() {
+    const name = h("input.lt3-input", { type: "text", placeholder: t("snapshots.name"), "aria-label": t("snapshots.name") });
+    return c.panel({
+      title: t("snapshots.create"),
+      children: h("div.lt3-row-2",
+        name,
+        h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          const res = await api.createSnapshot(name.value.trim() || t("snapshots.title"));
+          toast(resultText(res, t("snapshots.created")), res.ok ? "ok" : "err");
+          if (res.ok) { name.value = ""; load(); }
+        } } }, icon("camera"), t("snapshots.create")),
+      ),
+    });
+  }
+
+  function comparePanel(rows) {
+    const before = select(rows);
+    const after = select(rows);
+    const result = h("div");
+    return c.panel({
+      title: t("snapshots.compare"),
+      children: h("div.lt3-stack-4",
+        h("div.lt3-row-2", before, after, h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          if (!before.value || !after.value) return;
+          result.replaceChildren(c.loading({ lines: 2 }));
+          const res = await api.compareSnapshots(before.value, after.value);
+          const d = res.data || {};
+          result.replaceChildren(res.ok
+            ? h("dl.lt3-keyval",
+                h("dt", "nodes_added"), h("dd", String(d.summary?.nodes_added ?? 0)),
+                h("dt", "nodes_removed"), h("dd", String(d.summary?.nodes_removed ?? 0)),
+                h("dt", "edges_added"), h("dd", String(d.summary?.edges_added ?? 0)),
+                h("dt", "edges_removed"), h("dd", String(d.summary?.edges_removed ?? 0)),
+              )
+            : c.banner(resultText(res, t("common.unavailable")), "err"));
+        } } }, icon("git-compare"), t("snapshots.compare"))),
+        result,
+      ),
+    });
+  }
+
+  function snapshotTable(rows) {
+    if (!rows.length) return c.emptyState({ icon: "history", title: t("snapshots.title"), body: t("common.none") });
+    return c.panel({
+      title: t("snapshots.title"),
+      children: c.table([
+        { key: "name", label: t("common.name"), render: (r) => h("div", h("b", r.name || r.id), h("div.lt3-faint", { style: { "font-family": "var(--lt3-font-mono)", "font-size": "var(--lt3-text-2xs)" } }, r.id)) },
+        { key: "created", label: t("common.created"), width: "1%", render: (r) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(r.created_at)) },
+        { key: "nodes", label: "nodes", width: "1%", render: (r) => String(r.node_count ?? 0) },
+        { key: "edges", label: "edges", width: "1%", render: (r) => String(r.edge_count ?? 0) },
+        { key: "actions", label: "", width: "1%", render: (r) => h("div.lt3-row-2",
+          h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => exportSnapshot(r.id) } }, icon("download"), t("snapshots.export")),
+          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => restoreSnapshot(r.id) } }, icon("restore"), t("snapshots.restore")),
+        ) },
+      ], rows),
+    });
+  }
+
+  function timelinePanel(res) {
+    const events = Array.isArray(res.data?.events) ? res.data.events : [];
+    return c.panel({
+      title: t("snapshots.timeline"),
+      actions: [c.sourceBadge(res.source)],
+      children: events.length ? c.table([
+        { key: "event", label: t("common.status"), render: (e) => h("span", e.event_type || e.area || "event") },
+        { key: "area", label: t("common.type"), width: "1%", render: (e) => c.pill(e.area || "workspace") },
+        { key: "when", label: t("common.created"), width: "1%", render: (e) => h("span.lt3-faint", { style: { "white-space": "nowrap" } }, fmt(e.timestamp)) },
+      ], events.slice(0, 40)) : c.emptyState({ icon: "history-off", title: t("snapshots.timeline"), body: t("common.none") }),
+    });
+  }
+
+  async function exportSnapshot(id) {
+    const res = await api.snapshotExport(id);
+    toast(resultText(res, res.data?.export_path || t("snapshots.export")), res.ok ? "ok" : "err");
+  }
+  async function restoreSnapshot(id) {
+    const res = await api.snapshotRestore(id);
+    toast(resultText(res, t("snapshots.restored")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+
+  await load();
+  return host;
+}
+
+function select(rows) {
+  const sel = document.createElement("select");
+  sel.className = "lt3-select";
+  sel.setAttribute("aria-label", t("snapshots.title"));
+  for (const row of rows) {
+    const opt = document.createElement("option");
+    opt.value = row.id;
+    opt.textContent = row.name || row.id;
+    sel.append(opt);
+  }
+  return sel;
+}
+
+function normalize(data) {
+  return Array.isArray(data?.snapshots) ? data.snapshots : [];
+}
+
+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/{workflows.26c57290.js → workflows.7752225a.js}

@@ -11,6 +11,7 @@ export async function render(ctx) {
   const { h, c } = ctx;
   const defsHost = h("div", c.loading({ lines: 3, block: true }));
   const runsHost = h("div", c.loading({ lines: 3 }));
+  const triggerHost = h("div", c.loading({ lines: 2 }));
   const defsSrc = h("span", c.sourceBadge("pending"));
   const runsSrc = h("span", c.sourceBadge("pending"));
 
@@ -21,6 +22,12 @@ export async function render(ctx) {
       sub: "Repeatable automation: a trigger fires an agent chain that calls tools, reads and writes memory, and produces a result.",
     }),
     stageLegend(ctx),
+    c.panel({
+      eyebrow: "Triggers",
+      title: "Trigger status",
+      sub: "Interval and brain-event triggers armed from saved workflow definitions.",
+      children: triggerHost,
+    }),
     h("section", c.sectionHead("Workflow definitions", defsSrc), defsHost),
     c.panel({
       head: h("div.lt3-row", { style: { "justify-content": "space-between", width: "100%" } },
@@ -30,6 +37,7 @@ export async function render(ctx) {
   );
 
   loadDefs();
+  loadTriggers();
   loadRuns();
   return root;
 
@@ -59,6 +67,7 @@ export async function render(ctx) {
       ),
       w.description ? h("p.lt3-muted", { style: { margin: 0, "font-size": "var(--lt3-text-sm)" } }, w.description) : null,
       h("div.lt3-cluster", (nodes.slice(0, 6)).map((n) => h("span.lt3-chip", c.icon(nodeIcon(n.type)), n.name || n.type))),
+      triggerControls(ctx2, w, nodes),
       h("div.lt3-row-2",
         h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => runDef(ctx2, w) } }, c.icon("player-play"), "Run"),
         h("span.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)" } }, `${triggers} trigger${triggers === 1 ? "" : "s"}`),
@@ -85,7 +94,13 @@ export async function render(ctx) {
         { key: "status", label: "Status", width: "1%", render: (r) => c.statePill(mapStatus(r.status)) },
         { key: "name", label: "Workflow", render: (r) => h("b", { style: { "font-size": "var(--lt3-text-sm)" } }, r.workflow_name || r.workflow_id || r.id) },
         { key: "when", label: "When", width: "1%", render: (r) => h("span.lt3-faint", { style: { "white-space": "nowrap", "font-size": "var(--lt3-text-2xs)" } }, fmtTime(r.created_at || r.started_at)) },
-        { key: "act", label: "", width: "1%", render: (r) => h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => replay(ctx, r) } }, c.icon("player-track-next"), "Replay") },
+        { key: "act", label: "", width: "1%", render: (r) => h("div.lt3-row-2",
+          isActiveStatus(r.status) ? h("button.lt3-btn.lt3-btn--danger.lt3-btn--sm", { on: { click: () => stop(ctx, r) } }, c.icon("player-stop"), "Stop") : null,
+          String(r.status || "").toLowerCase() === "awaiting_approval"
+            ? h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => decide(ctx, r, true) } }, c.icon("circle-check"), "Approve")
+            : null,
+          h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => replay(ctx, r) } }, c.icon("player-track-next"), "Replay"),
+        ) },
       ],
       runs.slice(0, 20),
     ));
@@ -96,6 +111,71 @@ export async function render(ctx) {
     const res = await ctx2.api.workflowReplay(id);
     ctx2.toast(res && res.ok ? `Replay ready for ${id}` : "Replay unavailable", res && res.ok ? "ok" : "err");
   }
+
+  async function stop(ctx2, r) {
+    const id = r.id || r.run_id;
+    const res = await ctx2.api.stopWorkflowRun(id);
+    ctx2.toast(res && res.ok ? `Stop requested for ${id}` : "Stop unavailable", res && res.ok ? "ok" : "err");
+    loadRuns();
+  }
+
+  async function decide(ctx2, r, approved) {
+    const id = r.id || r.run_id;
+    const res = await ctx2.api.resumeWorkflowRun(id, approved);
+    ctx2.toast(res && res.ok ? `Decision recorded for ${id}` : "Decision unavailable", res && res.ok ? "ok" : "err");
+    loadRuns();
+  }
+
+  async function loadTriggers() {
+    const res = await ctx.api.workflowTriggers();
+    const armed = Array.isArray(res.data?.armed) ? res.data.armed : [];
+    triggerHost.replaceChildren(
+      h("div.lt3-stack-3",
+        h("div.lt3-row-2", c.sourceBadge(res.source), c.statePill(res.data?.running ? "running" : "idle")),
+        armed.length ? c.table([
+          { key: "name", label: "Workflow", render: (r) => h("b", r.name || r.workflow_id) },
+          { key: "kind", label: "Trigger", width: "1%", render: (r) => c.pill(r.kind) },
+          { key: "last", label: "Last fired", width: "1%", render: (r) => fmtTime(r.last_fired_at ? Number(r.last_fired_at) * 1000 : null) },
+          { key: "events", label: "Recent", render: (r) => (r.recent_events || []).slice(-2).map((e) => e.type || e.trigger).join(", ") || "—" },
+        ], armed) : c.emptyState({ icon: "bolt-off", title: "No triggers armed", body: "Set a workflow trigger below to arm it." }),
+      ),
+    );
+  }
+
+  function triggerControls(ctx2, w, nodes) {
+    const trigger = nodes.find((n) => n.type === "trigger") || {};
+    const cfg = trigger.config || {};
+    const kind = h("select.lt3-select", { "aria-label": "Trigger type" },
+      ["manual", "interval", "brain_event"].map((value) => h("option", { value, selected: String(cfg.trigger || "manual") === value }, value)));
+    const seconds = h("input.lt3-input", { type: "number", min: "60", step: "60", value: String(cfg.interval_seconds || 300), "aria-label": "Interval seconds" });
+    const sourceType = h("input.lt3-input", { type: "text", value: cfg.source_type || "", placeholder: "source_type", "aria-label": "source_type" });
+    async function save() {
+      const updated = ensureTrigger(nodes, kind.value, Number(seconds.value) || 300, sourceType.value.trim());
+      const res = await ctx2.api.updateWorkflow(w.id, { nodes: updated, metadata: { trigger_updated_at: new Date().toISOString() } });
+      ctx2.toast(res && res.ok ? "Trigger saved" : "Trigger update unavailable", res && res.ok ? "ok" : "err");
+      if (res && res.ok) { loadDefs(); loadTriggers(); }
+    }
+    return h("div.lt3-stack-2",
+      h("div.lt3-eyebrow", "Trigger configuration"),
+      h("div.lt3-row-2", kind, seconds, sourceType, h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: save } }, c.icon("device-floppy"), "Save")),
+    );
+  }
+}
+
+function ensureTrigger(nodes, triggerKind, intervalSeconds, sourceType) {
+  const clone = (nodes || []).map((node) => ({ ...node, config: { ...(node.config || {}) } }));
+  let trigger = clone.find((n) => n.type === "trigger");
+  if (!trigger) {
+    trigger = { id: "trigger", type: "trigger", name: "Trigger", next: clone[0]?.id || "output", config: {} };
+    clone.unshift(trigger);
+    if (!clone.some((n) => n.id === "output")) clone.push({ id: "output", type: "output", name: "Output", config: {}, next: null });
+  }
+  trigger.config.trigger = triggerKind;
+  delete trigger.config.interval_seconds;
+  delete trigger.config.source_type;
+  if (triggerKind === "interval") trigger.config.interval_seconds = Math.max(60, intervalSeconds || 300);
+  if (triggerKind === "brain_event" && sourceType) trigger.config.source_type = sourceType;
+  return clone;
 }
 
 function normalizeDefs(data) {
@@ -118,9 +198,14 @@ function mapStatus(s) {
   const v = String(s || "").toLowerCase();
   if (v === "ok" || v === "completed" || v === "success") return "ready";
   if (v === "failed" || v === "error") return "failed";
-  if (v === "running") return "active";
+  if (v === "running" || v === "queued" || v === "cancelling") return "active";
+  if (v === "awaiting_approval") return "pending";
+  if (v === "cancelled" || v === "interrupted") return "warn";
   return v || "idle";
 }
+function isActiveStatus(status) {
+  return ["running", "queued", "in_progress", "cancelling"].includes(String(status || "").toLowerCase());
+}
 function fmtTime(ts) {
   if (!ts) return "—";
   try { const d = new Date(ts); return Number.isNaN(d.getTime()) ? String(ts) : d.toLocaleString(undefined, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }); }