@lunora/studio 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist/{packem_shared/TableEditor-ChfUOZec.js → packem_chunks/TableEditor.js}

@@ -2,104 +2,21 @@ import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useNavigate, useRouter, useSearch } from '@tanstack/react-router';
 import { useRef, useState, useEffect } from 'react';
-import { T as TIER_META } from './storage-tier-CL98eOvn.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget } from './internal-rXJEAhXS.js';
-import { DataBrowser } from './DataBrowser-CtBe1So9.js';
-import { GlobalDataBrowser } from './GlobalDataBrowser-BTEmGrph.js';
+import { T as TIER_META } from '../packem_shared/storage-tier-CL98eOvn.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { s as searchToDataView, d as dataViewToSearch } from '../packem_shared/data-view-params-Cd6yRVbv.js';
+import { f as fireAndForget } from '../packem_shared/internal-zwBoOv24.js';
+import { l as loadJsonArray, s as saveJson } from '../packem_shared/browser-storage-L4gOP5gJ.js';
+import { DataBrowser } from '../packem_shared/DataBrowser-C8hejnub.js';
+import { GlobalDataBrowser } from '../packem_shared/GlobalDataBrowser-CxJxRRf2.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
-const VALID_OPERATORS = /* @__PURE__ */ new Set(["contains", "eq", "gt", "gte", "lt", "lte", "ne"]);
-const isFilterClause = (entry) => {
-  if (entry === null || typeof entry !== "object") {
-    return false;
-  }
-  const candidate = entry;
-  return typeof candidate.column === "string" && typeof candidate.operator === "string" && VALID_OPERATORS.has(candidate.operator);
-};
-const parseFilters = (raw) => {
-  if (typeof raw !== "string" || raw === "") {
-    return [];
-  }
-  try {
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed.filter(isFilterClause) : [];
-  } catch {
-    return [];
-  }
-};
-const parseOrder = (raw) => {
-  if (typeof raw !== "string" || raw === "") {
-    return void 0;
-  }
-  const separator = raw.lastIndexOf(":");
-  if (separator <= 0) {
-    return void 0;
-  }
-  const column = raw.slice(0, separator);
-  const direction = raw.slice(separator + 1);
-  if (direction !== "asc" && direction !== "desc") {
-    return void 0;
-  }
-  return {
-    column,
-    direction
-  };
-};
-const searchToDataView = (search) => {
-  const filters = parseFilters(search["filters"]);
-  const orderBy = parseOrder(search["order"]);
-  return {
-    filters: filters.length > 0 ? filters : void 0,
-    orderBy,
-    search: typeof search["search"] === "string" && search["search"] !== "" ? search["search"] : void 0,
-    shard: typeof search["shard"] === "string" && search["shard"] !== "" ? search["shard"] : void 0,
-    table: typeof search["table"] === "string" && search["table"] !== "" ? search["table"] : void 0,
-    tier: search["schema"] === "global" ? "global" : "shard"
-  };
-};
-const dataViewToSearch = (view) => {
-  const filters = view.filters ?? [];
-  return {
-    filters: filters.length > 0 ? JSON.stringify(filters) : void 0,
-    order: view.orderBy === void 0 ? void 0 : `${view.orderBy.column}:${view.orderBy.direction}`,
-    schema: view.tier === "global" ? "global" : void 0,
-    search: view.search !== void 0 && view.search !== "" ? view.search : void 0,
-    shard: view.shard !== void 0 && view.shard !== "" ? view.shard : void 0,
-    table: view.table !== void 0 && view.table !== "" ? view.table : void 0
-  };
-};
-
 const STORAGE_KEY = "lunora-studio-saved-queries";
 const MAX_SAVED = 50;
-const store = () => {
-  try {
-    return globalThis.localStorage;
-  } catch {
-    return void 0;
-  }
-};
 const isSavedQuery = (entry) => entry !== null && typeof entry === "object" && typeof entry.name === "string" && typeof entry.view === "object" && entry.view !== null;
-const loadSavedQueries = () => {
-  try {
-    const raw = store()?.getItem(STORAGE_KEY);
-    if (raw === null || raw === void 0) {
-      return [];
-    }
-    const parsed = JSON.parse(raw);
-    return Array.isArray(parsed) ? parsed.filter(isSavedQuery) : [];
-  } catch {
-    return [];
-  }
-};
+const loadSavedQueries = () => loadJsonArray(STORAGE_KEY).filter(isSavedQuery);
 const persist = (queries) => {
-  const storage = store();
-  if (storage !== void 0) {
-    try {
-      storage.setItem(STORAGE_KEY, JSON.stringify(queries));
-    } catch {
-    }
-  }
+  saveJson(STORAGE_KEY, queries);
 };
 const saveQuery = (name, view) => {
   const trimmed = name.trim();
@@ -260,14 +177,16 @@ const TableEditor = ({
       to: "/data"
     }));
   };
