@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/context-items/bodies/EntityReferenceBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { EntityRef } from "../../../../host/ui-slots.js";
 function EntityReferenceBody({ item, setTitle }) {
@@ -8,29 +9,35 @@ function EntityReferenceBody({ item, setTitle }) {
     if (first?.name) setTitle?.(first.name);
   }, [first?.name, setTitle]);
   if (references.length === 0) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center p-6 text-center text-xs italic text-muted-foreground" }, "This attachment contains no valid ", item.typeLabel.toLowerCase(), " reference.");
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center justify-center p-6 text-center text-xs italic text-muted-foreground", children: [
+      "This attachment contains no valid ",
+      item.typeLabel.toLowerCase(),
+      " reference."
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, references.map((reference) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: references.map((reference) => /* @__PURE__ */ jsxs(
     "div",
     {
-      key: `${reference.token}:${reference.id}`,
-      className: "py-1"
+      className: "py-1",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: item.typeLabel }),
+        /* @__PURE__ */ jsx(
+          EntityRef,
+          {
+            token: reference.token,
+            id: reference.id,
+            name: reference.name,
+            openInNewTab: true,
+            alwaysShowActions: true,
+            fill: true,
+            wrap: true,
+            className: "w-full text-sm font-medium"
+          }
+        )
+      ]
     },
-    /* @__PURE__ */ React.createElement("div", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, item.typeLabel),
-    /* @__PURE__ */ React.createElement(
-      EntityRef,
-      {
-        token: reference.token,
-        id: reference.id,
-        name: reference.name,
-        openInNewTab: true,
-        alwaysShowActions: true,
-        fill: true,
-        wrap: true,
-        className: "w-full text-sm font-medium"
-      }
-    )
-  ))));
+    `${reference.token}:${reference.id}`
+  )) }) });
 }
 export {
   EntityReferenceBody

package/dist/agents/components/context-items/bodies/GenericBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { AnswerValueView } from "../../../../host/ui-slots.js";
 import { hasKindKeyAnySpelling, valueCarriesKind } from "@ai-matrx/content-ir/surfaces";
 function carriesKind(value) {
@@ -18,22 +19,22 @@ function countRefs(item) {
 function GenericBody({ item }) {
   const text = item.refs.text;
   if (text && hasKindKeyAnySpelling(text)) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement(AnswerValueView, { text }));
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx(AnswerValueView, { text }) });
   }
   if (text) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground" }, text));
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground", children: text }) });
   }
   if (carriesKind(item.raw)) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement(AnswerValueView, { value: item.raw }));
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx(AnswerValueView, { value: item.raw }) });
   }
-  return /* @__PURE__ */ React.createElement("pre", { className: "h-full min-h-0 overflow-auto whitespace-pre-wrap break-all p-4 font-mono text-[11px] leading-relaxed text-foreground/80" }, JSON.stringify(item.raw, null, 2));
+  return /* @__PURE__ */ jsx("pre", { className: "h-full min-h-0 overflow-auto whitespace-pre-wrap break-all p-4 font-mono text-[11px] leading-relaxed text-foreground/80", children: JSON.stringify(item.raw, null, 2) });
 }
 function GenericFooter({ item }) {
   const counts = countRefs(item);
   if (counts.length === 0) {
-    return /* @__PURE__ */ React.createElement("span", { className: "text-[11px] italic text-muted-foreground" }, "No dedicated preview yet");
+    return /* @__PURE__ */ jsx("span", { className: "text-[11px] italic text-muted-foreground", children: "No dedicated preview yet" });
   }
-  return /* @__PURE__ */ React.createElement("span", { className: "truncate text-[11px] text-muted-foreground" }, counts.map(([label, n]) => `${n} ${label}`).join(" \xB7 "));
+  return /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: counts.map(([label, n]) => `${n} ${label}`).join(" \xB7 ") });
 }
 export {
   GenericBody,

package/dist/agents/components/context-items/bodies/MediaBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLink } from "lucide-react";
 import { InlineMediaRef } from "@ai-matrx/media/react";
 import { useMediaResolution } from "@ai-matrx/media/core";
