ltcai 4.0.0 → 4.1.0

package/static/v3/js/views/workflows.js

@@ -1,128 +0,0 @@
-/* ============================================================================
- * View: Workflows — workflow-driven agent execution.
- * Trigger → agent chain → tools → memory → result. Reads workflow definitions
- * and runs from the real workflow designer backend; runs a definition and shows
- * the run ledger with replay. Unavailable state is explicit.
- * ========================================================================== */
-
-const STAGES = ["Trigger", "Agent chain", "Tools", "Memory", "Result"];
-
-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 defsSrc = h("span", c.sourceBadge("pending"));
-  const runsSrc = h("span", c.sourceBadge("pending"));
-
-  const root = h("div.lt3-stack-6",
-    c.viewHeader({
-      eyebrow: "Compute",
-      title: "Workflow Agents",
-      sub: "Repeatable automation: a trigger fires an agent chain that calls tools, reads and writes memory, and produces a result.",
-    }),
-    stageLegend(ctx),
-    h("section", c.sectionHead("Workflow definitions", defsSrc), defsHost),
-    c.panel({
-      head: h("div.lt3-row", { style: { "justify-content": "space-between", width: "100%" } },
-        h("div", h("div.lt3-eyebrow", "Activity"), h("h3.lt3-panel__title", "Recent runs")), runsSrc),
-      children: runsHost,
-    }),
-  );
-
-  loadDefs();
-  loadRuns();
-  return root;
-
-  function stageLegend(ctx2) {
-    return h("div.lt3-cluster", { style: { gap: "var(--lt3-space-2)" } }, STAGES.map((s, i) =>
-      h("div.lt3-row-2", { style: { gap: "var(--lt3-space-2)" } }, c.pill(s, i === STAGES.length - 1 ? "warn" : "info"), i < STAGES.length - 1 ? c.icon("arrow-right") : null)));
-  }
-
-  async function loadDefs() {
-    const res = await ctx.api.workflowDefinitions();
-    defsSrc.replaceChildren(c.sourceBadge(res.source));
-    const defs = normalizeDefs(res.data);
-    if (!defs.length) {
-      defsHost.replaceChildren(c.emptyState({ icon: "sitemap", title: "No workflows yet", body: res.source === "live" ? "Create a workflow definition to automate an agent chain." : "Start the backend to load workflows." }));
-      return;
-    }
-    defsHost.replaceChildren(h("div.lt3-grid-auto", defs.map((w) => defCard(ctx, w))));
-  }
-
-  function defCard(ctx2, w) {
-    const nodes = w.nodes || (w.definition && w.definition.nodes) || [];
-    const triggers = nodes.filter((n) => n.type === "trigger").length || 1;
-    return c.card(h("div.lt3-stack-3",
-      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start" } },
-        h("div", h("b", w.name || w.id), h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)" } }, w.id || "")),
-        c.pill(`${nodes.length || 0} nodes`),
-      ),
-      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))),
-      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"}`),
-      ),
-    ), { interactive: false });
-  }
-
-  async function runDef(ctx2, w) {
-    const res = await ctx2.api.runWorkflow(w.id, {});
-    ctx2.toast(res && res.ok ? `Ran ${w.name || w.id}` : "Run unavailable", res && res.ok ? "ok" : "err");
-    loadRuns();
-  }
-
-  async function loadRuns() {
-    const res = await ctx.api.workflowRuns();
-    runsSrc.replaceChildren(c.sourceBadge(res.source));
-    const runs = normalizeRuns(res.data);
-    if (!runs.length) {
-      runsHost.replaceChildren(c.emptyState({ icon: "history-off", title: "No runs yet", body: "Workflow runs will appear here once a workflow executes." }));
-      return;
-    }
-    runsHost.replaceChildren(c.table(
-      [
-        { 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") },
-      ],
-      runs.slice(0, 20),
-    ));
-  }
-
-  async function replay(ctx2, r) {
-    const id = r.id || r.run_id;
-    const res = await ctx2.api.workflowReplay(id);
-    ctx2.toast(res && res.ok ? `Replay ready for ${id}` : "Replay unavailable", res && res.ok ? "ok" : "err");
-  }
-}
-
-function normalizeDefs(data) {
-  if (!data) return [];
-  if (Array.isArray(data.workflows)) return data.workflows;
-  if (Array.isArray(data.definitions)) return data.definitions;
-  if (Array.isArray(data)) return data;
-  return [];
-}
-function normalizeRuns(data) {
-  if (!data) return [];
-  if (Array.isArray(data.runs)) return data.runs;
-  if (Array.isArray(data)) return data;
-  return [];
-}
-function nodeIcon(type) {
-  return { trigger: "bolt", agent: "robot", plugin: "puzzle", tool: "tool", output: "flag", memory: "brain" }[type] || "point";
-}
-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";
-  return v || "idle";
-}
-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" }); }
-  catch { return String(ts); }
-}

