@opengeni/react 3.1.3-canary.38890816741001 → 3.2.2

package/dist/artifacts.js

@@ -3,7 +3,7 @@ import {
   ArtifactSandbox,
   ChatInteractiveBlock,
   DeferredChatMedia
-} from "./chunk-VIUEOHXY.js";
+} from "./chunk-WBJY57A3.js";
 import {
   EditableSpreadsheetArtifactSurface,
   EditableSpreadsheetGrid,

package/dist/{chat-interactive-block-BO2IWXVK.js → chat-interactive-block-4EUKJXUO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ChatInteractiveBlock
-} from "./chunk-VIUEOHXY.js";
+} from "./chunk-WBJY57A3.js";
 import "./chunk-TGXK4BAZ.js";
 import "./chunk-4QYP6QUI.js";
 import "./chunk-6JFN3OWG.js";
@@ -11,4 +11,4 @@ import "./chunk-TXS65BB2.js";
 export {
   ChatInteractiveBlock
 };
-//# sourceMappingURL=chat-interactive-block-BO2IWXVK.js.map
+//# sourceMappingURL=chat-interactive-block-4EUKJXUO.js.map

package/dist/{chunk-OVB5WIG5.js → chunk-JJ6AKQOL.js}

@@ -12957,7 +12957,7 @@ function GoalChrome({ sessionId, client, workspaceId, events, chrome }) {
 }
 var LazyEmbeddedRealtimeVoice = lazy5(() => import("./embedded-voice-RPHPYVBT.js"));
 var LazyChatInteractiveBlock = lazy5(
-  () => import("./chat-interactive-block-BO2IWXVK.js").then((module) => ({
+  () => import("./chat-interactive-block-4EUKJXUO.js").then((module) => ({
     default: module.ChatInteractiveBlock
   }))
 );
@@ -14061,4 +14061,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-OVB5WIG5.js.map
+//# sourceMappingURL=chunk-JJ6AKQOL.js.map

package/dist/{chunk-VIUEOHXY.js → chunk-WBJY57A3.js}

@@ -64,6 +64,7 @@ function ArtifactSandbox(props) {
       ref: frameRef,
       open: true,
       "aria-label": props.title,
+      "data-artifact-fullscreen": focused || void 0,
       onCancel: (event) => {
         event.preventDefault();
         setFocused(false);
@@ -75,82 +76,89 @@ function ArtifactSandbox(props) {
         focused && "fixed inset-0 z-50 flex h-dvh w-dvw flex-col rounded-none border-0 bg-surface shadow-none"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-            focused ? /* @__PURE__ */ jsxs(
-              ArtifactButton,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 shrink-0 px-2",
-                onClick: () => setFocused(false),
-                children: [
-                  /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "mr-2 size-3.5" }),
-                  labels.back
-                ]
-              }
-            ) : null,
-            !focused && props.showTitle !== false ? /* @__PURE__ */ jsx("span", { className: "grid size-6 shrink-0 place-items-center rounded-md bg-surface-2 text-fg-muted", children: /* @__PURE__ */ jsx(Globe2Icon, { className: "size-3.5" }) }) : null,
-            props.showTitle !== false && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-semibold text-fg", children: props.title }),
-            props.headerControls,
-            props.versionLabel ? /* @__PURE__ */ jsx(ArtifactBadge, { className: "hidden h-5 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex", children: props.versionLabel }) : null,
-            props.connectedToolCount ? /* @__PURE__ */ jsxs(
-              ArtifactBadge,
-              {
-                className: "hidden h-5 max-w-40 gap-1 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex",
-                title: labels.toolsAvailable(props.connectedToolCount),
-                children: [
-                  /* @__PURE__ */ jsx(PlugZapIcon, { className: "size-3" }),
-                  labels.toolCount(props.connectedToolCount)
-                ]
-              }
-            ) : null,
-            props.sourceFileCount ? /* @__PURE__ */ jsx("span", { className: "hidden text-2xs text-fg-subtle xl:inline", children: labels.sourceFileCount(props.sourceFileCount) }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-            focused && props.onEdit ? /* @__PURE__ */ jsxs(
-              ArtifactButton,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 px-2",
-                disabled: props.editDisabled,
-                onClick: props.onEdit,
-                children: [
-                  /* @__PURE__ */ jsx(SparklesIcon, { className: "mr-2 size-3.5" }),
-                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: labels.editWithAgent }),
-                  /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: labels.editShort })
-                ]
-              }
-            ) : null,
-            props.showLiveStatus !== false && /* @__PURE__ */ jsxs("span", { className: "mr-1 hidden items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex", children: [
-              /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-status-success ring-4 ring-status-success/10" }),
-              labels.live
-            ] }),
-            /* @__PURE__ */ jsx(
-              ArtifactButton,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "size-8 rounded-md text-fg-muted hover:text-fg",
-                "aria-label": labels.reloadSite,
-                onClick: reload,
-                children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3.5" })
-              }
-            ),
-            !focused ? /* @__PURE__ */ jsx(
-              ArtifactButton,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "size-8 rounded-md text-fg-muted hover:text-fg",
-                "aria-label": labels.openFullScreen,
-                onClick: () => setFocused(true),
-                children: /* @__PURE__ */ jsx(Maximize2Icon, { className: "size-3.5" })
-              }
-            ) : null
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-window-drag": focused || void 0,
+            className: "flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+                focused ? /* @__PURE__ */ jsxs(
+                  ArtifactButton,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 shrink-0 px-2",
+                    onClick: () => setFocused(false),
+                    children: [
+                      /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "mr-2 size-3.5" }),
+                      labels.back
+                    ]
+                  }
+                ) : null,
+                !focused && props.showTitle !== false ? /* @__PURE__ */ jsx("span", { className: "grid size-6 shrink-0 place-items-center rounded-md bg-surface-2 text-fg-muted", children: /* @__PURE__ */ jsx(Globe2Icon, { className: "size-3.5" }) }) : null,
+                props.showTitle !== false && /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-semibold text-fg", children: props.title }),
+                props.headerControls,
+                props.versionLabel ? /* @__PURE__ */ jsx(ArtifactBadge, { className: "hidden h-5 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex", children: props.versionLabel }) : null,
+                props.connectedToolCount ? /* @__PURE__ */ jsxs(
+                  ArtifactBadge,
+                  {
+                    className: "hidden h-5 max-w-40 gap-1 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex",
+                    title: labels.toolsAvailable(props.connectedToolCount),
+                    children: [
+                      /* @__PURE__ */ jsx(PlugZapIcon, { className: "size-3" }),
+                      labels.toolCount(props.connectedToolCount)
+                    ]
+                  }
+                ) : null,
+                props.sourceFileCount ? /* @__PURE__ */ jsx("span", { className: "hidden text-2xs text-fg-subtle xl:inline", children: labels.sourceFileCount(props.sourceFileCount) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+                focused && props.onEdit ? /* @__PURE__ */ jsxs(
+                  ArtifactButton,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 px-2",
+                    disabled: props.editDisabled,
+                    onClick: props.onEdit,
+                    children: [
+                      /* @__PURE__ */ jsx(SparklesIcon, { className: "mr-2 size-3.5" }),
+                      /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: labels.editWithAgent }),
+                      /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: labels.editShort })
+                    ]
+                  }
+                ) : null,
+                props.showLiveStatus !== false && /* @__PURE__ */ jsxs("span", { className: "mr-1 hidden items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex", children: [
+                  /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-status-success ring-4 ring-status-success/10" }),
+                  labels.live
+                ] }),
+                /* @__PURE__ */ jsx(
+                  ArtifactButton,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-8 rounded-md text-fg-muted hover:text-fg",
+                    "aria-label": labels.reloadSite,
+                    onClick: reload,
+                    children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3.5" })
+                  }
+                ),
+                !focused ? /* @__PURE__ */ jsx(
+                  ArtifactButton,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-8 rounded-md text-fg-muted hover:text-fg",
+                    "aria-label": labels.openFullScreen,
+                    onClick: () => setFocused(true),
+                    children: /* @__PURE__ */ jsx(Maximize2Icon, { className: "size-3.5" })
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx(
           PublishedHtmlArtifactFrame,
           {
@@ -391,4 +399,4 @@ export {
   DeferredChatMedia,
   ChatInteractiveBlock
 };
-//# sourceMappingURL=chunk-VIUEOHXY.js.map
+//# sourceMappingURL=chunk-WBJY57A3.js.map

package/dist/chunk-WBJY57A3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/artifacts/chat-interactive-block.tsx","../src/components/artifacts/artifact-sandbox.tsx","../src/components/artifacts/deferred-chat-media.tsx"],"sourcesContent":["import type { OpenGeniClient, ToolGatewayIdentity } from \"@opengeni/sdk\";\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { loadSiteSnapshot } from \"../../sites-ui\";\nimport { useOpenGeniLinkResolver } from \"../open-geni-links\";\nimport {\n  ArtifactButton,\n  ArtifactLabelsProvider,\n  ArtifactSelect,\n  useArtifactLabels,\n  type ArtifactLabels,\n} from \"./artifact-chrome\";\nimport { ArtifactSandbox } from \"./artifact-sandbox\";\nimport { DeferredChatMedia } from \"./deferred-chat-media\";\nimport { inlineHtmlDocument } from \"./inline-html-document\";\nimport type { PublishedHtmlArtifactToolBridge } from \"./published-html-artifact-frame\";\n\n// Fixed chat viewports keep async Site loads and fragment resize messages from\n// moving the conversation. Full-screen remains available for larger content.\nconst INLINE_PREVIEW_HEIGHT = 360;\nconst SITE_PREVIEW_HEIGHT = 400;\nconst PREVIEW_CHROME_HEIGHT = 50;\n\n/** Reads a Site needs to render; the console client, the SDK client, or a proxy. */\nexport type SiteSnapshotClient = Pick<\n  OpenGeniClient,\n  \"getWorkspaceArtifact\" | \"getWorkspaceArtifactHtml\"\n> &\n  Partial<Pick<OpenGeniClient, \"getWorkspaceArtifactContent\">>;\n\n/** The exact saved Site a tool bridge is pinned to (absent for inline HTML). */\nexport type SiteToolScope = {\n  artifactId: string;\n  siteVersionId: string;\n  requestedTools: readonly ToolGatewayIdentity[];\n};\n\n/** Host-owned Site API access. Omit it and Sites render without workspace tools. */\nexport type SiteToolBridgeFactory = (\n  site?: SiteToolScope,\n) => PublishedHtmlArtifactToolBridge | undefined;\n\nexport type ChatInteractiveBlockProps = {\n  workspaceId: string;\n  kind: \"html\" | \"site\";\n  content: string;\n  client: SiteSnapshotClient;\n  toolBridge?: SiteToolBridgeFactory | undefined;\n  theme?: \"light\" | \"dark\" | undefined;\n  /** Translations for the preview's copy; defaults to English. */\n  labels?: Partial<ArtifactLabels> | undefined;\n};\n\n/**\n * Inline preview for an assistant `opengeni-html` or `opengeni-site` fence, as\n * the Opengeni console renders it. \"Open Site\" goes through the nearest\n * `resolveLink`, so a host decides where a Site opens.\n */\nexport function ChatInteractiveBlock({ labels, ...props }: ChatInteractiveBlockProps) {\n  return (\n    <ArtifactLabelsProvider labels={labels}>\n      <InteractiveBlock {...props} />\n    </ArtifactLabelsProvider>\n  );\n}\n\nfunction InteractiveBlock(props: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  const height =\n    (props.kind === \"html\" ? INLINE_PREVIEW_HEIGHT : SITE_PREVIEW_HEIGHT) + PREVIEW_CHROME_HEIGHT;\n  return (\n    <DeferredChatMedia\n      key={`${props.workspaceId}:${props.kind}:${props.kind === \"site\" ? props.content : \"inline\"}`}\n      height={height}\n      actionLabel={props.kind === \"html\" ? labels.loadPreview : labels.loadSitePreview}\n    >\n      <div style={{ height }}>\n        <LoadedChatInteractiveBlock {...props} />\n      </div>\n    </DeferredChatMedia>\n  );\n}\n\nfunction LoadedChatInteractiveBlock(props: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  if (props.kind === \"html\") return <InlineHtml {...props} />;\n  try {\n    const value = JSON.parse(props.content);\n    if (\n      !value ||\n      typeof value.siteId !== \"string\" ||\n      !/^[0-9a-f-]{36}$/i.test(value.siteId) ||\n      (value.versionId !== undefined &&\n        (typeof value.versionId !== \"string\" || !/^[0-9a-f-]{36}$/i.test(value.versionId)))\n    )\n      throw new Error(\"Invalid Site reference\");\n    return (\n      <SiteEmbed\n        key={`${props.workspaceId}:${value.siteId}:${value.versionId ?? \"current\"}`}\n        {...props}\n        siteId={value.siteId}\n        initialVersionId={value.versionId}\n      />\n    );\n  } catch {\n    return <p role=\"alert\">{labels.siteReferenceInvalid}</p>;\n  }\n}\n\nfunction InlineHtml({ content, toolBridge, theme }: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  const html = useMemo(() => inlineHtmlDocument(content), [content]);\n  const bridge = useMemo(() => toolBridge?.(), [toolBridge]);\n  return (\n    <ArtifactSandbox\n      title={labels.preview}\n      showTitle={false}\n      showLiveStatus={false}\n      html={html}\n      toolBridge={bridge}\n      height={INLINE_PREVIEW_HEIGHT}\n      className=\"h-full\"\n      fill\n      theme={theme}\n    />\n  );\n}\n\nfunction SiteEmbed(\n  props: ChatInteractiveBlockProps & { siteId: string; initialVersionId?: string },\n) {\n  const [versionId, setVersionId] = useState(props.initialVersionId);\n  return (\n    <SiteEmbedContent\n      key={versionId ?? \"current\"}\n      {...props}\n      versionId={versionId}\n      onVersionChange={setVersionId}\n    />\n  );\n}\n\nfunction SiteEmbedContent({\n  workspaceId,\n  client,\n  toolBridge,\n  theme,\n  siteId,\n  versionId,\n  onVersionChange,\n}: ChatInteractiveBlockProps & {\n  siteId: string;\n  versionId?: string | undefined;\n  onVersionChange: (id: string) => void;\n}) {\n  const [loaded, setLoaded] = useState<{\n    client: SiteSnapshotClient;\n    snapshot: Awaited<ReturnType<typeof loadSiteSnapshot>>;\n  } | null>(null);\n  const snapshot = loaded?.client === client ? loaded.snapshot : null;\n  const [error, setError] = useState(false);\n  const [retry, setRetry] = useState(0);\n  useEffect(() => {\n    const abort = new AbortController();\n    setError(false);\n    setLoaded(null);\n    void loadSiteSnapshot(client, workspaceId, siteId, {\n      signal: abort.signal,\n      ...(versionId ? { versionId } : {}),\n    })\n      .then((value) => {\n        if (!abort.signal.aborted) setLoaded({ client, snapshot: value });\n      })\n      .catch(() => {\n        if (!abort.signal.aborted) setError(true);\n      });\n    return () => abort.abort();\n  }, [client, workspaceId, siteId, versionId, retry]);\n  const content = snapshot?.content;\n  const bridge = useMemo(\n    () =>\n      content\n        ? toolBridge?.({\n            artifactId: siteId,\n            siteVersionId: content.versionId,\n            requestedTools: content.requestedTools,\n          })\n        : undefined,\n    [toolBridge, siteId, content],\n  );\n  const open = useOpenGeniLinkResolver()?.({ kind: \"site\", artifactId: siteId, workspaceId });\n  const labels = useArtifactLabels();\n  if (error)\n    return (\n      <p role=\"alert\">\n        {labels.siteLoadFailed}{\" \"}\n        <ArtifactButton size=\"sm\" onClick={() => setRetry((v) => v + 1)}>\n          {labels.retry}\n        </ArtifactButton>\n      </p>\n    );\n  if (!snapshot) return <p role=\"status\">{labels.loadingSite}</p>;\n  if (!content) return <p>{labels.siteUnpublished}</p>;\n  return (\n    <ArtifactSandbox\n      title={snapshot.detail.artifact.title}\n      html={content.html}\n      toolBridge={bridge}\n      height={SITE_PREVIEW_HEIGHT}\n      className=\"h-full\"\n      fill\n      theme={theme}\n      headerControls={\n        <>\n          {/* One published version has nothing to choose; keep the bar for the title. */}\n          {snapshot.detail.versions.length > 1 ||\n          !snapshot.detail.versions.some((v) => v.id === content.versionId) ? (\n            <ArtifactSelect\n              aria-label={labels.siteVersion}\n              className=\"bg-transparent text-xs\"\n              value={content.versionId}\n              onChange={(e) => onVersionChange(e.target.value)}\n            >\n              {!snapshot.detail.versions.some((v) => v.id === content.versionId) && (\n                <option value={content.versionId}>{labels.savedVersion}</option>\n              )}\n              {snapshot.detail.versions.map((v) => (\n                <option key={v.id} value={v.id}>\n                  {labels.version(v.revision)}\n                </option>\n              ))}\n            </ArtifactSelect>\n          ) : null}\n          {open?.href ? (\n            <a\n              className=\"shrink-0 whitespace-nowrap text-xs underline\"\n              href={open.href}\n              data-og-open-site=\"\"\n            >\n              {labels.openSite}\n            </a>\n          ) : open?.open ? (\n            <button\n              type=\"button\"\n              className=\"shrink-0 cursor-pointer whitespace-nowrap text-xs underline\"\n              data-og-open-site=\"\"\n              onClick={() =>\n                void Promise.resolve()\n                  .then(open.open)\n                  .catch(() => undefined)\n              }\n            >\n              {labels.openSite}\n            </button>\n          ) : null}\n        </>\n      }\n    />\n  );\n}\n","import {\n  ArrowLeftIcon,\n  Globe2Icon,\n  Maximize2Icon,\n  PlugZapIcon,\n  RefreshCwIcon,\n  SparklesIcon,\n} from \"lucide-react\";\nimport { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport type { SiteViewer } from \"@opengeni/sdk\";\n\nimport { cn } from \"../../lib/cn\";\nimport { ArtifactBadge, ArtifactButton, useArtifactLabels } from \"./artifact-chrome\";\nimport {\n  PublishedHtmlArtifactFrame,\n  type PublishedHtmlArtifactToolBridge,\n} from \"./published-html-artifact-frame\";\n\nexport type ArtifactSandboxProps = {\n  html: string;\n  height?: number | undefined;\n  autoHeight?: boolean | undefined;\n  theme?: \"light\" | \"dark\" | undefined;\n  headerControls?: ReactNode | undefined;\n  title: string;\n  /** Hide the visible title/icon while retaining the accessible iframe title. */\n  showTitle?: boolean | undefined;\n  showLiveStatus?: boolean | undefined;\n  versionLabel?: string | undefined;\n  className?: string | undefined;\n  editDisabled?: boolean | undefined;\n  onEdit?: (() => void) | undefined;\n  toolBridge?: PublishedHtmlArtifactToolBridge | undefined;\n  /** Who is viewing, answered to the Site's `site.viewer` over the bridge. */\n  viewer?: SiteViewer | undefined;\n  connectedToolCount?: number | undefined;\n  sourceFileCount?: number | undefined;\n  fill?: boolean | undefined;\n};\n\n/**\n * The Site/preview frame chrome shared by the console and embedding hosts:\n * title, version and tool badges, live status, reload, and a full-screen mode\n * that escapes the host's scroll containers through the modal top layer.\n */\nexport function ArtifactSandbox(props: ArtifactSandboxProps) {\n  const labels = useArtifactLabels();\n  const [reloadKey, setReloadKey] = useState(0);\n  const [focused, setFocused] = useState(false);\n  const frameRef = useRef<HTMLDialogElement>(null);\n  const modalRef = useRef(false);\n  useLayoutEffect(() => {\n    const frame = frameRef.current;\n    if (!frame) return;\n    if (focused) {\n      // A fixed child of the chat timeline is still clipped and layered by its\n      // scroll pane and the sibling workspace dock. The modal top layer escapes\n      // both while keeping the live Site iframe mounted in the same DOM node.\n      frame.close();\n      frame.showModal();\n      modalRef.current = true;\n    } else if (modalRef.current) {\n      frame.close();\n      frame.show();\n      modalRef.current = false;\n    }\n  }, [focused]);\n  const reload = () => {\n    setReloadKey((value) => value + 1);\n  };\n  return (\n    <dialog\n      ref={frameRef}\n      open\n      aria-label={props.title}\n      data-artifact-fullscreen={focused || undefined}\n      onCancel={(event) => {\n        event.preventDefault();\n        setFocused(false);\n      }}\n      className={cn(\n        \"og-root static m-0 w-full max-h-none max-w-none overflow-hidden rounded-2xl border border-border/80 bg-white p-0 text-left shadow-sm\",\n        props.className,\n        props.fill && \"flex min-h-0 flex-col\",\n        focused &&\n          \"fixed inset-0 z-50 flex h-dvh w-dvw flex-col rounded-none border-0 bg-surface shadow-none\",\n      )}\n    >\n      <div\n        data-window-drag={focused || undefined}\n        className=\"flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4\"\n      >\n        <div className=\"flex min-w-0 items-center gap-2.5\">\n          {focused ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-8 shrink-0 px-2\"\n              onClick={() => setFocused(false)}\n            >\n              <ArrowLeftIcon className=\"mr-2 size-3.5\" />\n              {labels.back}\n            </ArtifactButton>\n          ) : null}\n          {!focused && props.showTitle !== false ? (\n            <span className=\"grid size-6 shrink-0 place-items-center rounded-md bg-surface-2 text-fg-muted\">\n              <Globe2Icon className=\"size-3.5\" />\n            </span>\n          ) : null}\n          {props.showTitle !== false && (\n            <span className=\"truncate text-xs font-semibold text-fg\">{props.title}</span>\n          )}\n          {props.headerControls}\n          {props.versionLabel ? (\n            <ArtifactBadge className=\"hidden h-5 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex\">\n              {props.versionLabel}\n            </ArtifactBadge>\n          ) : null}\n          {props.connectedToolCount ? (\n            <ArtifactBadge\n              className=\"hidden h-5 max-w-40 gap-1 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex\"\n              title={labels.toolsAvailable(props.connectedToolCount)}\n            >\n              <PlugZapIcon className=\"size-3\" />\n              {labels.toolCount(props.connectedToolCount)}\n            </ArtifactBadge>\n          ) : null}\n          {props.sourceFileCount ? (\n            <span className=\"hidden text-2xs text-fg-subtle xl:inline\">\n              {labels.sourceFileCount(props.sourceFileCount)}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {focused && props.onEdit ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-8 px-2\"\n              disabled={props.editDisabled}\n              onClick={props.onEdit}\n            >\n              <SparklesIcon className=\"mr-2 size-3.5\" />\n              <span className=\"hidden sm:inline\">{labels.editWithAgent}</span>\n              <span className=\"sm:hidden\">{labels.editShort}</span>\n            </ArtifactButton>\n          ) : null}\n          {props.showLiveStatus !== false && (\n            <span className=\"mr-1 hidden items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex\">\n              <span className=\"size-1.5 rounded-full bg-status-success ring-4 ring-status-success/10\" />\n              {labels.live}\n            </span>\n          )}\n          <ArtifactButton\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"size-8 rounded-md text-fg-muted hover:text-fg\"\n            aria-label={labels.reloadSite}\n            onClick={reload}\n          >\n            <RefreshCwIcon className=\"size-3.5\" />\n          </ArtifactButton>\n          {!focused ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"size-8 rounded-md text-fg-muted hover:text-fg\"\n              aria-label={labels.openFullScreen}\n              onClick={() => setFocused(true)}\n            >\n              <Maximize2Icon className=\"size-3.5\" />\n            </ArtifactButton>\n          ) : null}\n        </div>\n      </div>\n      <PublishedHtmlArtifactFrame\n        key={reloadKey}\n        title={props.title}\n        html={props.html}\n        autoHeight={Boolean(props.autoHeight && !focused)}\n        {...(props.theme ? { theme: props.theme } : {})}\n        {...(!focused && props.height ? { style: { height: props.height } } : {})}\n        {...(props.toolBridge ? { toolBridge: props.toolBridge } : {})}\n        {...(props.viewer ? { viewer: props.viewer } : {})}\n        className={cn(\n          \"block h-[clamp(30rem,62vh,48rem)] w-full border-0 bg-white\",\n          props.fill && \"h-0 min-h-0 flex-1\",\n          focused && \"min-h-0 flex-1\",\n        )}\n      />\n    </dialog>\n  );\n}\n","import { useEffect, useRef, useState, type ReactNode } from \"react\";\n\n/**\n * Reserve the chat slot before starting expensive media work. Activation is\n * one-way: scrolling away must not discard an interactive preview's state.\n * The timeline parks at its initial tip in layout effects before this observer\n * is attached, so historical previews above the entry viewport stay dormant.\n */\nexport function DeferredChatMedia({\n  children,\n  height,\n  label,\n  actionLabel,\n}: {\n  children: ReactNode;\n  height: number;\n  /** What is loading, as in \"Load {label}\". */\n  label?: string | undefined;\n  /** The complete (translated) activation label; overrides `label`. */\n  actionLabel?: string | undefined;\n}) {\n  const host = useRef<HTMLDivElement>(null);\n  const [active, setActive] = useState(false);\n  useEffect(() => {\n    const node = host.current;\n    if (active || !node) return;\n    if (typeof IntersectionObserver === \"undefined\") {\n      setActive(true);\n      return;\n    }\n    let disposed = false;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (disposed || !entries.some((entry) => entry.isIntersecting)) return;\n        setActive(true);\n        observer.disconnect();\n      },\n      {\n        root: node.closest(\"[data-og-timeline-scroller]\"),\n        rootMargin: \"200px 0px\",\n      },\n    );\n    observer.observe(node);\n    return () => {\n      disposed = true;\n      observer.disconnect();\n    };\n  }, [active]);\n\n  return (\n    <div ref={host} data-chat-media={active ? \"active\" : \"deferred\"}>\n      {active ? (\n        children\n      ) : (\n        <div className=\"flex w-full items-center justify-center\" style={{ height }}>\n          <button\n            type=\"button\"\n            className=\"rounded-md px-3 py-2 text-sm text-fg-muted hover:text-fg focus-visible:outline-2 focus-visible:outline-ring\"\n            onClick={() => setActive(true)}\n          >\n            {actionLabel ?? `Load ${label ?? \"media\"}`}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useEffect","useState","useRef","useState","jsx","jsx","jsxs","useState","useEffect"]}

package/dist/index.js

@@ -110,7 +110,7 @@ import {
   useStartupDetails,
   useWorkspaceSessions,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-OVB5WIG5.js";
+} from "./chunk-JJ6AKQOL.js";
 import {
   useThemeType
 } from "./chunk-B27E3V37.js";

package/dist/session-ui.js

@@ -29,7 +29,7 @@ import {
   setStartupDetails,
   useStartupDetails,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-OVB5WIG5.js";
+} from "./chunk-JJ6AKQOL.js";
 import "./chunk-B27E3V37.js";
 import "./chunk-SHLZMAJN.js";
 import "./chunk-2HVLQ26H.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "3.1.3-canary.38890816741001",
+  "version": "3.2.2",
   "description": "React hooks and styled components for Opengeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -217,8 +217,8 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/connect": "3.1.3-canary.38890816741001",
-    "@opengeni/sdk": "3.1.3-canary.38890816741001",
+    "@opengeni/connect": "3.2.2",
+    "@opengeni/sdk": "3.2.2",
     "clsx": "^2.1.1",
     "dequal": "2.0.3",
     "lucide-react": "^1.8.0",

package/src/components/artifacts/artifact-sandbox.tsx

@@ -73,6 +73,7 @@ export function ArtifactSandbox(props: ArtifactSandboxProps) {
       ref={frameRef}
       open
       aria-label={props.title}
+      data-artifact-fullscreen={focused || undefined}
       onCancel={(event) => {
         event.preventDefault();
         setFocused(false);
@@ -85,7 +86,10 @@ export function ArtifactSandbox(props: ArtifactSandboxProps) {
           "fixed inset-0 z-50 flex h-dvh w-dvw flex-col rounded-none border-0 bg-surface shadow-none",
       )}
     >
-      <div className="flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4">
+      <div
+        data-window-drag={focused || undefined}
+        className="flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4"
+      >
         <div className="flex min-w-0 items-center gap-2.5">
           {focused ? (
             <ArtifactButton

package/dist/chunk-VIUEOHXY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/artifacts/chat-interactive-block.tsx","../src/components/artifacts/artifact-sandbox.tsx","../src/components/artifacts/deferred-chat-media.tsx"],"sourcesContent":["import type { OpenGeniClient, ToolGatewayIdentity } from \"@opengeni/sdk\";\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport { loadSiteSnapshot } from \"../../sites-ui\";\nimport { useOpenGeniLinkResolver } from \"../open-geni-links\";\nimport {\n  ArtifactButton,\n  ArtifactLabelsProvider,\n  ArtifactSelect,\n  useArtifactLabels,\n  type ArtifactLabels,\n} from \"./artifact-chrome\";\nimport { ArtifactSandbox } from \"./artifact-sandbox\";\nimport { DeferredChatMedia } from \"./deferred-chat-media\";\nimport { inlineHtmlDocument } from \"./inline-html-document\";\nimport type { PublishedHtmlArtifactToolBridge } from \"./published-html-artifact-frame\";\n\n// Fixed chat viewports keep async Site loads and fragment resize messages from\n// moving the conversation. Full-screen remains available for larger content.\nconst INLINE_PREVIEW_HEIGHT = 360;\nconst SITE_PREVIEW_HEIGHT = 400;\nconst PREVIEW_CHROME_HEIGHT = 50;\n\n/** Reads a Site needs to render; the console client, the SDK client, or a proxy. */\nexport type SiteSnapshotClient = Pick<\n  OpenGeniClient,\n  \"getWorkspaceArtifact\" | \"getWorkspaceArtifactHtml\"\n> &\n  Partial<Pick<OpenGeniClient, \"getWorkspaceArtifactContent\">>;\n\n/** The exact saved Site a tool bridge is pinned to (absent for inline HTML). */\nexport type SiteToolScope = {\n  artifactId: string;\n  siteVersionId: string;\n  requestedTools: readonly ToolGatewayIdentity[];\n};\n\n/** Host-owned Site API access. Omit it and Sites render without workspace tools. */\nexport type SiteToolBridgeFactory = (\n  site?: SiteToolScope,\n) => PublishedHtmlArtifactToolBridge | undefined;\n\nexport type ChatInteractiveBlockProps = {\n  workspaceId: string;\n  kind: \"html\" | \"site\";\n  content: string;\n  client: SiteSnapshotClient;\n  toolBridge?: SiteToolBridgeFactory | undefined;\n  theme?: \"light\" | \"dark\" | undefined;\n  /** Translations for the preview's copy; defaults to English. */\n  labels?: Partial<ArtifactLabels> | undefined;\n};\n\n/**\n * Inline preview for an assistant `opengeni-html` or `opengeni-site` fence, as\n * the Opengeni console renders it. \"Open Site\" goes through the nearest\n * `resolveLink`, so a host decides where a Site opens.\n */\nexport function ChatInteractiveBlock({ labels, ...props }: ChatInteractiveBlockProps) {\n  return (\n    <ArtifactLabelsProvider labels={labels}>\n      <InteractiveBlock {...props} />\n    </ArtifactLabelsProvider>\n  );\n}\n\nfunction InteractiveBlock(props: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  const height =\n    (props.kind === \"html\" ? INLINE_PREVIEW_HEIGHT : SITE_PREVIEW_HEIGHT) + PREVIEW_CHROME_HEIGHT;\n  return (\n    <DeferredChatMedia\n      key={`${props.workspaceId}:${props.kind}:${props.kind === \"site\" ? props.content : \"inline\"}`}\n      height={height}\n      actionLabel={props.kind === \"html\" ? labels.loadPreview : labels.loadSitePreview}\n    >\n      <div style={{ height }}>\n        <LoadedChatInteractiveBlock {...props} />\n      </div>\n    </DeferredChatMedia>\n  );\n}\n\nfunction LoadedChatInteractiveBlock(props: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  if (props.kind === \"html\") return <InlineHtml {...props} />;\n  try {\n    const value = JSON.parse(props.content);\n    if (\n      !value ||\n      typeof value.siteId !== \"string\" ||\n      !/^[0-9a-f-]{36}$/i.test(value.siteId) ||\n      (value.versionId !== undefined &&\n        (typeof value.versionId !== \"string\" || !/^[0-9a-f-]{36}$/i.test(value.versionId)))\n    )\n      throw new Error(\"Invalid Site reference\");\n    return (\n      <SiteEmbed\n        key={`${props.workspaceId}:${value.siteId}:${value.versionId ?? \"current\"}`}\n        {...props}\n        siteId={value.siteId}\n        initialVersionId={value.versionId}\n      />\n    );\n  } catch {\n    return <p role=\"alert\">{labels.siteReferenceInvalid}</p>;\n  }\n}\n\nfunction InlineHtml({ content, toolBridge, theme }: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\n  const html = useMemo(() => inlineHtmlDocument(content), [content]);\n  const bridge = useMemo(() => toolBridge?.(), [toolBridge]);\n  return (\n    <ArtifactSandbox\n      title={labels.preview}\n      showTitle={false}\n      showLiveStatus={false}\n      html={html}\n      toolBridge={bridge}\n      height={INLINE_PREVIEW_HEIGHT}\n      className=\"h-full\"\n      fill\n      theme={theme}\n    />\n  );\n}\n\nfunction SiteEmbed(\n  props: ChatInteractiveBlockProps & { siteId: string; initialVersionId?: string },\n) {\n  const [versionId, setVersionId] = useState(props.initialVersionId);\n  return (\n    <SiteEmbedContent\n      key={versionId ?? \"current\"}\n      {...props}\n      versionId={versionId}\n      onVersionChange={setVersionId}\n    />\n  );\n}\n\nfunction SiteEmbedContent({\n  workspaceId,\n  client,\n  toolBridge,\n  theme,\n  siteId,\n  versionId,\n  onVersionChange,\n}: ChatInteractiveBlockProps & {\n  siteId: string;\n  versionId?: string | undefined;\n  onVersionChange: (id: string) => void;\n}) {\n  const [loaded, setLoaded] = useState<{\n    client: SiteSnapshotClient;\n    snapshot: Awaited<ReturnType<typeof loadSiteSnapshot>>;\n  } | null>(null);\n  const snapshot = loaded?.client === client ? loaded.snapshot : null;\n  const [error, setError] = useState(false);\n  const [retry, setRetry] = useState(0);\n  useEffect(() => {\n    const abort = new AbortController();\n    setError(false);\n    setLoaded(null);\n    void loadSiteSnapshot(client, workspaceId, siteId, {\n      signal: abort.signal,\n      ...(versionId ? { versionId } : {}),\n    })\n      .then((value) => {\n        if (!abort.signal.aborted) setLoaded({ client, snapshot: value });\n      })\n      .catch(() => {\n        if (!abort.signal.aborted) setError(true);\n      });\n    return () => abort.abort();\n  }, [client, workspaceId, siteId, versionId, retry]);\n  const content = snapshot?.content;\n  const bridge = useMemo(\n    () =>\n      content\n        ? toolBridge?.({\n            artifactId: siteId,\n            siteVersionId: content.versionId,\n            requestedTools: content.requestedTools,\n          })\n        : undefined,\n    [toolBridge, siteId, content],\n  );\n  const open = useOpenGeniLinkResolver()?.({ kind: \"site\", artifactId: siteId, workspaceId });\n  const labels = useArtifactLabels();\n  if (error)\n    return (\n      <p role=\"alert\">\n        {labels.siteLoadFailed}{\" \"}\n        <ArtifactButton size=\"sm\" onClick={() => setRetry((v) => v + 1)}>\n          {labels.retry}\n        </ArtifactButton>\n      </p>\n    );\n  if (!snapshot) return <p role=\"status\">{labels.loadingSite}</p>;\n  if (!content) return <p>{labels.siteUnpublished}</p>;\n  return (\n    <ArtifactSandbox\n      title={snapshot.detail.artifact.title}\n      html={content.html}\n      toolBridge={bridge}\n      height={SITE_PREVIEW_HEIGHT}\n      className=\"h-full\"\n      fill\n      theme={theme}\n      headerControls={\n        <>\n          {/* One published version has nothing to choose; keep the bar for the title. */}\n          {snapshot.detail.versions.length > 1 ||\n          !snapshot.detail.versions.some((v) => v.id === content.versionId) ? (\n            <ArtifactSelect\n              aria-label={labels.siteVersion}\n              className=\"bg-transparent text-xs\"\n              value={content.versionId}\n              onChange={(e) => onVersionChange(e.target.value)}\n            >\n              {!snapshot.detail.versions.some((v) => v.id === content.versionId) && (\n                <option value={content.versionId}>{labels.savedVersion}</option>\n              )}\n              {snapshot.detail.versions.map((v) => (\n                <option key={v.id} value={v.id}>\n                  {labels.version(v.revision)}\n                </option>\n              ))}\n            </ArtifactSelect>\n          ) : null}\n          {open?.href ? (\n            <a\n              className=\"shrink-0 whitespace-nowrap text-xs underline\"\n              href={open.href}\n              data-og-open-site=\"\"\n            >\n              {labels.openSite}\n            </a>\n          ) : open?.open ? (\n            <button\n              type=\"button\"\n              className=\"shrink-0 cursor-pointer whitespace-nowrap text-xs underline\"\n              data-og-open-site=\"\"\n              onClick={() =>\n                void Promise.resolve()\n                  .then(open.open)\n                  .catch(() => undefined)\n              }\n            >\n              {labels.openSite}\n            </button>\n          ) : null}\n        </>\n      }\n    />\n  );\n}\n","import {\n  ArrowLeftIcon,\n  Globe2Icon,\n  Maximize2Icon,\n  PlugZapIcon,\n  RefreshCwIcon,\n  SparklesIcon,\n} from \"lucide-react\";\nimport { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport type { SiteViewer } from \"@opengeni/sdk\";\n\nimport { cn } from \"../../lib/cn\";\nimport { ArtifactBadge, ArtifactButton, useArtifactLabels } from \"./artifact-chrome\";\nimport {\n  PublishedHtmlArtifactFrame,\n  type PublishedHtmlArtifactToolBridge,\n} from \"./published-html-artifact-frame\";\n\nexport type ArtifactSandboxProps = {\n  html: string;\n  height?: number | undefined;\n  autoHeight?: boolean | undefined;\n  theme?: \"light\" | \"dark\" | undefined;\n  headerControls?: ReactNode | undefined;\n  title: string;\n  /** Hide the visible title/icon while retaining the accessible iframe title. */\n  showTitle?: boolean | undefined;\n  showLiveStatus?: boolean | undefined;\n  versionLabel?: string | undefined;\n  className?: string | undefined;\n  editDisabled?: boolean | undefined;\n  onEdit?: (() => void) | undefined;\n  toolBridge?: PublishedHtmlArtifactToolBridge | undefined;\n  /** Who is viewing, answered to the Site's `site.viewer` over the bridge. */\n  viewer?: SiteViewer | undefined;\n  connectedToolCount?: number | undefined;\n  sourceFileCount?: number | undefined;\n  fill?: boolean | undefined;\n};\n\n/**\n * The Site/preview frame chrome shared by the console and embedding hosts:\n * title, version and tool badges, live status, reload, and a full-screen mode\n * that escapes the host's scroll containers through the modal top layer.\n */\nexport function ArtifactSandbox(props: ArtifactSandboxProps) {\n  const labels = useArtifactLabels();\n  const [reloadKey, setReloadKey] = useState(0);\n  const [focused, setFocused] = useState(false);\n  const frameRef = useRef<HTMLDialogElement>(null);\n  const modalRef = useRef(false);\n  useLayoutEffect(() => {\n    const frame = frameRef.current;\n    if (!frame) return;\n    if (focused) {\n      // A fixed child of the chat timeline is still clipped and layered by its\n      // scroll pane and the sibling workspace dock. The modal top layer escapes\n      // both while keeping the live Site iframe mounted in the same DOM node.\n      frame.close();\n      frame.showModal();\n      modalRef.current = true;\n    } else if (modalRef.current) {\n      frame.close();\n      frame.show();\n      modalRef.current = false;\n    }\n  }, [focused]);\n  const reload = () => {\n    setReloadKey((value) => value + 1);\n  };\n  return (\n    <dialog\n      ref={frameRef}\n      open\n      aria-label={props.title}\n      onCancel={(event) => {\n        event.preventDefault();\n        setFocused(false);\n      }}\n      className={cn(\n        \"og-root static m-0 w-full max-h-none max-w-none overflow-hidden rounded-2xl border border-border/80 bg-white p-0 text-left shadow-sm\",\n        props.className,\n        props.fill && \"flex min-h-0 flex-col\",\n        focused &&\n          \"fixed inset-0 z-50 flex h-dvh w-dvw flex-col rounded-none border-0 bg-surface shadow-none\",\n      )}\n    >\n      <div className=\"flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border/80 bg-surface/95 px-3 sm:px-4\">\n        <div className=\"flex min-w-0 items-center gap-2.5\">\n          {focused ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-8 shrink-0 px-2\"\n              onClick={() => setFocused(false)}\n            >\n              <ArrowLeftIcon className=\"mr-2 size-3.5\" />\n              {labels.back}\n            </ArtifactButton>\n          ) : null}\n          {!focused && props.showTitle !== false ? (\n            <span className=\"grid size-6 shrink-0 place-items-center rounded-md bg-surface-2 text-fg-muted\">\n              <Globe2Icon className=\"size-3.5\" />\n            </span>\n          ) : null}\n          {props.showTitle !== false && (\n            <span className=\"truncate text-xs font-semibold text-fg\">{props.title}</span>\n          )}\n          {props.headerControls}\n          {props.versionLabel ? (\n            <ArtifactBadge className=\"hidden h-5 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex\">\n              {props.versionLabel}\n            </ArtifactBadge>\n          ) : null}\n          {props.connectedToolCount ? (\n            <ArtifactBadge\n              className=\"hidden h-5 max-w-40 gap-1 rounded-md border-border/80 px-1.5 text-2xs font-normal text-fg-muted sm:inline-flex\"\n              title={labels.toolsAvailable(props.connectedToolCount)}\n            >\n              <PlugZapIcon className=\"size-3\" />\n              {labels.toolCount(props.connectedToolCount)}\n            </ArtifactBadge>\n          ) : null}\n          {props.sourceFileCount ? (\n            <span className=\"hidden text-2xs text-fg-subtle xl:inline\">\n              {labels.sourceFileCount(props.sourceFileCount)}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {focused && props.onEdit ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-8 px-2\"\n              disabled={props.editDisabled}\n              onClick={props.onEdit}\n            >\n              <SparklesIcon className=\"mr-2 size-3.5\" />\n              <span className=\"hidden sm:inline\">{labels.editWithAgent}</span>\n              <span className=\"sm:hidden\">{labels.editShort}</span>\n            </ArtifactButton>\n          ) : null}\n          {props.showLiveStatus !== false && (\n            <span className=\"mr-1 hidden items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex\">\n              <span className=\"size-1.5 rounded-full bg-status-success ring-4 ring-status-success/10\" />\n              {labels.live}\n            </span>\n          )}\n          <ArtifactButton\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"size-8 rounded-md text-fg-muted hover:text-fg\"\n            aria-label={labels.reloadSite}\n            onClick={reload}\n          >\n            <RefreshCwIcon className=\"size-3.5\" />\n          </ArtifactButton>\n          {!focused ? (\n            <ArtifactButton\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"size-8 rounded-md text-fg-muted hover:text-fg\"\n              aria-label={labels.openFullScreen}\n              onClick={() => setFocused(true)}\n            >\n              <Maximize2Icon className=\"size-3.5\" />\n            </ArtifactButton>\n          ) : null}\n        </div>\n      </div>\n      <PublishedHtmlArtifactFrame\n        key={reloadKey}\n        title={props.title}\n        html={props.html}\n        autoHeight={Boolean(props.autoHeight && !focused)}\n        {...(props.theme ? { theme: props.theme } : {})}\n        {...(!focused && props.height ? { style: { height: props.height } } : {})}\n        {...(props.toolBridge ? { toolBridge: props.toolBridge } : {})}\n        {...(props.viewer ? { viewer: props.viewer } : {})}\n        className={cn(\n          \"block h-[clamp(30rem,62vh,48rem)] w-full border-0 bg-white\",\n          props.fill && \"h-0 min-h-0 flex-1\",\n          focused && \"min-h-0 flex-1\",\n        )}\n      />\n    </dialog>\n  );\n}\n","import { useEffect, useRef, useState, type ReactNode } from \"react\";\n\n/**\n * Reserve the chat slot before starting expensive media work. Activation is\n * one-way: scrolling away must not discard an interactive preview's state.\n * The timeline parks at its initial tip in layout effects before this observer\n * is attached, so historical previews above the entry viewport stay dormant.\n */\nexport function DeferredChatMedia({\n  children,\n  height,\n  label,\n  actionLabel,\n}: {\n  children: ReactNode;\n  height: number;\n  /** What is loading, as in \"Load {label}\". */\n  label?: string | undefined;\n  /** The complete (translated) activation label; overrides `label`. */\n  actionLabel?: string | undefined;\n}) {\n  const host = useRef<HTMLDivElement>(null);\n  const [active, setActive] = useState(false);\n  useEffect(() => {\n    const node = host.current;\n    if (active || !node) return;\n    if (typeof IntersectionObserver === \"undefined\") {\n      setActive(true);\n      return;\n    }\n    let disposed = false;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (disposed || !entries.some((entry) => entry.isIntersecting)) return;\n        setActive(true);\n        observer.disconnect();\n      },\n      {\n        root: node.closest(\"[data-og-timeline-scroller]\"),\n        rootMargin: \"200px 0px\",\n      },\n    );\n    observer.observe(node);\n    return () => {\n      disposed = true;\n      observer.disconnect();\n    };\n  }, [active]);\n\n  return (\n    <div ref={host} data-chat-media={active ? \"active\" : \"deferred\"}>\n      {active ? (\n        children\n      ) : (\n        <div className=\"flex w-full items-center justify-center\" style={{ height }}>\n          <button\n            type=\"button\"\n            className=\"rounded-md px-3 py-2 text-sm text-fg-muted hover:text-fg focus-visible:outline-2 focus-visible:outline-ring\"\n            onClick={() => setActive(true)}\n          >\n            {actionLabel ?? `Load ${label ?? \"media\"}`}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useEffect","useState","useRef","useState","jsx","jsx","jsxs","useState","useEffect"]}