-  const onSelectTable = (table_0) => {
+  const onSelectTable = (table_0, options) => {
     if (!onDataRoute()) {
       return;
     }
     fireAndForget(navigate({
       search: (previous_1) => {
         return {
-          ...previous_1,
+          schema: previous_1["schema"],
+          search: options?.search,
+          shard: previous_1["shard"],
           table: table_0
         };
       },

package/dist/packem_chunks/agents-panel.js

@@ -0,0 +1,326 @@
+import { useState } from 'react';
+import { E as ErrorAlert } from '../packem_shared/error-alert-vIPQoN3Y.js';
+import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
+import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
+import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BGJ010yZ.js';
+import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
+import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-DNeyYtUN.js';
+import { i as formatTimestamp } from '../packem_shared/internal-zwBoOv24.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const THREADS_TABLE = "agent_threads";
+const MESSAGES_TABLE = "agent_messages";
+const THREAD_LIMIT = 100;
+const MESSAGE_LIMIT = 250;
+const NO_ARGS = {};
+const THREADS_ARGS = {
+  filters: [],
+  limit: THREAD_LIMIT,
+  offset: 0,
+  orderBy: {
+    column: "updatedAt",
+    direction: "desc"
+  },
+  skipCount: true,
+  table: THREADS_TABLE
+};
+const readString = (row, key) => {
+  const value = row[key];
+  return typeof value === "string" ? value : void 0;
+};
+const readNumber = (row, key) => {
+  const value = row[key];
+  return typeof value === "number" ? value : void 0;
+};
+const readTotalTokens = (row) => {
+  const {
+    usage
+  } = row;
+  if (usage === null || typeof usage !== "object") {
+    return void 0;
+  }
+  const {
+    totalTokens
+  } = usage;
+  return typeof totalTokens === "number" ? totalTokens : void 0;
+};
+const readToolNames = (row) => {
+  const {
+    toolCalls
+  } = row;
+  if (!Array.isArray(toolCalls)) {
+    return [];
+  }
+  return toolCalls.map((call) => call !== null && typeof call === "object" ? call.name : void 0).filter((name) => typeof name === "string");
+};
+const threadStatusVariant = (status) => {
+  switch (status) {
+    case "awaiting_input": {
+      return "warning";
+    }
+    case "cancelled": {
+      return "warning";
+    }
+    case "error": {
+      return "destructive";
+    }
+    case "running": {
+      return "info";
+    }
+    default: {
+      return "outline";
+    }
+  }
+};
+const approvalVariant = (status) => {
+  switch (status) {
+    case "approved": {
+      return "success";
+    }
+    case "rejected": {
+      return "destructive";
+    }
+    default: {
+      return "warning";
+    }
+  }
+};
+const AgentsPanel = ({
+  initialShardKey = ""
+}) => {
+  const t = useT();
+  const [selectedKey, setSelectedKey] = useState(void 0);
+  const {
+    data: tables
+  } = useAdminQuery(ADMIN_FUNCTIONS.listTables, NO_ARGS, {
+    live: true,
+    shardKey: initialShardKey
+  });
+  const loadedTables = tables !== void 0;
+  const hasAgentTables = Array.isArray(tables) && tables.some((table) => table.name === THREADS_TABLE);
+  const {
+    data: threadsPage,
+    error: threadsError,
+    errorSource: threadsErrorSource,
+    liveError: threadsLiveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, THREADS_ARGS, {
+    enabled: hasAgentTables,
+    live: true,
+    shardKey: initialShardKey
+  });
+  const messagesArgs = {
+    filters: [{
+      column: "threadKey",
+      operator: "eq",
+      value: selectedKey ?? ""
+    }],
+    limit: MESSAGE_LIMIT,
+    offset: 0,
+    orderBy: {
+      column: "seq",
+      direction: "asc"
+    },
+    skipCount: true,
+    table: MESSAGES_TABLE
+  };
+  const {
+    data: messagesPage,
+    error: messagesError,
+    errorSource: messagesErrorSource
+  } = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, messagesArgs, {
+    enabled: hasAgentTables && selectedKey !== void 0,
+    live: true,
+    shardKey: initialShardKey
+  });
+  const threads = Array.isArray(threadsPage?.rows) ? threadsPage.rows : [];
+  const messages = Array.isArray(messagesPage?.rows) ? messagesPage.rows : [];
+  const selectedThread = threads.find((row) => readString(row, "key") === selectedKey);
+  let body;
+  if (loadedTables && !hasAgentTables) {
+    body = /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No @lunora/agent tables found in this deployment. Add lunora/agents.ts with defineAgent(...) and merge the agent schema extension to run durable AI agents."),
+      testId: "agents-unconfigured",
+      title: t("No agents configured")
+    }, void 0, false);
+  } else if (hasAgentTables && threads.length === 0) {
+    body = /* @__PURE__ */ jsxDEV(EmptyState, {
+      description: t("No agent has run yet. Start a run with ctx.agents.<name>.run(...) and its thread appears here."),
+      testId: "agents-empty",
+      title: t("No agent threads yet")
+    }, void 0, false);
+  } else {
+    body = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-6",
+      children: [/* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "px-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "agents-threads-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Agent")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Key")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Status")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Messages")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Tokens")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Updated")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  "aria-label": t("Actions")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: threads.map((row_0) => {
+                const key = readString(row_0, "key") ?? "";
+                const status = readString(row_0, "status");
+                const totalTokens = readTotalTokens(row_0);
+                return /* @__PURE__ */ jsxDEV(TableRow, {
+                  "data-active": key === selectedKey ? "" : void 0,
+                  "data-testid": `agents-thread-${key}`,
+                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-mono text-xs",
+                    children: readString(row_0, "agent") ?? "—"
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-mono text-xs text-muted-foreground",
+                    children: key
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    children: /* @__PURE__ */ jsxDEV(Badge, {
+                      "data-testid": `agents-thread-status-${key}`,
+                      variant: threadStatusVariant(status),
+                      children: status ?? "—"
+                    }, void 0, false)
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "tabular-nums",
+                    children: readNumber(row_0, "messageCount") ?? "—"
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "tabular-nums text-muted-foreground",
+                    children: totalTokens ?? "—"
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-muted-foreground tabular-nums",
+                    children: formatTimestamp(readNumber(row_0, "updatedAt"), "—")
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "text-right",
+                    children: /* @__PURE__ */ jsxDEV(Button, {
+                      "data-testid": `agents-thread-open-${key}`,
+                      onClick: () => {
+                        setSelectedKey(key);
+                      },
+                      size: "sm",
+                      type: "button",
+                      variant: "outline",
+                      children: t("Timeline")
+                    }, void 0, false)
+                  }, void 0, false)]
+                }, key, true);
+              })
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false), messagesError !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+        error: messagesErrorSource,
+        testId: "agents-messages-error"
+      }, void 0, false), selectedKey !== void 0 && /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        "data-testid": "agents-thread-detail",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "flex flex-col gap-3 px-4 py-3",
+          children: [/* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center justify-between gap-2",
+            children: [/* @__PURE__ */ jsxDEV("span", {
+              className: "font-mono text-xs",
+              children: [t("Timeline"), " · ", selectedKey, selectedThread !== void 0 && /* @__PURE__ */ jsxDEV("span", {
+                className: "text-muted-foreground",
+                children: [" · ", t("Usage"), ": ", readTotalTokens(selectedThread) ?? 0, " ", t("Tokens")]
+              }, void 0, true)]
+            }, void 0, true), /* @__PURE__ */ jsxDEV(Button, {
+              "data-testid": "agents-thread-detail-close",
+              onClick: () => {
+                setSelectedKey(void 0);
+              },
+              size: "xs",
+              type: "button",
+              variant: "ghost",
+              children: t("Close")
+            }, void 0, false)]
+          }, void 0, true), messages.length === 0 ? /* @__PURE__ */ jsxDEV("p", {
+            className: "text-xs text-muted-foreground",
+            children: t("This thread has no messages yet.")
+          }, void 0, false) : /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "agents-messages-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Role")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Content")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Tool")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Approval")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: messages.map((row_1, index) => {
+                const role = readString(row_1, "role") ?? "—";
+                const toolNames = readToolNames(row_1);
+                const toolName = readString(row_1, "toolName");
+                const approval = readString(row_1, "status");
+                const seq = readNumber(row_1, "seq") ?? index;
+                return /* @__PURE__ */ jsxDEV(TableRow, {
+                  "data-testid": `agents-message-${String(seq)}`,
+                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-mono text-xs align-top text-muted-foreground",
+                    children: role
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "max-w-md font-mono text-xs whitespace-pre-wrap break-words",
+                    children: readString(row_1, "content") ?? "—"
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "font-mono text-xs align-top text-muted-foreground",
+                    children: toolName ?? (toolNames.length > 0 ? toolNames.join(", ") : "—")
+                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+                    className: "align-top",
+                    children: approval === void 0 ? /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-xs text-muted-foreground",
+                      children: "—"
+                    }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
+                      "data-testid": `agents-message-approval-${String(seq)}`,
+                      variant: approvalVariant(approval),
+                      children: approval
+                    }, void 0, false)
+                  }, void 0, false)]
+                }, readString(row_1, "messageKey") ?? `${role}:${String(seq)}`, true);
+              })
+            }, void 0, false)]
+          }, void 0, true)]
+        }, void 0, true)
+      }, void 0, false)]
+    }, void 0, true);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-col gap-6",
+    "data-testid": "lunora-agents-panel",
+    children: [threadsError !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
+      error: threadsErrorSource,
+      testId: "agents-error"
+    }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: t("Agents run as durable workflows. Each run persists a thread of assistant and tool messages; select a thread to inspect its timeline, tool calls, approvals, and token usage.")
+    }, void 0, false), threadsLiveError !== void 0 && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-xs text-amber-600 dark:text-amber-500",
+      "data-testid": "agents-live-error",
+      role: "alert",
+      children: t("Live updates unavailable; showing the last evaluation.")
+    }, void 0, false), body]
+  }, void 0, true);
+};
+
+export { AgentsPanel };