package/static/workflows.html

@@ -1,146 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" />
-  <title>Workflow Designer — Lattice AI</title>
-  <script src="/static/scripts/ux.js"></script>
-  <link rel="stylesheet" href="/static/css/tokens.css" />
-  <link rel="stylesheet" href="/static/platform.css" />
-  <link rel="stylesheet" href="/static/css/responsive.css" />
-</head>
-<body>
-  <main>
-    <h1>Workflow Designer</h1>
-    <p class="sub">Compose triggers, tools, skills, plugins, agents, conditions, and outputs into runnable workflows.</p>
-
-    <div class="row">
-      <button id="newBtn">+ New from template</button>
-      <button class="ghost" id="validateBtn">Validate</button>
-      <button class="ghost" id="saveBtn">Save</button>
-      <div class="spacer"></div>
-    </div>
-
-    <div class="section">
-      <label>Workflow name</label>
-      <input id="wfName" value="My workflow" />
-      <label>Nodes (JSON) — trigger → … → output</label>
-      <textarea id="wfNodes" spellcheck="false" style="min-height:240px"></textarea>
-      <pre id="validateOut" style="display:none"></pre>
-    </div>
-
-    <div class="section">
-      <h3>Saved workflows</h3>
-      <div id="list" class="grid"><div class="empty">Loading…</div></div>
-    </div>
-
-    <div class="section">
-      <h3>Run history</h3>
-      <div id="runs"><div class="empty">No runs yet.</div></div>
-    </div>
-
-    <div class="section">
-      <h3>Replay viewer</h3>
-      <div id="replay"><div class="empty">Select a workflow run.</div></div>
-    </div>
-  </main>
-
-  <script type="module">
-    import { mountHeader, api, escapeHtml, badge, toast } from "/static/scripts/platform.js";
-    mountHeader("/workflows");
-
-    const TEMPLATE = [
-      { id: "trigger", type: "trigger", name: "Manual start", config: { trigger: "manual" }, next: "review" },
-      { id: "review", type: "agent", name: "Multi-agent review", config: { goal: "Review the latest workspace changes", roles: ["planner", "executor", "reviewer"] }, next: "decide" },
-      { id: "decide", type: "condition", name: "Passed?", config: { left: "last_output", op: "truthy" }, branches: { true: "done", false: "done" } },
-      { id: "done", type: "output", name: "Output", config: {}, next: null },
-    ];
-
-    function loadTemplate() {
-      document.getElementById("wfName").value = "My workflow";
-      document.getElementById("wfNodes").value = JSON.stringify(TEMPLATE, null, 2);
-    }
-
-    function readNodes() { return JSON.parse(document.getElementById("wfNodes").value); }
-
-    document.getElementById("newBtn").addEventListener("click", loadTemplate);
-
-    document.getElementById("validateBtn").addEventListener("click", async () => {
-      const out = document.getElementById("validateOut");
-      out.style.display = "block";
-      try {
-        const res = await api("/workflows/api/validate", { method: "POST", body: JSON.stringify({ name: document.getElementById("wfName").value, nodes: readNodes() }) });
-        out.textContent = res.ok ? "✓ Valid workflow" : "Errors:\n" + res.errors.join("\n");
-      } catch (err) { out.textContent = "Error: " + err.message; }
-    });
-
-    document.getElementById("saveBtn").addEventListener("click", async () => {
-      try {
-        await api("/workflows/api/definitions", { method: "POST", body: JSON.stringify({ name: document.getElementById("wfName").value, nodes: readNodes() }) });
-        toast("Workflow saved"); await loadList();
-      } catch (err) { toast(err.message); }
-    });
-
-    async function loadList() {
-      const data = await api("/workflows/api/definitions");
-      const list = document.getElementById("list");
-      const items = data.workflows || [];
-      if (!items.length) { list.innerHTML = `<div class="empty">No workflows yet.</div>`; return; }
-      list.innerHTML = items.map((w) => `
-        <div class="card">
-          <h3>${escapeHtml(w.name)}</h3>
-          <div class="meta">${(w.nodes||w.steps||[]).length} node(s) · ${escapeHtml(w.updated_at||w.created_at||"")}</div>
-          <div class="row" style="margin-top:12px">
-            <button data-run="${w.id}">Run</button>
-            <a class="btn ghost" href="/workflows/api/export/${w.id}" target="_blank">Export</a>
-          </div>
-        </div>`).join("");
-    }
-
-    document.getElementById("list").addEventListener("click", async (e) => {
-      const btn = e.target.closest("button[data-run]");
-      if (!btn) return;
-      btn.disabled = true;
-      try {
-        const res = await api(`/workflows/api/definitions/${btn.dataset.run}/run`, { method: "POST", body: JSON.stringify({ inputs: {} }) });
-        toast(`Run ${res.result.status} · ${res.result.step_count} steps`);
-        await loadRuns();
-      } catch (err) { toast(err.message); } finally { btn.disabled = false; }
-    });
-
-    async function loadRuns() {
-      const data = await api("/workflows/api/runs");
-      const runs = data.runs || [];
-      const box = document.getElementById("runs");
-      if (!runs.length) { box.innerHTML = `<div class="empty">No runs yet.</div>`; return; }
-      box.innerHTML = runs.map((r) => `
-        <div class="card" style="margin-bottom:10px">
-          <div class="row"><h3>${escapeHtml(r.name)}</h3><div class="spacer"></div>${badge(r.status)}</div>
-          <div class="meta">${escapeHtml(r.created_at)} · ${ (r.timeline||[]).length } steps</div>
-          <div class="row" style="margin-top:10px"><button class="ghost" data-replay="${r.id}">Replay</button></div>
-          <pre>${escapeHtml(JSON.stringify(r.timeline, null, 2))}</pre>
-        </div>`).join("");
-    }
-
-    document.getElementById("runs").addEventListener("click", async (e) => {
-      const btn = e.target.closest("button[data-replay]");
-      if (!btn) return;
-      const out = document.getElementById("replay");
-      out.innerHTML = `<div class="empty">Loading replay…</div>`;
-      try {
-        const data = await api(`/workflows/api/runs/${btn.dataset.replay}/replay`);
-        const frames = data.replay.frames || [];
-        out.innerHTML = frames.map((f) => `<div class="timeline-item">
-          <div class="row"><strong>${escapeHtml(f.event)}</strong><div class="spacer"></div>${badge(f.decision || "event")}</div>
-          <div class="t-meta">${escapeHtml(String(f.actor||""))} · ${escapeHtml(f.when||"")}</div>
-          <pre>${escapeHtml(JSON.stringify({ why: f.why, input: f.input, output: f.output }, null, 2))}</pre>
-        </div>`).join("") || `<div class="empty">No replay frames.</div>`;
-      } catch (err) { out.innerHTML = `<div class="empty">${escapeHtml(err.message)}</div>`; }
-    });
-
-    loadTemplate();
-    loadList().catch((e) => toast(e.message));
-    loadRuns().catch(() => {});
-  </script>
-</body>
-</html>