@@ -27,39 +28,42 @@ function MediaBody({ item }) {
   if (item.blockType === "youtube_video" && fileUrl) {
     const id = youtubeId(fileUrl);
     if (id) {
-      return /* @__PURE__ */ React.createElement("div", { className: "relative h-full w-full bg-black" }, /* @__PURE__ */ React.createElement(
-        "iframe",
-        {
-          src: `https://www.youtube.com/embed/${id}`,
-          title: item.title,
-          className: "h-full w-full bg-black",
-          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-          allowFullScreen: true
-        }
-      ), /* @__PURE__ */ React.createElement(
-        VideoPublishDate,
-        {
-          publishedAt: videoPublishDateFromMetadata(item.raw),
-          className: "pointer-events-none absolute left-2 top-2 z-10 rounded bg-black/75 px-1.5 py-0.5 text-white shadow-sm"
-        }
-      ));
+      return /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full bg-black", children: [
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: `https://www.youtube.com/embed/${id}`,
+            title: item.title,
+            className: "h-full w-full bg-black",
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          VideoPublishDate,
+          {
+            publishedAt: videoPublishDateFromMetadata(item.raw),
+            className: "pointer-events-none absolute left-2 top-2 z-10 rounded bg-black/75 px-1.5 py-0.5 text-white shadow-sm"
+          }
+        )
+      ] });
     }
   }
   const isDocument = item.blockType === "document" || item.blockType === "file_output";
   if (isDocument) {
-    return resolvedSrc ? /* @__PURE__ */ React.createElement(
+    return resolvedSrc ? /* @__PURE__ */ jsx(
       "iframe",
       {
         src: resolvedSrc,
         title: item.title,
         className: "h-full w-full bg-white"
       }
-    ) : /* @__PURE__ */ React.createElement("p", { className: "p-4 text-xs text-muted-foreground italic" }, "Preview unavailable for this file.");
+    ) : /* @__PURE__ */ jsx("p", { className: "p-4 text-xs text-muted-foreground italic", children: "Preview unavailable for this file." });
   }
   if (!ref) {
-    return /* @__PURE__ */ React.createElement("p", { className: "p-4 text-xs text-muted-foreground italic" }, "No media source on this item.");
+    return /* @__PURE__ */ jsx("p", { className: "p-4 text-xs text-muted-foreground italic", children: "No media source on this item." });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 items-center justify-center p-3" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 items-center justify-center p-3", children: /* @__PURE__ */ jsx(
     InlineMediaRef,
     {
       ref,
@@ -69,24 +73,27 @@ function MediaBody({ item }) {
       rounded: "lg",
       className: "max-h-full max-w-full"
     }
-  ));
+  ) });
 }
 function MediaFooter({ item }) {
   const { fileId, fileUrl } = item.refs;
   const src = useMediaResolution(fileId ?? fileUrl ?? null).resolution?.src ?? null;
   const href = fileUrl ?? src;
   if (!href) return null;
-  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      "aria-label": "Open original attachment in a new tab",
-      className: "ml-auto inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(ExternalLink, { className: "h-3.5 w-3.5" })
-  )), /* @__PURE__ */ React.createElement(TooltipContent, null, "Open original"));
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "Open original attachment in a new tab",
+        className: "ml-auto inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: "Open original" })
+  ] });
 }
 export {
   MediaBody,

package/dist/agents/components/context-items/bodies/NoteBody.js

@@ -1,8 +1,9 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { hostSlot } from "../../../../host/ui-slots.js";
 import { UnregisteredBody } from "./UnregisteredBody.js";
 function NoteBodyStandIn(props) {
-  return /* @__PURE__ */ React.createElement(UnregisteredBody, { name: "NoteBody", what: "The note editor", props });
+  return /* @__PURE__ */ jsx(UnregisteredBody, { name: "NoteBody", what: "The note editor", props });
 }
 const NoteBody = hostSlot("NoteBody", NoteBodyStandIn);
 const NoteFooter = hostSlot("NoteFooter");

package/dist/agents/components/context-items/bodies/ProcessedDocumentBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { LibraryPreviewPage } from "../../../../host/ui-slots.js";
 import { useEffect, useState } from "react";
 import { FileText } from "lucide-react";
@@ -35,9 +36,12 @@ function ProcessedDocumentBody({
     };
   }, [edgeDocumentId, item.refs.fileId]);
   if (!viewDocumentId) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full flex-col items-center justify-center gap-2 p-6 text-center text-muted-foreground" }, /* @__PURE__ */ React.createElement(FileText, { className: "h-8 w-8" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "This document can\u2019t be opened \u2014 its identifier is missing."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 p-6 text-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "This document can\u2019t be opened \u2014 its identifier is missing." })
