ltcai 4.0.0 → 4.0.1

package/static/v3/js/views/workflows.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" }); }

package/static/v3/js/views/workspace-admin.c466029b.js

@@ -0,0 +1,156 @@
+import { t } from "../core/i18n.880e1fec.js";
+
+export async function render(ctx) {
+  const { h, icon, api, store, c, toast } = ctx;
+  const host = h("div.lt3-stack-6", c.loading({ lines: 5, block: true }));
+
+  async function load() {
+    const [registry, invites] = await Promise.all([api.workspaceRegistry(), api.invitations()]);
+    const data = registry.data || {};
+    const workspaces = Array.isArray(data.workspaces) ? data.workspaces : [];
+    store.setWorkspaces(workspaces.length ? workspaces : store.get().workspaces);
+    host.replaceChildren(
+      c.viewHeader({
+        eyebrow: t("workspace.eyebrow"),
+        title: t("workspace.title"),
+        sub: t("workspace.sub"),
+        actions: [c.sourceBadge(registry.source)],
+      }),
+      createOrgPanel(),
+      workspaceGrid(workspaces, data),
+      invitationsPanel(invites),
+    );
+  }
+
+  function createOrgPanel() {
+    const name = h("input.lt3-input", { type: "text", "aria-label": t("workspace.orgName"), placeholder: t("workspace.orgName") });
+    return c.panel({
+      title: t("workspace.createOrg"),
+      children: h("div.lt3-row-2",
+        name,
+        h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          if (!name.value.trim()) return;
+          const res = await api.createOrg(name.value.trim());
+          toast(resultText(res, t("workspace.createOrg")), res.ok ? "ok" : "err");
+          if (res.ok) { name.value = ""; load(); }
+        } } }, icon("plus"), t("workspace.createOrg")),
+      ),
+    });
+  }
+
+  function workspaceGrid(workspaces, registry) {
+    if (!workspaces.length) {
+      return c.emptyState({ icon: "building-community", title: t("workspace.title"), body: t("common.unavailable") });
+    }
+    return h("div.lt3-grid-auto", workspaces.map((ws) => workspaceCard(ws, registry)));
+  }
+
+  function workspaceCard(ws, registry) {
+    const roleOptions = registry.roles || ["owner", "admin", "member", "viewer"];
+    const members = Array.isArray(ws.members) ? ws.members : [];
+    const userId = h("input.lt3-input", { type: "text", placeholder: t("workspace.userId"), "aria-label": t("workspace.userId") });
+    const role = h("select.lt3-select", { "aria-label": t("common.role") }, roleOptions.map((r) => h("option", { value: r }, roleLabel(r))));
+    return c.card(h("div.lt3-stack-4",
+      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start", gap: "var(--lt3-space-3)" } },
+        h("div",
+          h("b", ws.name || ws.workspace_id),
+          h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)" } }, ws.workspace_id),
+        ),
+        c.pill(roleLabel(ws.your_role || "member"), "info"),
+      ),
+      h("dl.lt3-keyval",
+        h("dt", t("common.type")), h("dd", ws.type || "—"),
+        h("dt", t("common.status")), h("dd", c.statePill(ws.status || "active")),
+        h("dt", t("workspace.members")), h("dd", String(ws.member_count ?? members.length)),
+      ),
+      h("div.lt3-row-2",
+        h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => activate(ws.workspace_id) } }, icon("selector"), t("workspace.activate")),
+        ws.type === "organization" ? h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => archive(ws.workspace_id) } }, icon("archive"), t("workspace.archive")) : null,
+      ),
+      ws.type === "organization" ? h("div.lt3-stack-3",
+        h("div.lt3-eyebrow", t("workspace.members")),
+        members.length ? c.table([
+          { key: "user", label: t("workspace.userId"), render: (m) => h("span.lt3-mono", m.user_id || "—") },
+          { key: "role", label: t("common.role"), width: "1%", render: (m) => c.pill(roleLabel(m.role)) },
+          { key: "act", label: "", width: "1%", render: (m) => h("button.lt3-iconbtn.lt3-iconbtn--sm", { "aria-label": t("common.cancel"), on: { click: () => removeMember(ws.workspace_id, m.user_id) } }, icon("trash")) },
+        ], members) : c.emptyState({ icon: "users", title: t("workspace.members"), body: t("common.none") }),
+        h("div.lt3-row-2", userId, role, h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => addMember(ws.workspace_id, userId.value.trim(), role.value) } }, icon("user-plus"), t("workspace.addMember"))),
+      ) : null,
+    ), { interactive: false });
+  }
+
+  function invitationsPanel(invites) {
+    const rows = Array.isArray(invites.data?.invitations) ? invites.data.invitations : [];
+    const email = h("input.lt3-input", { type: "email", placeholder: t("workspace.inviteEmail"), "aria-label": t("workspace.inviteEmail") });
+    const workspace = h("input.lt3-input", { type: "text", placeholder: "workspace_id", "aria-label": "workspace_id", value: store.get().workspaceId || "personal" });
+    const role = h("select.lt3-select", { "aria-label": t("common.role") },
+      ["member", "viewer", "admin"].map((r) => h("option", { value: r }, roleLabel(r))));
+    const token = h("input.lt3-input", { type: "text", placeholder: t("workspace.inviteToken"), "aria-label": t("workspace.inviteToken") });
+
+    return c.panel({
+      title: t("workspace.invitations"),
+      actions: [c.sourceBadge(invites.source)],
+      children: h("div.lt3-stack-4",
+        h("div.lt3-grid-2",
+          h("div.lt3-field", h("label.lt3-label", t("workspace.inviteEmail")), email),
+          h("div.lt3-field", h("label.lt3-label", "workspace_id"), workspace),
+        ),
+        h("div.lt3-row-2", role, h("button.lt3-btn.lt3-btn--primary", { on: { click: () => createInvite(email.value.trim(), workspace.value.trim(), role.value) } }, icon("mail-plus"), t("workspace.invitations"))),
+        rows.length ? c.table([
+          { key: "email", label: t("account.email"), render: (r) => r.email || "—" },
+          { key: "role", label: t("common.role"), width: "1%", render: (r) => c.pill(roleLabel(r.role)) },
+          { key: "token", label: t("workspace.inviteToken"), render: (r) => h("span.lt3-mono", r.token || r.id || "—") },
+          { key: "status", label: t("common.status"), width: "1%", render: (r) => c.statePill(r.status || (r.accepted_at ? "ready" : "pending")) },
+        ], rows.slice(0, 20)) : c.emptyState({ icon: "mail", title: t("workspace.invitations"), body: t("common.none") }),
+        h("hr.lt3-divider"),
+        h("div.lt3-row-2", token, h("button.lt3-btn.lt3-btn--ghost", { on: { click: () => acceptInvite(token.value.trim()) } }, icon("circle-check"), t("workspace.acceptInvite"))),
+      ),
+    });
+  }
+
+  async function activate(workspace_id) {
+    const res = await api.activateWorkspace(workspace_id);
+    toast(resultText(res, t("workspace.activated")), res.ok ? "ok" : "err");
+    if (res.ok) { store.setWorkspace(workspace_id); load(); }
+  }
+  async function archive(workspace_id) {
+    const res = await api.archiveWorkspace(workspace_id);
+    toast(resultText(res, t("workspace.archived")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function addMember(workspace_id, user_id, role) {
+    if (!user_id) return;
+    const res = await api.addWorkspaceMember(workspace_id, user_id, role);
+    toast(resultText(res, t("workspace.memberAdded")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function removeMember(workspace_id, user_id) {
+    const res = await api.removeWorkspaceMember(workspace_id, user_id);
+    toast(resultText(res, t("workspace.memberAdded")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function createInvite(email, workspace_id, role) {
+    const res = await api.createInvitation({ email: email || null, workspace_id: workspace_id || null, role, expires_hours: 168 });
+    toast(resultText(res, t("workspace.inviteCreated")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function acceptInvite(token) {
+    if (!token) return;
+    const res = await api.acceptInvitation(token);
+    toast(resultText(res, t("workspace.inviteAccepted")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+
+  await load();
+  return host;
+}
+
+function roleLabel(role) {
+  return t(`common.${String(role || "member")}`) || String(role || "member");
+}
+
+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/workspace-admin.js

@@ -0,0 +1,156 @@
+import { t } from "../core/i18n.js";
+
+export async function render(ctx) {
+  const { h, icon, api, store, c, toast } = ctx;
+  const host = h("div.lt3-stack-6", c.loading({ lines: 5, block: true }));
+
+  async function load() {
+    const [registry, invites] = await Promise.all([api.workspaceRegistry(), api.invitations()]);
+    const data = registry.data || {};
+    const workspaces = Array.isArray(data.workspaces) ? data.workspaces : [];
+    store.setWorkspaces(workspaces.length ? workspaces : store.get().workspaces);
+    host.replaceChildren(
+      c.viewHeader({
+        eyebrow: t("workspace.eyebrow"),
+        title: t("workspace.title"),
+        sub: t("workspace.sub"),
+        actions: [c.sourceBadge(registry.source)],
+      }),
+      createOrgPanel(),
+      workspaceGrid(workspaces, data),
+      invitationsPanel(invites),
+    );
+  }
+
+  function createOrgPanel() {
+    const name = h("input.lt3-input", { type: "text", "aria-label": t("workspace.orgName"), placeholder: t("workspace.orgName") });
+    return c.panel({
+      title: t("workspace.createOrg"),
+      children: h("div.lt3-row-2",
+        name,
+        h("button.lt3-btn.lt3-btn--primary", { on: { click: async () => {
+          if (!name.value.trim()) return;
+          const res = await api.createOrg(name.value.trim());
+          toast(resultText(res, t("workspace.createOrg")), res.ok ? "ok" : "err");
+          if (res.ok) { name.value = ""; load(); }
+        } } }, icon("plus"), t("workspace.createOrg")),
+      ),
+    });
+  }
+
+  function workspaceGrid(workspaces, registry) {
+    if (!workspaces.length) {
+      return c.emptyState({ icon: "building-community", title: t("workspace.title"), body: t("common.unavailable") });
+    }
+    return h("div.lt3-grid-auto", workspaces.map((ws) => workspaceCard(ws, registry)));
+  }
+
+  function workspaceCard(ws, registry) {
+    const roleOptions = registry.roles || ["owner", "admin", "member", "viewer"];
+    const members = Array.isArray(ws.members) ? ws.members : [];
+    const userId = h("input.lt3-input", { type: "text", placeholder: t("workspace.userId"), "aria-label": t("workspace.userId") });
+    const role = h("select.lt3-select", { "aria-label": t("common.role") }, roleOptions.map((r) => h("option", { value: r }, roleLabel(r))));
+    return c.card(h("div.lt3-stack-4",
+      h("div.lt3-row", { style: { "justify-content": "space-between", "align-items": "flex-start", gap: "var(--lt3-space-3)" } },
+        h("div",
+          h("b", ws.name || ws.workspace_id),
+          h("div.lt3-faint", { style: { "font-size": "var(--lt3-text-2xs)", "font-family": "var(--lt3-font-mono)" } }, ws.workspace_id),
+        ),
+        c.pill(roleLabel(ws.your_role || "member"), "info"),
+      ),
+      h("dl.lt3-keyval",
+        h("dt", t("common.type")), h("dd", ws.type || "—"),
+        h("dt", t("common.status")), h("dd", c.statePill(ws.status || "active")),
+        h("dt", t("workspace.members")), h("dd", String(ws.member_count ?? members.length)),
+      ),
+      h("div.lt3-row-2",
+        h("button.lt3-btn.lt3-btn--subtle.lt3-btn--sm", { on: { click: () => activate(ws.workspace_id) } }, icon("selector"), t("workspace.activate")),
+        ws.type === "organization" ? h("button.lt3-btn.lt3-btn--ghost.lt3-btn--sm", { on: { click: () => archive(ws.workspace_id) } }, icon("archive"), t("workspace.archive")) : null,
+      ),
+      ws.type === "organization" ? h("div.lt3-stack-3",
+        h("div.lt3-eyebrow", t("workspace.members")),
+        members.length ? c.table([
+          { key: "user", label: t("workspace.userId"), render: (m) => h("span.lt3-mono", m.user_id || "—") },
+          { key: "role", label: t("common.role"), width: "1%", render: (m) => c.pill(roleLabel(m.role)) },
+          { key: "act", label: "", width: "1%", render: (m) => h("button.lt3-iconbtn.lt3-iconbtn--sm", { "aria-label": t("common.cancel"), on: { click: () => removeMember(ws.workspace_id, m.user_id) } }, icon("trash")) },
+        ], members) : c.emptyState({ icon: "users", title: t("workspace.members"), body: t("common.none") }),
+        h("div.lt3-row-2", userId, role, h("button.lt3-btn.lt3-btn--primary.lt3-btn--sm", { on: { click: () => addMember(ws.workspace_id, userId.value.trim(), role.value) } }, icon("user-plus"), t("workspace.addMember"))),
+      ) : null,
+    ), { interactive: false });
+  }
+
+  function invitationsPanel(invites) {
+    const rows = Array.isArray(invites.data?.invitations) ? invites.data.invitations : [];
+    const email = h("input.lt3-input", { type: "email", placeholder: t("workspace.inviteEmail"), "aria-label": t("workspace.inviteEmail") });
+    const workspace = h("input.lt3-input", { type: "text", placeholder: "workspace_id", "aria-label": "workspace_id", value: store.get().workspaceId || "personal" });
+    const role = h("select.lt3-select", { "aria-label": t("common.role") },
+      ["member", "viewer", "admin"].map((r) => h("option", { value: r }, roleLabel(r))));
+    const token = h("input.lt3-input", { type: "text", placeholder: t("workspace.inviteToken"), "aria-label": t("workspace.inviteToken") });
+
+    return c.panel({
+      title: t("workspace.invitations"),
+      actions: [c.sourceBadge(invites.source)],
+      children: h("div.lt3-stack-4",
+        h("div.lt3-grid-2",
+          h("div.lt3-field", h("label.lt3-label", t("workspace.inviteEmail")), email),
+          h("div.lt3-field", h("label.lt3-label", "workspace_id"), workspace),
+        ),
+        h("div.lt3-row-2", role, h("button.lt3-btn.lt3-btn--primary", { on: { click: () => createInvite(email.value.trim(), workspace.value.trim(), role.value) } }, icon("mail-plus"), t("workspace.invitations"))),
+        rows.length ? c.table([
+          { key: "email", label: t("account.email"), render: (r) => r.email || "—" },
+          { key: "role", label: t("common.role"), width: "1%", render: (r) => c.pill(roleLabel(r.role)) },
+          { key: "token", label: t("workspace.inviteToken"), render: (r) => h("span.lt3-mono", r.token || r.id || "—") },
+          { key: "status", label: t("common.status"), width: "1%", render: (r) => c.statePill(r.status || (r.accepted_at ? "ready" : "pending")) },
+        ], rows.slice(0, 20)) : c.emptyState({ icon: "mail", title: t("workspace.invitations"), body: t("common.none") }),
+        h("hr.lt3-divider"),
+        h("div.lt3-row-2", token, h("button.lt3-btn.lt3-btn--ghost", { on: { click: () => acceptInvite(token.value.trim()) } }, icon("circle-check"), t("workspace.acceptInvite"))),
+      ),
+    });
+  }
+
+  async function activate(workspace_id) {
+    const res = await api.activateWorkspace(workspace_id);
+    toast(resultText(res, t("workspace.activated")), res.ok ? "ok" : "err");
+    if (res.ok) { store.setWorkspace(workspace_id); load(); }
+  }
+  async function archive(workspace_id) {
+    const res = await api.archiveWorkspace(workspace_id);
+    toast(resultText(res, t("workspace.archived")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function addMember(workspace_id, user_id, role) {
+    if (!user_id) return;
+    const res = await api.addWorkspaceMember(workspace_id, user_id, role);
+    toast(resultText(res, t("workspace.memberAdded")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function removeMember(workspace_id, user_id) {
+    const res = await api.removeWorkspaceMember(workspace_id, user_id);
+    toast(resultText(res, t("workspace.memberAdded")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function createInvite(email, workspace_id, role) {
+    const res = await api.createInvitation({ email: email || null, workspace_id: workspace_id || null, role, expires_hours: 168 });
+    toast(resultText(res, t("workspace.inviteCreated")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+  async function acceptInvite(token) {
+    if (!token) return;
+    const res = await api.acceptInvitation(token);
+    toast(resultText(res, t("workspace.inviteAccepted")), res.ok ? "ok" : "err");
+    if (res.ok) load();
+  }
+
+  await load();
+  return host;
+}
+
+function roleLabel(role) {
+  return t(`common.${String(role || "member")}`) || String(role || "member");
+}
+
+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/account.html

@@ -1,113 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
-    <title>Lattice AI</title>
-    <script src="/static/scripts/ux.js"></script>
-    <link rel="manifest" href="/manifest.json">
-    <meta name="theme-color" content="#f3ecff">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
-    <link rel="stylesheet" href="/static/vendor/fonts/inter.css">
-    <link rel="stylesheet" href="/static/vendor/icons/tabler-icons.min.css">
-    <link rel="stylesheet" href="/static/css/tokens.css">
-    <link rel="stylesheet" href="/static/css/reference/base.css">
-    <link rel="stylesheet" href="/static/css/reference/account.css">
-    <link rel="stylesheet" href="/static/css/reference/admin.css">
-    <link rel="stylesheet" href="/static/css/reference/graph.css">
-    <link rel="stylesheet" href="/static/css/reference/chat.css">
-    <link rel="stylesheet" href="/static/css/responsive.css">
-</head>
-<body class="lattice-ref-auth">
-    <div class="orb orb-1"></div>
-    <div class="orb orb-2"></div>
-    <div class="auth-titlebar" aria-hidden="true">
-        <div class="auth-window-brand"><i class="ti ti-cube-3d-sphere"></i><span>Lattice AI</span></div>
-        <div class="auth-window-controls"><span></span><span></span><span></span></div>
-    </div>
-    <div class="auth-wave auth-wave-left" aria-hidden="true"></div>
-    <div class="auth-wave auth-wave-right" aria-hidden="true"></div>
-    <div class="auth-network" aria-hidden="true">
-        <span></span><span></span><span></span><span></span><span></span><span></span>
-    </div>
-
-    <div class="login-shell">
-        <div class="brand-preview" aria-hidden="true">
-            <div class="preview-node n1"></div>
-            <div class="preview-node n2"></div>
-            <div class="preview-node n3"></div>
-            <div class="preview-node n4"></div>
-            <div class="preview-line l1"></div>
-            <div class="preview-line l2"></div>
-            <div class="preview-line l3"></div>
-        </div>
-    <div class="card">
-        <div class="lang-wrap">
-            <button class="lang-btn" id="lang-btn" onclick="toggleLang()">🌐 Language</button>
-            <div class="lang-menu" id="lang-menu">
-                <div class="lang-opt" id="opt-ko" onclick="setLang('ko')">🇰🇷 한국어</div>
-                <div class="lang-opt" id="opt-en" onclick="setLang('en')">🇺🇸 English</div>
-            </div>
-        </div>
-        <!-- Login form -->
-        <div id="login-section">
-            <div class="hero-logo">
-                <div class="hero-logo-mark"><i class="ti ti-cube-3d-sphere"></i></div>
-                <h2 class="title" id="login-title">Lattice AI</h2>
-            </div>
-            <p class="subtitle" id="login-sub">내 PC에서 시작하는<br>개인 AI 워크스페이스</p>
-            <label class="auth-field">
-                <i class="ti ti-mail"></i>
-                <input class="input" type="email" id="login-email" placeholder="이메일 주소">
-            </label>
-            <label class="auth-field">
-                <i class="ti ti-lock"></i>
-                <input class="input" type="password" id="login-pw" placeholder="비밀번호" onkeydown="if(event.key==='Enter')doLogin()">
-                <button type="button" class="field-eye" onclick="togglePasswordVisibility()" title="비밀번호 보기"><i class="ti ti-eye"></i></button>
-            </label>
-            <div class="msg" id="login-msg"></div>
-            <button class="submit" id="login-btn" onclick="doLogin()" data-ko="로그인" data-en="Log in">로그인</button>
-            <button class="register-cta" id="go-register-link" onclick="showSection('register');return false;">회원가입</button>
-            <div id="sso-section">
-                <div class="sso-divider" id="sso-divider-text">조직 계정으로 로그인</div>
-                <button class="sso-btn sso-ms" onclick="doSSOLogin('microsoft')">
-                    <span class="ms-logo" aria-hidden="true"><b></b><b></b><b></b><b></b></span>
-                    <span id="sso-ms-label">Microsoft Entra ID로 계속하기</span>
-                </button>
-                <button class="sso-btn sso-okta" onclick="doSSOLogin('okta')">
-                    <span class="okta-logo" aria-hidden="true"></span>
-                    <span id="sso-okta-label">Okta SSO로 계속하기</span>
-                </button>
-            </div>
-            <button class="local-start" onclick="showSection('register');return false;"><i class="ti ti-device-desktop"></i> <span id="local-start-label">로컬 계정으로 시작</span></button>
-        </div>
-
-        <!-- Register form -->
-        <div id="register-section" style="display:none;">
-            <div class="logo"><i class="ti ti-user-plus"></i></div>
-            <h2 class="title" id="reg-title">계정 만들기</h2>
-            <p class="subtitle" id="reg-sub">Lattice AI 워크스페이스에 참여하세요</p>
-            <input class="input" type="email" id="reg-email" placeholder="이메일 주소">
-            <input class="input" type="password" id="reg-pw" placeholder="비밀번호 (4자 이상)">
-            <input class="input" type="password" id="reg-pw2" placeholder="비밀번호 확인">
-            <input class="input" type="text" id="reg-name" placeholder="이름">
-            <input class="input" type="text" id="reg-nick" placeholder="닉네임">
-            <div class="msg" id="reg-msg"></div>
-            <button class="submit" id="reg-btn" onclick="doRegister()">가입하기</button>
-            <p class="switch" id="reg-switch">
-                <span id="have-account-text">이미 계정이 있나요?</span>
-                <a href="#" onclick="showSection('login');return false;" id="go-login-link">로그인</a>
-            </p>
-        </div>
-    </div>
-    </div>
-    <footer class="auth-footer">
-        <a href="#" onclick="return false;" id="help-link">도움말</a>
-        <a href="#" onclick="return false;" id="privacy-link">개인정보 처리방침</a>
-    </footer>
-
-    <script src="/static/scripts/account.js"></script>
-</body>
-</html>

package/static/activity.html

@@ -1,73 +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>Realtime Activity — 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>Realtime Activity</h1>
-    <p class="sub" id="sub">Live presence + activity feed across workspace, graph, agent, and workflow events (SSE).</p>
-
-    <div class="row">
-      <span class="badge" id="connBadge">connecting…</span>
-      <span class="badge" id="presenceBadge">presence: 0</span>
-      <div class="spacer"></div>
-      <button class="ghost" id="clearBtn">Clear view</button>
-    </div>
-
-    <div class="section">
-      <h3>Live feed</h3>
-      <div id="feed"><div class="empty">Waiting for events…</div></div>
-    </div>
-  </main>
-
-  <script type="module">
-    import { mountHeader, api, escapeHtml, badge } from "/static/scripts/platform.js";
-    mountHeader("/activity");
-
-    const feed = document.getElementById("feed");
-    const seen = new Set();
-
-    function renderEvent(ev) {
-      if (ev.seq && seen.has(ev.seq)) return;
-      if (ev.seq) seen.add(ev.seq);
-      if (feed.querySelector(".empty")) feed.innerHTML = "";
-      const node = document.createElement("div");
-      node.className = "timeline-item";
-      node.innerHTML = `<div class="row">${badge(ev.area || "event")} <strong>${escapeHtml(ev.event_type || "")}</strong>
-        <span class="t-meta">${escapeHtml(ev.workspace_id || "personal")} · ${escapeHtml(ev.received_at || ev.timestamp || "")}</span></div>
-        <pre style="max-height:160px">${escapeHtml(JSON.stringify(ev.payload || {}, null, 2))}</pre>`;
-      feed.prepend(node);
-      while (feed.children.length > 100) feed.lastChild.remove();
-    }
-
-    async function refreshPresence() {
-      try {
-        const data = await api("/realtime/presence");
-        document.getElementById("presenceBadge").textContent = `presence: ${data.presence.length}`;
-        document.getElementById("sub").textContent =
-          `Transport: ${data.stats.transport.toUpperCase()} · subscribers: ${data.stats.subscribers} · feed: ${data.stats.feed_size}`;
-      } catch {}
-    }
-
-    document.getElementById("clearBtn").addEventListener("click", () => { feed.innerHTML = `<div class="empty">Cleared.</div>`; });
-
-    // Seed with recent feed, then connect to the SSE stream.
-    api("/realtime/feed?limit=30").then((d) => (d.events || []).reverse().forEach(renderEvent)).catch(() => {});
-
-    const es = new EventSource("/realtime/stream");
-    es.onopen = () => { document.getElementById("connBadge").textContent = "● live"; document.getElementById("connBadge").className = "badge ok"; };
-    es.onerror = () => { document.getElementById("connBadge").textContent = "○ reconnecting"; document.getElementById("connBadge").className = "badge warn"; };
-    es.onmessage = (e) => { try { renderEvent(JSON.parse(e.data)); } catch {} };
-
-    refreshPresence();
-    setInterval(refreshPresence, 8000);
-  </script>
-</body>
-</html>