@opengeni/react 6.1.0-canary.2 → 6.1.0-canary.3

package/dist/{chunk-G5JFM6ZE.js → chunk-URNTAVGX.js}

@@ -6,16 +6,361 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger
-} from "./chunk-HQV2I5HV.js";
+  TooltipTrigger,
+  useLightboxOptional
+} from "./chunk-BRM6FVZA.js";
+import {
+  stringifyPayload
+} from "./chunk-PLYRL5ER.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
 
+// src/timeline/disclosure-context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var DisclosureDefaultsContext = createContext(void 0);
+function DisclosureDefaultsProvider({
+  defaultOpen,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
+}
+function useForcedDefaultOpen() {
+  return useContext(DisclosureDefaultsContext);
+}
+
+// src/timeline/shared.tsx
+import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
+import { createContext as createContext2, useContext as useContext2, useState } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ToolCallTruncationContext = createContext2(null);
+function ToolCallTruncationProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(ToolCallTruncationContext.Provider, { value, children });
+}
+var ICON_TONE = {
+  accent: "text-og-accent",
+  failed: "text-og-status-failed",
+  running: "text-og-status-running",
+  muted: "text-og-fg-subtle"
+};
+var CompactActivityContext = createContext2(false);
+function ActivityDisclosure({
+  icon,
+  iconTone: iconToneProp = "muted",
+  title,
+  titleMono,
+  running,
+  preview,
+  compactPreview,
+  media,
+  chip: chipProp,
+  failed,
+  cancelled,
+  expandable = true,
+  defaultOpen,
+  children
+}) {
+  const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
+  const chip = chipProp ?? (failed ? { tone: "bad", text: "failed" } : cancelled ? { tone: "interrupted", text: "interrupted" } : void 0);
+  const forcedDefaultOpen = useForcedDefaultOpen();
+  const [open, setOpen] = useState(defaultOpen ?? forcedDefaultOpen ?? false);
+  const truncation = useContext2(ToolCallTruncationContext);
+  const compact = useContext2(CompactActivityContext);
+  if (compact)
+    return /* @__PURE__ */ jsxs("span", { className: "og-rolling-label", children: [
+      /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+      /* @__PURE__ */ jsxs("span", { className: "og-command-reel", children: [
+        /* @__PURE__ */ jsx2("span", { className: "og-reel-title", children: title }),
+        (compactPreview === void 0 ? preview : compactPreview) ? /* @__PURE__ */ jsx2("span", { className: "og-reel-preview text-og-fg-subtle", children: compactPreview === void 0 ? preview : compactPreview }) : null
+      ] })
+    ] });
+  const hasBody = expandable && (children != null || truncation != null);
+  const previewVisible = preview != null && !open;
+  const rowClass = cn(
+    "group/disclosure flex w-full min-w-0 items-center gap-2 rounded-og-sm px-1.5 py-1.5 text-left text-og-base",
+    "text-og-fg-muted transition-colors duration-150",
+    // A tool row is a touch target on coarse pointers: grow its hit area to the
+    // 44px mobile minimum without loosening the dense desktop rail.
+    "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
+  );
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasBody ? /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--_og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx2("span", { className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+    /* @__PURE__ */ jsxs("span", { className: cn("og-command-reel", running && "og-command-reel-running"), children: [
+      /* @__PURE__ */ jsx2(
+        "span",
+        {
+          className: cn(
+            "min-w-0 shrink truncate text-og-base font-medium",
+            titleMono && "font-og-mono text-og-sm font-normal"
+          ),
+          children: title
+        }
+      ),
+      previewVisible && !media ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx2("span", { className: "flex-1" })
+    ] }),
+    media && !open ? /* @__PURE__ */ jsx2("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx2("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx2(Chip, { chip }) }) : null
+  ] });
+  const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
+  if (!hasBody) {
+    return /* @__PURE__ */ jsx2("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        onClick: () => setOpen((prev) => !prev),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            setOpen((prev) => !prev);
+          }
+        },
+        "data-status": dataStatus,
+        className: cn(
+          rowClass,
+          "cursor-pointer outline-hidden hover:bg-og-surface-1 hover:text-og-fg",
+          "focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-0"
+        ),
+        children: inner
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children: [
+      children,
+      truncation ? /* @__PURE__ */ jsx2(ToolCallTruncationNotice, { truncation }) : null
+    ] }) : null
+  ] });
+}
+function ToolCallTruncationNotice({ truncation }) {
+  const fullEvidence = truncation.fullEvidence.available ? "retained" : truncation.fullEvidence.reason ?? "unavailable";
+  return /* @__PURE__ */ jsxs("div", { "data-og-tool-output-truncation": "", className: "text-og-sm leading-5 text-og-fg-subtle", children: [
+    "Output bounded at ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: truncation.surface }),
+    truncation.omittedBytes != null && truncation.omittedBytes > 0 ? ` \xB7 ${truncation.omittedBytes.toLocaleString()} bytes omitted` : null,
+    " \xB7 reason ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: truncation.reason }),
+    " \xB7 full evidence ",
+    /* @__PURE__ */ jsx2("code", { className: "font-og-mono", children: fullEvidence })
+  ] });
+}
+function Chip({ chip }) {
+  const base = "inline-flex items-center font-og-mono text-og-xs leading-none";
+  const withText = chip.text ? "gap-1.5" : "gap-0";
+  if (chip.tone === "bad") {
+    return /* @__PURE__ */ jsxs("span", { className: cn(base, withText, "text-og-status-failed"), children: [
+      /* @__PURE__ */ jsx2("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      chip.text
+    ] });
+  }
+  if (chip.tone === "interrupted") {
+    return /* @__PURE__ */ jsx2("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
+  }
+  return /* @__PURE__ */ jsx2("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
+}
+function TermBlock({
+  command,
+  workdir,
+  output,
+  live,
+  tailLines = 12,
+  failed
+}) {
+  const [full, setFull] = useState(false);
+  const empty = output.trim() === "";
+  const lines = output.split("\n");
+  const big = lines.length > tailLines + 4;
+  const shown = full || !big ? output : lines.slice(-tailLines).join("\n");
+  const showMore = big && !full;
+  const showHeader = command != null || workdir != null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-w-0 border-l-2 pl-3",
+        failed ? "border-og-status-failed/50" : live ? "border-og-status-running/50" : "border-og-border"
+      ),
+      children: [
+        showHeader ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pb-1", children: [
+          /* @__PURE__ */ jsx2("span", { className: "select-none text-og-status-idle", children: "$" }),
+          command != null ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx2("span", { className: "flex-1" }),
+          workdir ? /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
+        ] }) : null,
+        empty ? /* @__PURE__ */ jsx2("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
+          shown,
+          live ? /* @__PURE__ */ jsx2("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
+        ] }),
+        showMore ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setFull(true),
+            className: "mt-1 text-left text-og-xs text-og-fg-subtle transition-colors hover:text-og-fg",
+            children: [
+              "show full output (",
+              lines.length,
+              " lines)"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function PayloadBlock({
+  label,
+  value,
+  failed
+}) {
+  const text = typeof value === "string" ? value : stringifyPayload(value);
+  if (!text || text.trim() === "") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-w-0 border-l-2 pl-3",
+        failed ? "border-og-status-failed/50" : "border-og-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
+        /* @__PURE__ */ jsx2(
+          "pre",
+          {
+            className: cn(
+              "max-h-64 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5",
+              failed ? "text-og-status-failed" : "text-og-fg-muted"
+            ),
+            children: text
+          }
+        )
+      ]
+    }
+  );
+}
+function BodyNote({
+  children,
+  tone
+}) {
+  if (tone === "error") {
+    return /* @__PURE__ */ jsx2("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
+  }
+  return /* @__PURE__ */ jsx2("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
+}
+var MEDIA_BOX = "h-7 w-[52px] shrink-0 rounded-og-xs border border-og-border";
+function MediaSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        MEDIA_BOX,
+        "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
+        /* @__PURE__ */ jsx2(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
+      ]
+    }
+  );
+}
+function MediaEmpty() {
+  return /* @__PURE__ */ jsx2("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx2(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
+}
+function Thumbnail({
+  src,
+  caption,
+  alt = "screenshot",
+  expandLabel = "Expand screenshot",
+  lightboxLabel = "Screenshot",
+  downloadFilename
+}) {
+  const lightbox = useLightboxOptional();
+  const [failed, setFailed] = useState(false);
+  if (failed) {
+    return /* @__PURE__ */ jsx2(MediaEmpty, {});
+  }
+  const img = /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "h-full w-full object-cover transition-opacity group-hover/thumb:opacity-80"
+    }
+  );
+  if (!lightbox) {
+    return /* @__PURE__ */ jsx2("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
+  }
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => {
+        event.stopPropagation();
+        lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.stopPropagation();
+        }
+      },
+      className: cn(
+        MEDIA_BOX,
+        "group/thumb relative inline-flex overflow-hidden bg-og-bg outline-hidden",
+        "focus-visible:ring-2 focus-visible:ring-og-accent"
+      ),
+      "aria-label": expandLabel,
+      children: img
+    }
+  );
+}
+function ScreenshotFigure({
+  src,
+  caption,
+  alt = "screenshot",
+  expandLabel = "Expand screenshot",
+  lightboxLabel = "Screenshot",
+  downloadFilename
+}) {
+  const lightbox = useLightboxOptional();
+  const [failed, setFailed] = useState(false);
+  const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
+  const img = /* @__PURE__ */ jsx2(
+    "img",
+    {
+      src,
+      alt,
+      onError: () => setFailed(true),
+      className: "max-h-80 w-full object-contain"
+    }
+  );
+  return /* @__PURE__ */ jsxs("figure", { className: "m-0 min-w-0", children: [
+    failed ? /* @__PURE__ */ jsx2("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename),
+        className: surface,
+        "aria-label": expandLabel,
+        children: img
+      }
+    ) : /* @__PURE__ */ jsx2("div", { className: surface, children: img }),
+    caption ? /* @__PURE__ */ jsx2("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
+  ] });
+}
+
 // src/components/copy-button.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var COPIED_MS = 1600;
 function CopyButton({
   text,
@@ -23,8 +368,8 @@ function CopyButton({
   className,
   reveal = "group-hover"
 }) {
-  const [copied, setCopied] = useState(false);
-  const [tipOpen, setTipOpen] = useState(false);
+  const [copied, setCopied] = useState2(false);
+  const [tipOpen, setTipOpen] = useState2(false);
   const timerRef = useRef(null);
   useEffect(() => {
     return () => {
@@ -58,7 +403,7 @@ function CopyButton({
     }
   };
   const tip = copied ? "Copied" : label;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     Tooltip,
     {
       open: copied ? true : tipOpen,
@@ -68,7 +413,7 @@ function CopyButton({
         }
       },
       children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -85,10 +430,10 @@ function CopyButton({
               copied && "opacity-100 text-og-accent",
               className
             ),
-            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+            children: copied ? /* @__PURE__ */ jsx3(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx3(CopyIcon, { className: "size-3.5", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: tip })
+        /* @__PURE__ */ jsx3(TooltipContent, { side: "top", children: tip })
       ]
     }
   );
@@ -102,11 +447,11 @@ function CopyHoverFrame({
   trailing
 }) {
   if (copyText.trim().length === 0) {
-    return /* @__PURE__ */ jsx("div", { className, children });
+    return /* @__PURE__ */ jsx3("div", { className, children });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("group/copy", className), children: [
+  return /* @__PURE__ */ jsxs2("div", { className: cn("group/copy", className), children: [
     children,
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         "data-og-annotation-chrome": "",
@@ -115,7 +460,7 @@ function CopyHoverFrame({
           align === "end" ? "justify-end" : "justify-start"
         ),
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(
             CopyButton,
             {
               text: copyText,
@@ -134,21 +479,21 @@ function CopyHoverFrame({
 // src/components/markdown.tsx
 import {
   Children,
-  createContext,
-  useContext,
+  createContext as createContext3,
+  useContext as useContext3,
   isValidElement,
   memo,
   useEffect as useEffect2,
   useMemo,
   useReducer,
   useRef as useRef2,
-  useState as useState2
+  useState as useState3
 } from "react";
 import ReactMarkdown, {
   defaultUrlTransform
 } from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { LoaderCircleIcon } from "lucide-react";
+import { PanelsTopLeftIcon } from "lucide-react";
 
 // src/lib/motion.ts
 import { flushSync } from "react-dom";
@@ -430,10 +775,10 @@ function rehypeStreamReveal(options) {
 }
 
 // src/components/markdown.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var InteractiveContext = createContext({ source: "" });
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var InteractiveContext = createContext3({ source: "" });
 var baseComponents = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "h1",
     {
       className: "mt-5 mb-2.5 text-xl font-semibold tracking-tight text-og-fg first:mt-0",
@@ -441,8 +786,8 @@ var baseComponents = {
       children
     }
   ),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx2("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx4("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "h3",
     {
       className: "mt-4 mb-1.5 text-og-md font-semibold tracking-tight text-og-fg first:mt-0",
@@ -450,7 +795,7 @@ var baseComponents = {
       children
     }
   ),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "h4",
     {
       className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
@@ -458,10 +803,10 @@ var baseComponents = {
       children
     }
   ),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx2("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx2("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx2("em", { className: "italic", ...props, children }),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx4("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx4("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx4("em", { className: "italic", ...props, children }),
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "ul",
     {
       className: "my-2.5 ml-5 flex list-disc flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -469,7 +814,7 @@ var baseComponents = {
       children
     }
   ),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "ol",
     {
       className: "my-2.5 ml-5 flex list-decimal flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -480,7 +825,7 @@ var baseComponents = {
   // GFM task-list items carry a leading checkbox <input>; `list-none` + a
   // negative margin pull the checkbox back to the bullet column so it aligns
   // with the text.
-  li: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "li",
     {
       className: "leading-7 marker:text-og-fg-subtle [&>ul]:my-1 [&>ol]:my-1 [&:has(>input)]:list-none [&:has(>input)]:-ml-5",
@@ -488,7 +833,7 @@ var baseComponents = {
       children
     }
   ),
-  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx2(
+  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx4(
     "input",
     {
       ...props,
@@ -496,8 +841,8 @@ var baseComponents = {
       disabled: true,
       className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
     }
-  ) : /* @__PURE__ */ jsx2("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  ) : /* @__PURE__ */ jsx4("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "blockquote",
     {
       className: "my-3 border-l-2 border-og-border-strong pl-3.5 text-og-fg-muted [&>p]:my-1.5 first:mt-0 last:mb-0",
@@ -505,11 +850,11 @@ var baseComponents = {
       children
     }
   ),
-  hr: (props) => /* @__PURE__ */ jsx2("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
+  hr: (props) => /* @__PURE__ */ jsx4("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
   // Inline `code` vs fenced code blocks. react-markdown v10 no longer passes an
   // `inline` flag; a fenced block is a <code> whose parent is <pre> (styled by
   // the `pre` renderer), so a `code` reaching here is treated as inline.
-  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx2(
+  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx4(
     "code",
     {
       className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
@@ -520,9 +865,9 @@ var baseComponents = {
   // Fenced code — quiet mono block (no card / no nested vertical scroll).
   pre: InteractiveCodeBlock,
   // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx2(MarkdownTable, { ...props, children }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx2("thead", { ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx4(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx4("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "th",
     {
       className: "border-b border-og-border px-0 py-1.5 pr-4 text-left font-medium text-og-fg first:pl-0",
@@ -530,7 +875,7 @@ var baseComponents = {
       children
     }
   ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx2(
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx4(
     "td",
     {
       className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
@@ -547,10 +892,10 @@ function markdownComponents(onSandboxFile) {
     a: ({ children, href, ...props }) => {
       const location = sandboxFileLocationFromHref(href);
       if (location !== null) {
-        return /* @__PURE__ */ jsx2(SandboxMarkdownLink, { location, onSandboxFile, children });
+        return /* @__PURE__ */ jsx4(SandboxMarkdownLink, { location, onSandboxFile, children });
       }
       if (isSandboxHref(href) || !href) {
-        return /* @__PURE__ */ jsx2(
+        return /* @__PURE__ */ jsx4(
           "span",
           {
             className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
@@ -560,7 +905,7 @@ function markdownComponents(onSandboxFile) {
           }
         );
       }
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ jsx4(
         "a",
         {
           className: MARKDOWN_LINK_CLASS,
@@ -579,10 +924,10 @@ function SandboxMarkdownLink({
   onSandboxFile,
   children
 }) {
-  const [state, setState] = useState2("idle");
+  const [state, setState] = useState3("idle");
   const { path, line } = location;
   if (!onSandboxFile) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx4(
       "span",
       {
         className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
@@ -593,7 +938,7 @@ function SandboxMarkdownLink({
     );
   }
   const idleTitle = line !== null ? `Open ${path} at line ${line}` : `Open ${path}`;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
@@ -652,14 +997,14 @@ function retainedImageId(src) {
   return /^artifact:([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})$/i.exec(src)?.[1]?.toLowerCase() ?? null;
 }
 function MarkdownImage({ src, alt }) {
-  const { renderImage } = useContext(InteractiveContext);
-  if (!src) return /* @__PURE__ */ jsx2("span", { children: alt ?? "Image unavailable" });
+  const { renderImage } = useContext3(InteractiveContext);
+  if (!src) return /* @__PURE__ */ jsx4("span", { children: alt ?? "Image unavailable" });
   if (retainedImageId(src))
-    return renderImage ? /* @__PURE__ */ jsx2(Fragment, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs2("span", { children: [
+    return renderImage ? /* @__PURE__ */ jsx4(Fragment2, { children: renderImage({ src, alt: alt ?? "" }) }) : /* @__PURE__ */ jsxs3("span", { children: [
       alt || "Image",
       " (preview unavailable)"
     ] });
-  return /* @__PURE__ */ jsx2("img", { src, alt: alt ?? "", loading: "lazy", className: "my-3 max-w-full rounded-og-md" });
+  return /* @__PURE__ */ jsx4("img", { src, alt: alt ?? "", loading: "lazy", className: "my-3 max-w-full rounded-og-md" });
 }
 var markdownUrlTransform = (url, key, node) => key === "href" && node.tagName === "a" && isSandboxHref(url) || key === "src" && node.tagName === "img" && retainedImageId(url) ? url : defaultUrlTransform(url);
 var REVEAL_LINGER_MS = 480 * MOTION_INSPECT_SCALE;
@@ -693,7 +1038,7 @@ function fenceLanguage(children) {
   return found;
 }
 function InteractiveCodeBlock({ children, node }) {
-  const { source, render, streaming } = useContext(InteractiveContext);
+  const { source, render, streaming } = useContext3(InteractiveContext);
   const language = fenceLanguage(children);
   if (render && (language === "opengeni-html" || language === "opengeni-site")) {
     const start = node?.position?.start.offset;
@@ -704,45 +1049,33 @@ function InteractiveCodeBlock({ children, node }) {
     const closing = lines.at(-1)?.replace(/^\s*(?:>\s*)+/, "").trim();
     const complete = opening && lines.length > 1 && closing && closing.length >= opening[1].length && [...closing].every((c) => c === opening[1][0]);
     if (!complete) {
-      return /* @__PURE__ */ jsxs2(
-        "div",
+      return /* @__PURE__ */ jsx4("div", { role: "status", "aria-live": "polite", "aria-busy": streaming === true, className: "my-3", children: /* @__PURE__ */ jsx4(
+        ActivityDisclosure,
         {
-          role: "status",
-          "aria-live": "polite",
-          "aria-busy": streaming === true,
-          className: "my-3 flex min-h-32 items-center gap-3 rounded-og-md bg-og-surface-1/70 px-4 py-5",
-          children: [
-            streaming ? /* @__PURE__ */ jsx2(
-              LoaderCircleIcon,
-              {
-                "aria-hidden": true,
-                className: "size-5 shrink-0 text-og-fg-muted motion-safe:animate-spin"
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs2("div", { children: [
-              /* @__PURE__ */ jsx2("div", { className: "text-og-sm font-medium text-og-fg", children: streaming ? "Preparing preview\u2026" : "Preview incomplete" }),
-              /* @__PURE__ */ jsx2("div", { className: "mt-1 text-og-sm text-og-fg-muted", children: streaming ? "Generating the interactive content. It will appear here when ready." : "Generation stopped before the preview was ready." })
-            ] })
-          ]
+          icon: /* @__PURE__ */ jsx4(PanelsTopLeftIcon, { "aria-hidden": true, className: "size-3.5" }),
+          title: streaming ? "Preparing preview\u2026" : "Preview incomplete",
+          running: streaming === true,
+          expandable: false,
+          preview: streaming ? void 0 : "Generation stopped before the preview was ready."
         }
-      );
+      ) });
     }
-    return /* @__PURE__ */ jsx2(Fragment, { children: render({
+    return /* @__PURE__ */ jsx4(Fragment2, { children: render({
       kind: language === "opengeni-html" ? "html" : "site",
       content: nodeText(children).replace(/\n$/, "")
     }) });
   }
-  return /* @__PURE__ */ jsx2(MarkdownCodeBlock, { children });
+  return /* @__PURE__ */ jsx4(MarkdownCodeBlock, { children });
 }
 function MarkdownCodeBlock({ children }) {
   const code = nodeText(children).replace(/\n$/, "");
   const language = fenceLanguage(children);
-  return /* @__PURE__ */ jsxs2("div", { className: "group/copy relative mt-3 first:mt-0", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
-      language ? /* @__PURE__ */ jsx2("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
-      /* @__PURE__ */ jsx2("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx2(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+  return /* @__PURE__ */ jsxs3("div", { className: "group/copy relative mt-3 first:mt-0", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
+      language ? /* @__PURE__ */ jsx4("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
+      /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx4(
       "pre",
       {
         tabIndex: 0,
@@ -774,8 +1107,8 @@ function MarkdownTable({ children, className, ...props }) {
   useEffect2(() => {
     layoutRef.current?.measure();
   }, [children]);
-  return /* @__PURE__ */ jsxs2("div", { ref: wrapperRef, className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
-    /* @__PURE__ */ jsx2("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx2("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3("div", { ref: wrapperRef, className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
+    /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx4("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx4(
       CopyButton,
       {
         text: () => tableElementToTsv(tableRef.current),
@@ -783,7 +1116,7 @@ function MarkdownTable({ children, className, ...props }) {
         reveal: "group-hover"
       }
     ) }) }),
-    /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx4("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx4(
       "table",
       {
         ref: tableRef,
@@ -805,7 +1138,7 @@ function MarkdownImpl({
   const revealRef = useRef2(null);
   const bodyRef = useRef2(null);
   const [, bump] = useReducer((n) => n + 1, 0);
-  const [settling, setSettling] = useState2(false);
+  const [settling, setSettling] = useState3(false);
   const hadRevealRef = useRef2(false);
   const now = typeof performance !== "undefined" ? performance.now() : Date.now();
   const crystallize = (mutate) => {
@@ -874,7 +1207,7 @@ function MarkdownImpl({
     }),
     [children, streaming, renderInteractiveBlock, renderImage]
   );
-  return /* @__PURE__ */ jsx2(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(InteractiveContext.Provider, { value: interactiveContext, children: /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx4(
     "div",
     {
       ref: bodyRef,
@@ -883,7 +1216,7 @@ function MarkdownImpl({
         settling && "og-markdown-settle",
         className
       ),
-      children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx4(
         ReactMarkdown,
         {
           remarkPlugins: [remarkGfm],
@@ -899,6 +1232,18 @@ function MarkdownImpl({
 var Markdown = memo(MarkdownImpl);
 
 export {
+  DisclosureDefaultsProvider,
+  useForcedDefaultOpen,
+  ToolCallTruncationProvider,
+  CompactActivityContext,
+  ActivityDisclosure,
+  TermBlock,
+  PayloadBlock,
+  BodyNote,
+  MediaSkeleton,
+  MediaEmpty,
+  Thumbnail,
+  ScreenshotFigure,
   prefersReducedMotion,
   MOTION_INSPECT_SCALE,
   CopyButton,
@@ -908,4 +1253,4 @@ export {
   retainedImageId,
   Markdown
 };
-//# sourceMappingURL=chunk-G5JFM6ZE.js.map
+//# sourceMappingURL=chunk-URNTAVGX.js.map