+    ] });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0", children: /* @__PURE__ */ jsx(
     LibraryPreviewPage,
     {
       documentId: viewDocumentId,
@@ -45,7 +49,7 @@ function ProcessedDocumentBody({
       hideSearchBar: true,
       externalSearch: searchSubmission
     }
-  ));
+  ) });
 }
 export {
   ProcessedDocumentBody

package/dist/agents/components/context-items/bodies/ProcessedDocumentTitle.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { renameFile } from "@ai-matrx/media/files/engine/redux/thunks";
 import { toast } from "../../../../host/notify.js";
 import { useAppDispatch } from "../../../../store/hooks.js";
@@ -27,7 +28,7 @@ function ProcessedDocumentTitle({
       );
     }
   } : void 0;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PdfNamedSurfaceSwitcher,
     {
       fileId,

package/dist/agents/components/context-items/bodies/RemarkBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { InlineTextDiff } from "@ai-matrx/diff/react";
 import { GenericBody } from "./GenericBody.js";
 import {
@@ -9,9 +10,9 @@ function RemarkBody(props) {
   const source = remarkSourceOf({ blockType: REMARKS_BLOCK_TYPE, source: props.item.raw });
   const remark = source?.remark;
   if (remark?.kind === "edit" && !remark.projection) {
-    return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement(InlineTextDiff, { view: "inline", original: remark.before, modified: remark.after }));
+    return /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsx(InlineTextDiff, { view: "inline", original: remark.before, modified: remark.after }) });
   }
-  return /* @__PURE__ */ React.createElement(GenericBody, { ...props });
+  return /* @__PURE__ */ jsx(GenericBody, { ...props });
 }
 export {
   RemarkBody

package/dist/agents/components/context-items/bodies/ResourceSnapshotView.js

@@ -1,8 +1,15 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ResourceSnapshotView({ snapshot }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "h-full min-h-0 overflow-y-auto p-4" }, /* @__PURE__ */ React.createElement("div", { className: "mb-3 text-[11px] font-medium text-muted-foreground" }, "Snapshot sent with this message"), snapshot.text ? /* @__PURE__ */ React.createElement("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground" }, snapshot.text) : /* @__PURE__ */ React.createElement("dl", { className: "space-y-2 text-sm" }, Object.entries(snapshot.data).filter(
-    ([, value]) => ["string", "number", "boolean"].includes(typeof value)
-  ).map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key, className: "grid grid-cols-[8rem_minmax(0,1fr)] gap-2" }, /* @__PURE__ */ React.createElement("dt", { className: "truncate text-xs font-medium text-muted-foreground" }, key.replaceAll("_", " ")), /* @__PURE__ */ React.createElement("dd", { className: "break-words text-foreground" }, String(value))))));
+  return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-0 overflow-y-auto p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-3 text-[11px] font-medium text-muted-foreground", children: "Snapshot sent with this message" }),
+    snapshot.text ? /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-relaxed text-foreground", children: snapshot.text }) : /* @__PURE__ */ jsx("dl", { className: "space-y-2 text-sm", children: Object.entries(snapshot.data).filter(
+      ([, value]) => ["string", "number", "boolean"].includes(typeof value)
+    ).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[8rem_minmax(0,1fr)] gap-2", children: [
+      /* @__PURE__ */ jsx("dt", { className: "truncate text-xs font-medium text-muted-foreground", children: key.replaceAll("_", " ") }),
+      /* @__PURE__ */ jsx("dd", { className: "break-words text-foreground", children: String(value) })
+    ] }, key)) })
+  ] });
 }
 export {
   ResourceSnapshotView

package/dist/agents/components/context-items/bodies/TaskBody.js

@@ -1,8 +1,9 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { hostSlot } from "../../../../host/ui-slots.js";
 import { UnregisteredBody } from "./UnregisteredBody.js";
 function TaskBodyStandIn(props) {
-  return /* @__PURE__ */ React.createElement(UnregisteredBody, { name: "TaskBody", what: "The task editor", props });
+  return /* @__PURE__ */ jsx(UnregisteredBody, { name: "TaskBody", what: "The task editor", props });
 }
 const TaskBody = hostSlot("TaskBody", TaskBodyStandIn);
 export {

package/dist/agents/components/context-items/bodies/UnregisteredBody.js

@@ -1,7 +1,8 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { GenericBody } from "./GenericBody.js";
 function UnregisteredBody({ name, props }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col", "data-chat-slot-fallback": name }, /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1" }, /* @__PURE__ */ React.createElement(GenericBody, { ...props })));
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", "data-chat-slot-fallback": name, children: /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(GenericBody, { ...props }) }) });
 }
 export {
   UnregisteredBody

package/dist/agents/components/context-items/bodies/WebpageBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast as copyToast } from "../../../../host/notify.js";
 import { useEffect, useState } from "react";
