ltcai 3.0.1 → 3.2.0

package/static/v3/js/core/dom.a2773eb0.js

@@ -0,0 +1,148 @@
+/* ============================================================================
+ * Lattice AI v3 — DOM helpers
+ * A tiny, dependency-free hyperscript. Builds real DOM nodes (no innerHTML for
+ * dynamic content → no injection surface). Ergonomic enough to author views.
+ * ========================================================================== */
+
+/**
+ * h("div.card#id", { props }, ...children)
+ *   - tag selector supports .class (many) and #id
+ *   - props: class | className, id, on:{event:fn}, dataset:{k:v},
+ *            style:{k:v} or string, html (trusted innerHTML), attrs (any other)
+ *   - children: Node | string | number | falsy (skipped) | array (flattened)
+ */
+export function h(selector, props, ...children) {
+  const { tag, id, classes } = parseSelector(selector);
+  const el = document.createElement(tag);
+  if (id) el.id = id;
+  if (classes.length) el.classList.add(...classes);
+
+  if (props && (props.nodeType || typeof props === "string" || Array.isArray(props))) {
+    children.unshift(props);
+    props = null;
+  }
+
+  if (props) {
+    for (const [key, val] of Object.entries(props)) {
+      if (val == null || val === false) continue;
+      if (key === "class" || key === "className") {
+        for (const c of String(val).split(/\s+/).filter(Boolean)) el.classList.add(c);
+      } else if (key === "on" && typeof val === "object") {
+        for (const [ev, fn] of Object.entries(val)) el.addEventListener(ev, fn);
+      } else if (key === "dataset" && typeof val === "object") {
+        for (const [k, v] of Object.entries(val)) { if (v != null) el.dataset[k] = v; }
+      } else if (key === "style" && typeof val === "object") {
+        for (const [k, v] of Object.entries(val)) el.style.setProperty(k, v);
+      } else if (key === "style") {
+        el.setAttribute("style", val);
+      } else if (key === "html") {
+        el.innerHTML = val;
+      } else if (key === "ref" && typeof val === "function") {
+        val(el);
+      } else if (key in el && key !== "list" && typeof val !== "object") {
+        try { el[key] = val; } catch { el.setAttribute(key, val); }
+      } else {
+        el.setAttribute(key, val === true ? "" : val);
+      }
+    }
+  }
+
+  appendChildren(el, children);
+  return el;
+}
+
+function parseSelector(sel) {
+  if (typeof sel !== "string") return { tag: "div", id: "", classes: [] };
+  const idMatch = sel.match(/#([\w-]+)/);
+  const id = idMatch ? idMatch[1] : "";
+  const classes = (sel.match(/\.([\w-]+)/g) || []).map((c) => c.slice(1));
+  const tag = (sel.match(/^([\w-]+)/) || [, "div"])[1];
+  return { tag, id, classes };
+}
+
+function appendChildren(el, children) {
+  for (const child of children.flat(Infinity)) {
+    if (child == null || child === false || child === true) continue;
+    el.append(child.nodeType ? child : document.createTextNode(String(child)));
+  }
+}
+
+/** Fragment of many children. */
+export function frag(...children) {
+  const f = document.createDocumentFragment();
+  appendChildren(f, children);
+  return f;
+}
+
+/** Replace the contents of a node. */
+export function render(host, ...children) {
+  host.replaceChildren();
+  appendChildren(host, children);
+  return host;
+}
+
+export function clear(host) { host.replaceChildren(); return host; }
+
+export function escapeHtml(s) {
+  return String(s == null ? "" : s).replace(/[&<>"']/g, (c) =>
+    ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c]));
+}
+
+export const $ = (sel, root = document) => root.querySelector(sel);
+export const $$ = (sel, root = document) => Array.from(root.querySelectorAll(sel));
+
+/** Tabler icon element: icon("home") → <i class="ti ti-home"> */
+export function icon(name, extra = "") {
+  const i = document.createElement("i");
+  i.className = `ti ti-${name}${extra ? " " + extra : ""}`;
+  i.setAttribute("aria-hidden", "true");
+  i.setAttribute("data-fallback", iconFallback(name));
+  return i;
+}
+
+function iconFallback(name) {
+  const map = {
+    home: "H", search: "?", menu: "=", x: "x", refresh: "R",
+    "arrow-up": "^", "arrow-up-right": ">", "arrows-join": "H",
+    "chart-dots-3": "G", "grid-dots": "V", message: "C", "message-2": "C",
+    "message-plus": "+", "message-off": "C", user: "U", users: "U",
+    settings: "S", files: "F", cpu: "M", "cpu-off": "M", "player-play": ">",
+    "player-stop": "s", "layout-sidebar": "<", "layout-sidebar-right": ">",
+    "external-link": "o", trash: "x", sparkles: "*", "alert-triangle": "!",
+    "alert-circle": "!", "info-circle": "i", "circle-check": "v",
+    "circle-filled": "*", "stack-2": "S", "ruler-2": "R", binary: "B",
+    category: "T", abc: "K", "search-off": "?"
+  };
+  if (map[name]) return map[name];
+  return String(name || "?").split("-").map((part) => part[0] || "").join("").slice(0, 2).toUpperCase() || "?";
+}
+
+/** Compact relative-time formatter. */
+export function timeAgo(value) {
+  if (!value) return "";
+  const then = new Date(value).getTime();
+  if (Number.isNaN(then)) return String(value);
+  const diff = Math.max(0, Date.now() - then);
+  const mins = Math.floor(diff / 60000);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.floor(mins / 60);
+  if (hrs < 24) return `${hrs}h ago`;
+  const days = Math.floor(hrs / 24);
+  if (days < 30) return `${days}d ago`;
+  return new Date(then).toLocaleDateString();
+}
+
+/** Format a number with thousands separators / compact suffix. */
+export function fmtNum(n) {
+  if (n == null || Number.isNaN(Number(n))) return "—";
+  const v = Number(n);
+  if (Math.abs(v) >= 1_000_000) return (v / 1_000_000).toFixed(1).replace(/\.0$/, "") + "M";
+  if (Math.abs(v) >= 1_000) return (v / 1_000).toFixed(1).replace(/\.0$/, "") + "k";
+  return v.toLocaleString();
+}
+
+export function debounce(fn, ms = 220) {
+  let t;
+  return (...args) => { clearTimeout(t); t = setTimeout(() => fn(...args), ms); };
+}

