@tangle-network/agent-app 0.60.178 → 0.60.179

package/dist/{chunk-IAFPBYQQ.js → chunk-QGOGX3DL.js}

@@ -31,7 +31,7 @@ import {
 } from "./chunk-TJ4DYKF2.js";
 import {
   AsyncView
-} from "./chunk-LSUELMHY.js";
+} from "./chunk-LN5RBVGP.js";
 import {
   attachmentPartsFromMessageParts
 } from "./chunk-YR6TZ777.js";
@@ -60,6 +60,7 @@ import {
 // src/web-react/index.tsx
 import { useEffect as useEffect15, useMemo as useMemo8, useRef as useRef14, useState as useState21, memo } from "react";
 import { isViewerMessage, MessageAuthor, TRANSCRIPT_TEXT } from "@tangle-network/ui/chat";
+import { TerminalDisplay, TerminalLine } from "@tangle-network/ui/primitives";
 import { InlineToolItem } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
@@ -3501,6 +3502,7 @@ import {
   useRef as useRef10,
   useState as useState16
 } from "react";
+import { Button as Button3, EmptyState, Skeleton, Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell } from "@tangle-network/ui/primitives";
 
 // src/web-react/record-grid-model.ts
 function recordGridOk(value) {
@@ -4181,7 +4183,7 @@ function RecordGrid({
               "Loading ",
               caption
             ] }),
-            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx14("div", { className: "h-8 animate-pulse rounded-md bg-secondary", "aria-hidden": true }, index))
+            Array.from({ length: Math.max(1, loadingRowCount) }, (_, index) => /* @__PURE__ */ jsx14(Skeleton, { className: "h-8", "aria-hidden": true }, index))
           ]
         }
       )
@@ -4225,30 +4227,18 @@ function RecordGrid({
   if (visibleRows.length === 0 && !reviewing) {
     return /* @__PURE__ */ jsxs12("div", { className: `space-y-3 ${className ?? ""}`, children: [
       toolbar,
-      addForm ?? /* @__PURE__ */ jsxs12("div", { className: "rounded-xl border border-dashed border-border px-6 py-10 text-center", children: [
-        /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-foreground", children: empty.title }),
-        empty.description && /* @__PURE__ */ jsx14("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: empty.description }),
-        /* @__PURE__ */ jsxs12("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [
-          empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              onClick: empty.action.onClick,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
-              children: empty.action.label
-            }
-          )),
-          onCreate && /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              onClick: openAdd,
-              className: "rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground transition hover:bg-accent",
-              children: addLabel
-            }
-          )
-        ] })
-      ] })
+      addForm ?? /* @__PURE__ */ jsx14(
+        EmptyState,
+        {
+          title: empty.title,
+          description: empty.description,
+          className: "rounded-xl border border-dashed border-border",
+          action: /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+            empty.action && (isValidElement(empty.action) ? empty.action : /* @__PURE__ */ jsx14(Button3, { type: "button", variant: "outline", size: "sm", onClick: empty.action.onClick, children: empty.action.label })),
+            onCreate && /* @__PURE__ */ jsx14(Button3, { type: "button", variant: "outline", size: "sm", onClick: openAdd, children: addLabel })
+          ] })
+        }
+      )
     ] });
   }
   const hasFooter = columns.some((column) => column.footerValue !== void 0);