@@ -20,12 +21,15 @@ function WebpageBody({ item, setTitle }) {
     if (webpage) setTitle?.(webpageTitle(webpage));
   }, [webpage, setTitle]);
   if (!webpage) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center p-6 text-center text-xs italic text-muted-foreground" }, "Malformed attachment: no webpage URL or saved text");
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6 text-center text-xs italic text-muted-foreground", children: "Malformed attachment: no webpage URL or saved text" });
   }
   if (typeof webpage === "string") {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex h-full items-center justify-center p-6 text-center" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-md space-y-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "No saved text for this older attachment"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "Saved before page snapshots; only the link was kept")));
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "No saved text for this older attachment" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Saved before page snapshots; only the link was kept" })
+    ] }) });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     WebpageSnapshotView,
     {
       snapshot: webpage,
@@ -46,27 +50,37 @@ function WebpageFooter({ item }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 1500);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "min-w-0 truncate font-mono text-[11px] text-muted-foreground" }, url), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "quiet",
-      icon: copied ? /* @__PURE__ */ React.createElement(Check, null) : /* @__PURE__ */ React.createElement(Copy, null),
-      glyphTone: copied ? "success" : void 0,
-      onClick: copy,
-      "aria-label": "Copy webpage URL",
-      className: "ml-auto"
-    }
-  )), /* @__PURE__ */ React.createElement(TooltipContent, null, "Copy URL")), /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      href: url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      "aria-label": "Open webpage in a new tab",
-      className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground"
-    },
-    /* @__PURE__ */ React.createElement(ExternalLink, { className: "h-3.5 w-3.5" })
-  )), /* @__PURE__ */ React.createElement(TooltipContent, null, "Open in new tab")));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-[11px] text-muted-foreground", children: url }),
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: copy,
+          "aria-label": "Copy webpage URL",
+          className: "ml-auto"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: "Copy URL" })
+    ] }),
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": "Open webpage in a new tab",
+          className: "inline-flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground",
+          children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: "Open in new tab" })
+    ] })
+  ] });
 }
 export {
   WebpageBody,

package/dist/agents/components/context-items/bodies/WorkingDocumentBody.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { FileText, NotebookPen } from "lucide-react";
 import { useAppSelector } from "../../../../store/hooks.js";
@@ -29,7 +30,7 @@ function buildWorkingDocumentDrawerItem(conversationId, title = "Working documen
 }
 function WorkingDocumentBody(props) {
   const { database } = useConversationAbilities();
-  return database ? /* @__PURE__ */ React.createElement(WorkingDocumentBodyInner, { ...props }) : null;
+  return database ? /* @__PURE__ */ jsx(WorkingDocumentBodyInner, { ...props }) : null;
 }
 function WorkingDocumentBodyInner({
   item,
@@ -46,7 +47,7 @@ function WorkingDocumentBodyInner({
   useEffect(() => {
     setTitle?.(title?.trim() || (isScratch ? "Scratchpad" : "Working document"));
   }, [title, setTitle, isScratch]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DocumentsWorkspace,
     {
       conversationId,

package/dist/agents/components/context-policies-display/ContextPolicyChip.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { CONTEXT_TYPE_ICON, FALLBACK_CONTEXT_ICON } from "./contextPolicyIcons.js";
 import { CONTEXT_TYPE_TILE_LABEL } from "./contextPolicyTile.theme.js";
@@ -31,7 +32,7 @@ function ContextPolicyChip({
     snapshotLabel: entry.label,
     snapshotType: entry.type
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ContextPolicyTile,
     {
       typeLabel,

package/dist/agents/components/context-policies-display/ContextPolicyChipStrip.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectAgentContextPolicies } from "../../redux/agent-definition/selectors.js";
@@ -31,28 +32,34 @@ function ContextPolicyChipStrip({
     [entries]
   );
   if (visibleEntries.length === 0) return null;
-  const labelEl = showLabel ? /* @__PURE__ */ React.createElement("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mr-1" }, "Context policies") : null;
+  const labelEl = showLabel ? /* @__PURE__ */ jsx("span", { className: "text-[10px] uppercase tracking-wider text-muted-foreground mr-1", children: "Context policies" }) : null;
   if (visibleEntries.length === 1) {
     const entry = visibleEntries[0];
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-wrap gap-1.5 items-center", className) }, labelEl, /* @__PURE__ */ React.createElement(
-      ContextPolicyChip,
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap gap-1.5 items-center", className), children: [
+      labelEl,
+      /* @__PURE__ */ jsx(
+        ContextPolicyChip,
+        {
+          conversationId,
+          agentId,
+          entry,
+          policy: policyByKey.get(entry.key)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap gap-1.5 items-center", className), children: [
+    labelEl,
+    /* @__PURE__ */ jsx(
+      ContextPolicyItemsPopover,
       {
         conversationId,
         agentId,
-        entry,
-        policy: policyByKey.get(entry.key)
+        entries: visibleEntries,
+        policyByKey
       }
-    ));
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-wrap gap-1.5 items-center", className) }, labelEl, /* @__PURE__ */ React.createElement(
-    ContextPolicyItemsPopover,
-    {
-      conversationId,
-      agentId,
-      entries: visibleEntries,
-      policyByKey
-    }
-  ));
+    )
+  ] });
 }
 export {
   ContextPolicyChipStrip

package/dist/agents/components/context-policies-display/ContextPolicyDetail.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { EntityRef } from "../../../host/ui-slots.js";
 import { useAppSelector } from "../../../store/hooks.js";
@@ -62,40 +63,64 @@ function ContextPolicyDetail({
     if (mic === 0) return "Never inline \u2014 always fetched via ctx_get.";
     return `Custom ceiling \u2014 inline up to ${mic} chars.`;
   }, [policy?.max_inline_chars]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex h-full min-h-0 flex-col overflow-hidden bg-background" }, docKind !== null ? null : /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 shrink-0 items-center gap-2.5 border-b border-border px-4 py-2" }, /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: cn(
-        "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md border",
-        chipClass
-      )
-    },
-    /* @__PURE__ */ React.createElement(Icon, { className: "h-3.5 w-3.5" })
-  ), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground" }, contextKey, " \xB7 ", type)), docKind !== null ? /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1" }, /* @__PURE__ */ React.createElement(WorkingDocumentBody, { item: workingDocItem, initialKind: docKind })) : /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto" }, policy?.description && /* @__PURE__ */ React.createElement(DetailSection, { title: "Description" }, /* @__PURE__ */ React.createElement("p", { className: "whitespace-pre-wrap text-xs text-foreground/85" }, policy.description)), /* @__PURE__ */ React.createElement(DetailSection, { title: "Value" }, /* @__PURE__ */ React.createElement(
-    ContextValueBody,
-    {
-      type,
-      contextKey,
-      value: displayValue
-    }
-  )), /* @__PURE__ */ React.createElement(DetailSection, { title: "Inline policy" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, inlinePolicyText)), policy?.summary_agent_id && /* @__PURE__ */ React.createElement(DetailSection, { title: "Summary sub-agent" }, /* @__PURE__ */ React.createElement(
-    EntityRef,
-    {
-      token: "agent",
-      id: policy.summary_agent_id,
-      name: policy.summary_agent_id,
-      openInNewTab: true,
-      wrap: true,
-      alwaysShowActions: true,
-      className: "font-mono text-[11px] text-muted-foreground"
-    }
-  )), policy && /* @__PURE__ */ React.createElement(DetailSection, { title: "Agent access" }, /* @__PURE__ */ React.createElement(AgentEditAccessBadge, { access: decodeAgentEditAccess(policy).access }), policy.mutable && /* @__PURE__ */ React.createElement("p", { className: "mt-1.5 text-xs text-muted-foreground" }, AGENT_EDIT_SAVE_SUMMARY[policy.persist ?? "never"]), policy.mutable && policy.persist === "auto" && policy.source && /* @__PURE__ */ React.createElement("pre", { className: "mt-1.5 overflow-x-auto rounded border border-border bg-muted/40 p-2 font-mono text-[11px]" }, JSON.stringify(policy.source, null, 2))), !policy && /* @__PURE__ */ React.createElement(DetailSection, { title: "Ad-hoc key" }, /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-muted-foreground" }, "This key isn't declared on the agent. Type is inferred at runtime and ctx_get falls back to system defaults."))));
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden bg-background", children: [
+    docKind !== null ? null : /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 shrink-0 items-center gap-2.5 border-b border-border px-4 py-2", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md border",
+            chipClass
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate font-mono text-xs text-muted-foreground", children: [
+        contextKey,
+        " \xB7 ",
+        type
+      ] })
+    ] }),
+    docKind !== null ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(WorkingDocumentBody, { item: workingDocItem, initialKind: docKind }) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+      policy?.description && /* @__PURE__ */ jsx(DetailSection, { title: "Description", children: /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-xs text-foreground/85", children: policy.description }) }),
+      /* @__PURE__ */ jsx(DetailSection, { title: "Value", children: /* @__PURE__ */ jsx(
+        ContextValueBody,
+        {
+          type,
+          contextKey,
+          value: displayValue
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DetailSection, { title: "Inline policy", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: inlinePolicyText }) }),
+      policy?.summary_agent_id && /* @__PURE__ */ jsx(DetailSection, { title: "Summary sub-agent", children: /* @__PURE__ */ jsx(
+        EntityRef,
+        {
+          token: "agent",
+          id: policy.summary_agent_id,
+          name: policy.summary_agent_id,
+          openInNewTab: true,
+          wrap: true,
+          alwaysShowActions: true,
+          className: "font-mono text-[11px] text-muted-foreground"
+        }
+      ) }),
+      policy && /* @__PURE__ */ jsxs(DetailSection, { title: "Agent access", children: [
+        /* @__PURE__ */ jsx(AgentEditAccessBadge, { access: decodeAgentEditAccess(policy).access }),
+        policy.mutable && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-muted-foreground", children: AGENT_EDIT_SAVE_SUMMARY[policy.persist ?? "never"] }),
+        policy.mutable && policy.persist === "auto" && policy.source && /* @__PURE__ */ jsx("pre", { className: "mt-1.5 overflow-x-auto rounded border border-border bg-muted/40 p-2 font-mono text-[11px]", children: JSON.stringify(policy.source, null, 2) })
+      ] }),
+      !policy && /* @__PURE__ */ jsx(DetailSection, { title: "Ad-hoc key", children: /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "This key isn't declared on the agent. Type is inferred at runtime and ctx_get falls back to system defaults." }) })
+    ] })
+  ] });
 }
 function DetailSection({
   title,
   children
 }) {
-  return /* @__PURE__ */ React.createElement("section", { className: "border-b border-border px-4 py-3 last:border-b-0" }, /* @__PURE__ */ React.createElement("h3", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground" }, title), children);
+  return /* @__PURE__ */ jsxs("section", { className: "border-b border-border px-4 py-3 last:border-b-0", children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+    children
+  ] });
 }
 export {
   ContextPolicyDetail