package/static/v3/js/core/router.584570f2.js

@@ -0,0 +1,37 @@
+/* ============================================================================
+ * Lattice AI v3 — Hash router
+ * Maps location.hash → { key, params }. Hash routing keeps the SPA shell
+ * served by a single static route (/app) with no server-side rewrites.
+ *   #/home                  → { key: "home" }
+ *   #/admin/users           → { key: "admin/users" }
+ *   #/chat?new=1            → { key: "chat", params: { new: "1" } }
+ * ========================================================================== */
+
+export function createRouter({ onRoute, fallback = "home" }) {
+  function parse() {
+    let hash = location.hash.replace(/^#\/?/, "");
+    let query = "";
+    const qi = hash.indexOf("?");
+    if (qi >= 0) { query = hash.slice(qi + 1); hash = hash.slice(0, qi); }
+    const key = hash.replace(/\/+$/, "") || fallback;
+    const params = {};
+    if (query) new URLSearchParams(query).forEach((v, k) => { params[k] = v; });
+    return { key, params };
+  }
+
+  function handle() { onRoute(parse()); }
+
+  return {
+    start() {
+      window.addEventListener("hashchange", handle);
+      if (!location.hash) { location.replace("#/" + fallback); }
+      else { handle(); }
+    },
+    current: parse,
+    navigate(key, params) {
+      const qs = params && Object.keys(params).length ? "?" + new URLSearchParams(params).toString() : "";
+      const next = "#/" + String(key).replace(/^#?\/?/, "") + qs;
+      if (location.hash === next) handle(); else location.hash = next;
+    },
+  };
+}

package/static/v3/js/core/routes.07ad6696.js

@@ -0,0 +1,89 @@
+/* ============================================================================
+ * Lattice AI v3 — Information architecture (single source of truth)
+ *
+ * One declarative table drives the nav rail, the command palette, the router,
+ * breadcrumbs, and lazy view loading. Mode gating (Basic < Advanced < Admin)
+ * and the Admin section live here so the whole shell stays consistent.
+ * ========================================================================== */
+
+export const MODE_RANK = { basic: 0, advanced: 1, admin: 2 };
+
+/** Nav groups in display order. */
+export const GROUPS = [
+  { id: "workspace", label: "Workspace" },
+  { id: "retrieval", label: "Retrieval" },
+  { id: "data", label: "Data" },
+  { id: "compute", label: "Compute" },
+  { id: "platform", label: "Platform" },
+  { id: "system", label: "System" },
+  { id: "admin", label: "Administration", adminOnly: true },
+];
+
+/**
+ * Route table. `minMode` = lowest mode in which the item appears in the rail
+ * (deep-links still resolve). `view` = module basename under js/views/.
+ */
+export const ROUTES = [
+  // Workspace
+  { key: "home", label: "Home", icon: "layout-dashboard", group: "workspace", minMode: "basic", view: "home", title: "Home", desc: "Your local-first AI workspace at a glance." },
+  { key: "chat", label: "Chat", icon: "message-2", group: "workspace", minMode: "basic", view: "chat", title: "Chat", desc: "Grounded conversation over your indexed workspace." },
+
+  // Retrieval (the product identity)
+  { key: "knowledge-graph", label: "Knowledge Graph", icon: "chart-dots-3", group: "retrieval", minMode: "basic", view: "knowledge-graph", title: "Knowledge Graph", desc: "Entities and relations extracted from your workspace." },
+  { key: "hybrid-search", label: "Hybrid Search", icon: "arrows-join", group: "retrieval", minMode: "basic", view: "hybrid-search", title: "Hybrid Search", desc: "Graph structure fused with vector similarity." },
+  { key: "memory", label: "Memory", icon: "brain", group: "retrieval", minMode: "basic", view: "memory", title: "Memory", desc: "Long-term workspace, project, agent, and conversation memory." },
+
+  // Data
+  { key: "files", label: "Files", icon: "folders", group: "data", minMode: "basic", view: "files", title: "Files", desc: "Connected sources and indexed documents." },
+  { key: "pipeline", label: "Pipeline", icon: "git-branch", group: "data", minMode: "advanced", view: "pipeline", title: "Pipeline", desc: "Ingest, embed, and graph-build flows." },
+
+  // Compute
+  { key: "agents", label: "Agents", icon: "robot", group: "compute", minMode: "advanced", view: "agents", title: "Agents", desc: "Multi-agent roles, runs, and handoffs." },
+  { key: "workflows", label: "Workflows", icon: "sitemap", group: "compute", minMode: "advanced", view: "workflows", title: "Workflow Agents", desc: "Trigger → agent chain → tools → memory → result." },
+  { key: "planning", label: "Planning", icon: "target-arrow", group: "compute", minMode: "advanced", view: "planning", title: "Autonomous Planning", desc: "Goal → plan → execute → review → replan." },
+  { key: "models", label: "Models", icon: "cpu", group: "compute", minMode: "basic", view: "models", title: "Models", desc: "Local MLX models and embeddings." },
+  { key: "my-computer", label: "My Computer", icon: "device-desktop-analytics", group: "compute", minMode: "advanced", view: "my-computer", title: "My Computer", desc: "Local hardware, memory, and runtime." },
+
+  // Platform (the agent ecosystem)
+  { key: "marketplace", label: "Marketplace", icon: "building-store", group: "platform", minMode: "advanced", view: "marketplace", title: "Marketplace", desc: "Agent templates, agents, plugins, and skills." },
+  { key: "skills", label: "Skills", icon: "puzzle", group: "platform", minMode: "advanced", view: "skills", title: "Skills", desc: "Install, enable, and manage skills." },
+  { key: "hooks", label: "Hooks", icon: "webhook", group: "platform", minMode: "advanced", view: "hooks", title: "Hooks", desc: "Lifecycle hooks across runs, tools, and workflows." },
+  { key: "tools", label: "Tools", icon: "tools", group: "platform", minMode: "advanced", view: "tools", title: "Tool Registry", desc: "Local, workspace, and MCP tools with governance." },
+  { key: "mcp", label: "MCP", icon: "plug-connected", group: "platform", minMode: "advanced", view: "mcp", title: "MCP Manager", desc: "Connected MCP servers, available tools, and health." },
+
+  // System
+  { key: "settings", label: "Settings", icon: "settings", group: "system", minMode: "basic", view: "settings", title: "Settings", desc: "Appearance, workspace, and integrations." },
+
+  // Admin
+  { key: "admin/users", label: "Users", icon: "users", group: "admin", minMode: "admin", view: "admin-users", title: "Users", desc: "Workspace members and access.", admin: true },
+  { key: "admin/permissions", label: "Permissions", icon: "key", group: "admin", minMode: "admin", view: "admin-permissions", title: "Permissions", desc: "Roles and capability mapping.", admin: true },
+  { key: "admin/audit", label: "Audit Logs", icon: "report-search", group: "admin", minMode: "admin", view: "admin-audit", title: "Audit Logs", desc: "Activity and access trail.", admin: true },
+  { key: "admin/security", label: "Security", icon: "shield-check", group: "admin", minMode: "admin", view: "admin-security", title: "Security", desc: "Sensitive-data signals and DLP.", admin: true },
+  { key: "admin/policies", label: "Policies", icon: "file-certificate", group: "admin", minMode: "admin", view: "admin-policies", title: "Policies", desc: "Governance and enforcement.", admin: true },
+  { key: "admin/private-vpc", label: "Private VPC", icon: "cloud-lock", group: "admin", minMode: "admin", view: "admin-private-vpc", title: "Private VPC", desc: "Network isolation and peering.", admin: true },
+];
+
+export const ROUTE_BY_KEY = Object.fromEntries(ROUTES.map((r) => [r.key, r]));
+
+/** Routes visible in the rail for a given mode. */
+export function visibleRoutes(mode) {
+  const rank = MODE_RANK[mode] ?? 0;
+  return ROUTES.filter((r) => {
+    if (r.admin) return mode === "admin";
+    return (MODE_RANK[r.minMode] ?? 0) <= rank;
+  });
+}
+
+/** Lazy-load a view module by basename. Cached. */
+const cache = new Map();
+function assetUrl(key, fallback) {
+  const manifest = window.__LT_ASSET_MANIFEST__;
+  return (manifest && manifest.assets && manifest.assets[key]) || fallback;
+}
+
+export async function loadView(view) {
+  if (cache.has(view)) return cache.get(view);
+  const mod = await import(assetUrl(`static/v3/js/views/${view}.js`, `../views/${view}.js`));
+  cache.set(view, mod);
+  return mod;
+}

package/static/v3/js/core/routes.js

@@ -14,6 +14,7 @@ export const GROUPS = [
   { id: "retrieval", label: "Retrieval" },
   { id: "data", label: "Data" },
   { id: "compute", label: "Compute" },
+  { id: "platform", label: "Platform" },
   { id: "system", label: "System" },
   { id: "admin", label: "Administration", adminOnly: true },
 ];
@@ -30,6 +31,7 @@ export const ROUTES = [
   // Retrieval (the product identity)
   { key: "knowledge-graph", label: "Knowledge Graph", icon: "chart-dots-3", group: "retrieval", minMode: "basic", view: "knowledge-graph", title: "Knowledge Graph", desc: "Entities and relations extracted from your workspace." },
   { key: "hybrid-search", label: "Hybrid Search", icon: "arrows-join", group: "retrieval", minMode: "basic", view: "hybrid-search", title: "Hybrid Search", desc: "Graph structure fused with vector similarity." },
+  { key: "memory", label: "Memory", icon: "brain", group: "retrieval", minMode: "basic", view: "memory", title: "Memory", desc: "Long-term workspace, project, agent, and conversation memory." },
 
   // Data
   { key: "files", label: "Files", icon: "folders", group: "data", minMode: "basic", view: "files", title: "Files", desc: "Connected sources and indexed documents." },
@@ -37,9 +39,18 @@ export const ROUTES = [
 
   // Compute
   { key: "agents", label: "Agents", icon: "robot", group: "compute", minMode: "advanced", view: "agents", title: "Agents", desc: "Multi-agent roles, runs, and handoffs." },
+  { key: "workflows", label: "Workflows", icon: "sitemap", group: "compute", minMode: "advanced", view: "workflows", title: "Workflow Agents", desc: "Trigger → agent chain → tools → memory → result." },
+  { key: "planning", label: "Planning", icon: "target-arrow", group: "compute", minMode: "advanced", view: "planning", title: "Autonomous Planning", desc: "Goal → plan → execute → review → replan." },
   { key: "models", label: "Models", icon: "cpu", group: "compute", minMode: "basic", view: "models", title: "Models", desc: "Local MLX models and embeddings." },
   { key: "my-computer", label: "My Computer", icon: "device-desktop-analytics", group: "compute", minMode: "advanced", view: "my-computer", title: "My Computer", desc: "Local hardware, memory, and runtime." },
 
+  // Platform (the agent ecosystem)
+  { key: "marketplace", label: "Marketplace", icon: "building-store", group: "platform", minMode: "advanced", view: "marketplace", title: "Marketplace", desc: "Agent templates, agents, plugins, and skills." },
+  { key: "skills", label: "Skills", icon: "puzzle", group: "platform", minMode: "advanced", view: "skills", title: "Skills", desc: "Install, enable, and manage skills." },
+  { key: "hooks", label: "Hooks", icon: "webhook", group: "platform", minMode: "advanced", view: "hooks", title: "Hooks", desc: "Lifecycle hooks across runs, tools, and workflows." },
+  { key: "tools", label: "Tools", icon: "tools", group: "platform", minMode: "advanced", view: "tools", title: "Tool Registry", desc: "Local, workspace, and MCP tools with governance." },
+  { key: "mcp", label: "MCP", icon: "plug-connected", group: "platform", minMode: "advanced", view: "mcp", title: "MCP Manager", desc: "Connected MCP servers, available tools, and health." },
+
   // System
   { key: "settings", label: "Settings", icon: "settings", group: "system", minMode: "basic", view: "settings", title: "Settings", desc: "Appearance, workspace, and integrations." },
 
@@ -65,9 +76,14 @@ export function visibleRoutes(mode) {
 
 /** Lazy-load a view module by basename. Cached. */
 const cache = new Map();
+function assetUrl(key, fallback) {
+  const manifest = window.__LT_ASSET_MANIFEST__;
+  return (manifest && manifest.assets && manifest.assets[key]) || fallback;
+}
+
 export async function loadView(view) {
   if (cache.has(view)) return cache.get(view);
-  const mod = await import(`../views/${view}.js`);
+  const mod = await import(assetUrl(`static/v3/js/views/${view}.js`, `../views/${view}.js`));
   cache.set(view, mod);
   return mod;
 }