@@ -4302,27 +4292,28 @@ function RecordGrid({
     toolbar,
     reviewBar,
     /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto rounded-xl border border-card-edge bg-card", children: /* @__PURE__ */ jsxs12(
-      "table",
+      Table,
       {
+        wrapper: false,
         role: "grid",
         "aria-label": caption,
-        className: "w-full border-collapse text-left text-sm",
+        className: "border-collapse text-left",
         onKeyDown: handleGridKeyDown,
         children: [
-          /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-b border-border text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx14(TableHeader, { children: /* @__PURE__ */ jsxs12(TableRow, { role: "row", className: "text-xs uppercase tracking-[0.05em] text-muted-foreground", children: [
             columns.map((column) => /* @__PURE__ */ jsx14(
-              "th",
+              TableHead,
               {
                 role: "columnheader",
                 scope: "col",
-                className: `px-3 py-2 font-medium ${alignmentClass(column)}`,
+                className: `h-auto px-3 py-2 ${alignmentClass(column)}`,
                 children: column.header
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx14("th", { role: "columnheader", scope: "col", className: "w-px px-3 py-2 font-medium", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
+            showActionsColumn && /* @__PURE__ */ jsx14(TableHead, { role: "columnheader", scope: "col", className: "h-auto w-px px-3 py-2", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: reviewing ? "Review" : "Row actions" }) })
           ] }) }),
-          /* @__PURE__ */ jsxs12("tbody", { children: [
+          /* @__PURE__ */ jsxs12(TableBody, { children: [
             visibleRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
               const pending = row.id in pendingRows;
@@ -4331,12 +4322,12 @@ function RecordGrid({
               const removedRow = rowDiff?.kind === "removed";
               return /* @__PURE__ */ jsxs12(Fragment4, { children: [
                 /* @__PURE__ */ jsxs12(
-                  "tr",
+                  TableRow,
                   {
                     role: "row",
                     "aria-busy": pending,
                     "data-record-grid-diff": rowDiff?.kind,
-                    className: `border-b border-border ${pending ? "opacity-60" : ""} ${removedRow ? "bg-destructive/[0.06]" : ""}`,
+                    className: `${pending ? "opacity-60" : ""} ${removedRow ? "bg-destructive/[0.06]" : ""}`,
                     children: [
                       columns.map((column) => {
                         const key = cellKey(row.id, column.id);
@@ -4350,7 +4341,7 @@ function RecordGrid({
                         const errorId = `${fieldPrefix}-cell-error-${row.id}-${column.id}`;
                         const cellDiff = rowDiff?.kind === "changed" ? diffCellByKey.get(key) : void 0;
                         if (isEditing && editable) {
-                          return /* @__PURE__ */ jsxs12("td", { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
+                          return /* @__PURE__ */ jsxs12(TableCell, { role: "gridcell", className: `px-3 py-1.5 ${alignmentClass(column)}`, children: [
                             /* @__PURE__ */ jsx14(
                               CellEditor,
                               {
@@ -4368,7 +4359,7 @@ function RecordGrid({
                           ] }, column.id);
                         }
                         if (column.kind === "boolean" && editable) {
-                          return /* @__PURE__ */ jsx14("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx14(
+                          return /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsx14(
                             "input",
                             {
                               type: "checkbox",
@@ -4388,7 +4379,7 @@ function RecordGrid({
                         }
                         const display = applicable ? formatRecordGridValue(column, value, locale) : "";
                         return /* @__PURE__ */ jsx14(
-                          "td",
+                          TableCell,
                           {
                             role: "gridcell",
                             "aria-readonly": editable ? void 0 : true,
@@ -4434,7 +4425,7 @@ function RecordGrid({
                           column.id
                         );
                       }),
-                      showActionsColumn && /* @__PURE__ */ jsx14("td", { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx14(
+                      showActionsColumn && /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: "px-3 py-2 text-right", children: reviewing ? rowDiff && /* @__PURE__ */ jsx14(
                         ReviewActions,
                         {
                           rowId: row.id,
@@ -4493,23 +4484,23 @@ function RecordGrid({
                     ]
                   }
                 ),
-                rowError !== void 0 && /* @__PURE__ */ jsx14("tr", { role: "row", className: "border-b border-border", children: /* @__PURE__ */ jsx14("td", { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
+                rowError !== void 0 && /* @__PURE__ */ jsx14(TableRow, { role: "row", children: /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", colSpan: columnSpan, className: "px-3 pb-2", children: /* @__PURE__ */ jsx14("p", { role: "alert", className: "rounded-md bg-destructive/10 px-2.5 py-1.5 text-xs text-destructive", children: rowError }) }) })
               ] }, row.id);
             }),
             reviewing && addedRows.map((row) => {
               const rowLabel = recordGridRowLabel(columns, row);
               return /* @__PURE__ */ jsxs12(
-                "tr",
+                TableRow,
                 {
                   role: "row",
                   "data-record-grid-diff": "added",
-                  className: "border-b border-border bg-success/[0.06]",
+                  className: "bg-success/[0.06]",
                   children: [
                     columns.map((column, columnIndex) => {
                       const applicable = isRecordGridCellApplicable(column, row.values);
                       const value = row.values[column.id] ?? null;
                       const display = applicable ? formatRecordGridValue(column, value, locale) : "";
-                      return /* @__PURE__ */ jsx14("td", { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+                      return /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: `px-3 py-2 ${alignmentClass(column)}`, children: /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
                         columnIndex === 0 && /* @__PURE__ */ jsx14("span", { className: "inline-flex shrink-0 rounded border border-success/60 px-1 py-px text-[11px] font-semibold uppercase tracking-[0.05em] text-success", children: "New" }),
                         /* @__PURE__ */ jsx14(
                           "span",
@@ -4520,7 +4511,7 @@ function RecordGrid({
                         )
                       ] }) }, column.id);
                     }),
-                    /* @__PURE__ */ jsx14("td", { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx14(
+                    /* @__PURE__ */ jsx14(TableCell, { role: "gridcell", className: "px-3 py-2 text-right", children: /* @__PURE__ */ jsx14(
                       ReviewActions,
                       {
                         rowId: row.id,
@@ -4536,9 +4527,9 @@ function RecordGrid({
               );
             })
           ] }),
-          hasFooter && /* @__PURE__ */ jsx14("tfoot", { children: /* @__PURE__ */ jsxs12("tr", { role: "row", className: "border-t-2 border-border", children: [
+          hasFooter && /* @__PURE__ */ jsx14(TableFooter, { children: /* @__PURE__ */ jsxs12(TableRow, { role: "row", className: "border-t-2 border-border", children: [
             columns.map((column) => /* @__PURE__ */ jsx14(
-              "td",
+              TableCell,
               {
                 role: "gridcell",
                 className: `px-3 py-2 text-sm font-semibold text-foreground ${alignmentClass(column)}`,
@@ -4546,7 +4537,7 @@ function RecordGrid({
               },
               column.id
             )),
-            showActionsColumn && /* @__PURE__ */ jsx14("td", { role: "gridcell" })
+            showActionsColumn && /* @__PURE__ */ jsx14(TableCell, { role: "gridcell" })
           ] }) })
         ]
       }
@@ -5682,12 +5673,9 @@ function PagerButton({
 
 // src/web-react/api-access-panel.tsx
 import { useEffect as useEffect14, useRef as useRef13, useState as useState19 } from "react";
-import { PageHeader } from "@tangle-network/ui/primitives";
+import { Button as Button4, Input, PageHeader } from "@tangle-network/ui/primitives";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var defaultExpiryChoices = [1, 7, 30];
-var inputClass = "h-11 w-full rounded-lg border border-input bg-background px-3 text-sm text-foreground";
-var buttonClass = "inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:opacity-50";
-var outlineClass = "inline-flex items-center justify-center rounded-lg border border-input bg-background px-3 py-2 text-sm font-medium text-foreground disabled:opacity-50";
 function pruneScopes(scopes, access) {
   const offered = new Map(access.map((option) => [option.scope, option]));
   const selected = new Set(scopes.filter((scope) => offered.has(scope)));
@@ -5825,8 +5813,8 @@ function ApiAccessPanel({
       /* @__PURE__ */ jsx18("h2", { ref: keyHeading, tabIndex: -1, id: "save-api-key", className: "font-medium outline-none", children: "Save your key" }),
       /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "Copy it directly into your client\u2019s secret storage. It is shown only now. Keep it out of chat messages and prompts." }),
       /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18("input", { "aria-label": "New API key", type: "password", value: created.key, readOnly: true, autoComplete: "off", className: `${inputClass} min-w-0 font-mono` }),
-        /* @__PURE__ */ jsx18("button", { className: buttonClass, onClick: async () => {
+        /* @__PURE__ */ jsx18(Input, { size: "lg", "aria-label": "New API key", type: "password", value: created.key, readOnly: true, autoComplete: "off", className: "min-w-0 font-mono" }),
+        /* @__PURE__ */ jsx18(Button4, { onClick: async () => {
           try {
             await navigator.clipboard.writeText(created.key);
             setNotice("Key copied");
@@ -5835,7 +5823,7 @@ function ApiAccessPanel({
           }
         }, children: "Copy key" })
       ] }),
-      /* @__PURE__ */ jsx18("button", { className: outlineClass, onClick: () => {
+      /* @__PURE__ */ jsx18(Button4, { variant: "outline", onClick: () => {
         setCreated(null);
         setNotice(null);
       }, children: "I\u2019ve saved it" })
@@ -5844,7 +5832,7 @@ function ApiAccessPanel({
       /* @__PURE__ */ jsxs16("div", { className: "grid gap-4 sm:grid-cols-[1fr_10rem]", children: [
         /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium", htmlFor: "key-name", children: "Name" }),
-          /* @__PURE__ */ jsx18("input", { ref: nameInput, id: "key-name", className: inputClass, value: name, onChange: (event) => setName(event.target.value), placeholder: "Client on my server", maxLength: 100, required: true, autoComplete: "off" })
+          /* @__PURE__ */ jsx18(Input, { size: "lg", ref: nameInput, id: "key-name", value: name, onChange: (event) => setName(event.target.value), placeholder: "Client on my server", maxLength: 100, required: true, autoComplete: "off" })
         ] }),
         /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx18("label", { className: "text-sm font-medium", htmlFor: "key-expiry", children: "Expires in" }),
@@ -5893,7 +5881,7 @@ function ApiAccessPanel({
         })
       ] }),
       limitsDescription && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: limitsDescription }),
-      /* @__PURE__ */ jsx18("button", { className: buttonClass, type: "submit", disabled: creating || !name.trim() || !selectedScopes.length || selectedDays === void 0, children: creating ? "Creating\u2026" : "Create key" })
+      /* @__PURE__ */ jsx18(Button4, { type: "submit", disabled: creating || !name.trim() || !selectedScopes.length || selectedDays === void 0, children: creating ? "Creating\u2026" : "Create key" })
     ] }),
     /* @__PURE__ */ jsxs16("section", { "aria-labelledby": "existing-keys", className: "space-y-3", children: [
       /* @__PURE__ */ jsx18("h2", { id: "existing-keys", className: "font-medium", children: "Your keys" }),
@@ -5904,7 +5892,7 @@ function ApiAccessPanel({
           /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: key.scopes.map((scope) => access.find((access2) => access2.scope === scope)?.label ?? scope).join(" \xB7 ") }),
           workspaces && /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: key.workspaceIds?.length ? `Only ${key.workspaceIds.map(workspaceName).join(", ")}` : `All ${workspaceNoun.plural}` })
         ] }),
-        /* @__PURE__ */ jsx18("button", { className: outlineClass, disabled: revoking !== null, onClick: () => revokeKey(key.id), "aria-label": `Revoke ${key.name}`, children: revoking === key.id ? "Revoking\u2026" : "Revoke" })
+        /* @__PURE__ */ jsx18(Button4, { variant: "outline", disabled: revoking !== null, onClick: () => revokeKey(key.id), "aria-label": `Revoke ${key.name}`, children: revoking === key.id ? "Revoking\u2026" : "Revoke" })
       ] }, key.id)) })
     ] }),
     /* @__PURE__ */ jsxs16("p", { className: "text-sm text-muted-foreground", children: [
@@ -6242,16 +6230,13 @@ function KvRows({ data }) {
 function ShellDetail({ call }) {
   const outcome = toolOutcomeOf(call);
   const r = outcome?.result ?? {};
-  return /* @__PURE__ */ jsxs19("div", { className: "overflow-hidden rounded-md bg-zinc-900 font-mono text-xs leading-relaxed", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 px-3 pt-2 text-zinc-400", children: [
-      /* @__PURE__ */ jsx22("span", { className: "select-none text-zinc-500", children: "$" }),
-      /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1 truncate text-zinc-200", children: String(call.args?.command ?? "") }),
-      r.exitCode != null && /* @__PURE__ */ jsxs19("span", { className: r.exitCode === 0 ? "text-success" : "text-destructive", children: [
-        "exit ",
-        r.exitCode
-      ] })
+  return /* @__PURE__ */ jsxs19(TerminalDisplay, { showHeader: false, autoScroll: false, maxHeight: "14rem", className: "text-xs", children: [
+    /* @__PURE__ */ jsx22(TerminalLine, { type: "command", children: String(call.args?.command ?? "") }),
+    r.exitCode != null && /* @__PURE__ */ jsxs19(TerminalLine, { type: r.exitCode === 0 ? "success" : "error", children: [
+      "exit ",
+      r.exitCode
     ] }),
-    /* @__PURE__ */ jsx22("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap px-3 pb-2.5 pt-1.5 text-zinc-300", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
+    /* @__PURE__ */ jsx22(TerminalLine, { type: outcome?.ok === false ? "error" : "output", children: outcome?.ok === false ? outcome.message ?? "failed" : [r.stdout, r.stderr].filter(Boolean).join("\n") || "(no output)" })
   ] });
 }
 function DefaultToolDetail({ call }) {
@@ -7016,4 +7001,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-IAFPBYQQ.js.map
+//# sourceMappingURL=chunk-QGOGX3DL.js.map