@opengeni/react 3.1.0 → 3.1.2

package/dist/chunk-VIUEOHXY.js

@@ -0,0 +1,394 @@
+"use client";
+import {
+  ArtifactBadge,
+  ArtifactButton,
+  ArtifactLabelsProvider,
+  ArtifactSelect,
+  useArtifactLabels
+} from "./chunk-TGXK4BAZ.js";
+import {
+  useOpenGeniLinkResolver
+} from "./chunk-4QYP6QUI.js";
+import {
+  PublishedHtmlArtifactFrame
+} from "./chunk-6JFN3OWG.js";
+import {
+  inlineHtmlDocument
+} from "./chunk-IGFZFLI2.js";
+import {
+  loadSiteSnapshot
+} from "./chunk-IOYHDEP3.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/components/artifacts/chat-interactive-block.tsx
+import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
+
+// src/components/artifacts/artifact-sandbox.tsx
+import {
+  ArrowLeftIcon,
+  Globe2Icon,
+  Maximize2Icon,
+  PlugZapIcon,
+  RefreshCwIcon,
+  SparklesIcon
+} from "lucide-react";
+import { useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ArtifactSandbox(props) {
+  const labels = useArtifactLabels();
+  const [reloadKey, setReloadKey] = useState(0);
+  const [focused, setFocused] = useState(false);
+  const frameRef = useRef(null);
+  const modalRef = useRef(false);
+  useLayoutEffect(() => {
+    const frame = frameRef.current;
+    if (!frame) return;
+    if (focused) {
+      frame.close();
+      frame.showModal();
+      modalRef.current = true;
+    } else if (modalRef.current) {
+      frame.close();
+      frame.show();
+      modalRef.current = false;
+    }
+  }, [focused]);
+  const reload = () => {
+    setReloadKey((value) => value + 1);
+  };
+  return /* @__PURE__ */ jsxs(
+    "dialog",
+    {
+      ref: frameRef,
+      open: true,
+      "aria-label": props.title,
+      onCancel: (event) => {
+        event.preventDefault();
+        setFocused(false);
+      },
+      className: cn(
+        "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",
+        props.className,
+        props.fill && "flex min-h-0 flex-col",
+        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__ */ jsx(
+          PublishedHtmlArtifactFrame,
+          {
+            title: props.title,
+            html: props.html,
+            autoHeight: Boolean(props.autoHeight && !focused),
+            ...props.theme ? { theme: props.theme } : {},
+            ...!focused && props.height ? { style: { height: props.height } } : {},
+            ...props.toolBridge ? { toolBridge: props.toolBridge } : {},
+            ...props.viewer ? { viewer: props.viewer } : {},
+            className: cn(
+              "block h-[clamp(30rem,62vh,48rem)] w-full border-0 bg-white",
+              props.fill && "h-0 min-h-0 flex-1",
+              focused && "min-h-0 flex-1"
+            )
+          },
+          reloadKey
+        )
+      ]
+    }
+  );
+}
+
+// src/components/artifacts/deferred-chat-media.tsx
+import { useEffect, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function DeferredChatMedia({
+  children,
+  height,
+  label,
+  actionLabel
+}) {
+  const host = useRef2(null);
+  const [active, setActive] = useState2(false);
+  useEffect(() => {
+    const node = host.current;
+    if (active || !node) return;
+    if (typeof IntersectionObserver === "undefined") {
+      setActive(true);
+      return;
+    }
+    let disposed = false;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (disposed || !entries.some((entry) => entry.isIntersecting)) return;
+        setActive(true);
+        observer.disconnect();
+      },
+      {
+        root: node.closest("[data-og-timeline-scroller]"),
+        rootMargin: "200px 0px"
+      }
+    );
+    observer.observe(node);
+    return () => {
+      disposed = true;
+      observer.disconnect();
+    };
+  }, [active]);
+  return /* @__PURE__ */ jsx2("div", { ref: host, "data-chat-media": active ? "active" : "deferred", children: active ? children : /* @__PURE__ */ jsx2("div", { className: "flex w-full items-center justify-center", style: { height }, children: /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      className: "rounded-md px-3 py-2 text-sm text-fg-muted hover:text-fg focus-visible:outline-2 focus-visible:outline-ring",
+      onClick: () => setActive(true),
+      children: actionLabel ?? `Load ${label ?? "media"}`
+    }
+  ) }) });
+}
+
+// src/components/artifacts/chat-interactive-block.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var INLINE_PREVIEW_HEIGHT = 360;
+var SITE_PREVIEW_HEIGHT = 400;
+var PREVIEW_CHROME_HEIGHT = 50;
+function ChatInteractiveBlock({ labels, ...props }) {
+  return /* @__PURE__ */ jsx3(ArtifactLabelsProvider, { labels, children: /* @__PURE__ */ jsx3(InteractiveBlock, { ...props }) });
+}
+function InteractiveBlock(props) {
+  const labels = useArtifactLabels();
+  const height = (props.kind === "html" ? INLINE_PREVIEW_HEIGHT : SITE_PREVIEW_HEIGHT) + PREVIEW_CHROME_HEIGHT;
+  return /* @__PURE__ */ jsx3(
+    DeferredChatMedia,
+    {
+      height,
+      actionLabel: props.kind === "html" ? labels.loadPreview : labels.loadSitePreview,
+      children: /* @__PURE__ */ jsx3("div", { style: { height }, children: /* @__PURE__ */ jsx3(LoadedChatInteractiveBlock, { ...props }) })
+    },
+    `${props.workspaceId}:${props.kind}:${props.kind === "site" ? props.content : "inline"}`
+  );
+}
+function LoadedChatInteractiveBlock(props) {
+  const labels = useArtifactLabels();
+  if (props.kind === "html") return /* @__PURE__ */ jsx3(InlineHtml, { ...props });
+  try {
+    const value = JSON.parse(props.content);
+    if (!value || typeof value.siteId !== "string" || !/^[0-9a-f-]{36}$/i.test(value.siteId) || value.versionId !== void 0 && (typeof value.versionId !== "string" || !/^[0-9a-f-]{36}$/i.test(value.versionId)))
+      throw new Error("Invalid Site reference");
+    return /* @__PURE__ */ jsx3(
+      SiteEmbed,
+      {
+        ...props,
+        siteId: value.siteId,
+        initialVersionId: value.versionId
+      },
+      `${props.workspaceId}:${value.siteId}:${value.versionId ?? "current"}`
+    );
+  } catch {
+    return /* @__PURE__ */ jsx3("p", { role: "alert", children: labels.siteReferenceInvalid });
+  }
+}
+function InlineHtml({ content, toolBridge, theme }) {
+  const labels = useArtifactLabels();
+  const html = useMemo(() => inlineHtmlDocument(content), [content]);
+  const bridge = useMemo(() => toolBridge?.(), [toolBridge]);
+  return /* @__PURE__ */ jsx3(
+    ArtifactSandbox,
+    {
+      title: labels.preview,
+      showTitle: false,
+      showLiveStatus: false,
+      html,
+      toolBridge: bridge,
+      height: INLINE_PREVIEW_HEIGHT,
+      className: "h-full",
+      fill: true,
+      theme
+    }
+  );
+}
+function SiteEmbed(props) {
+  const [versionId, setVersionId] = useState3(props.initialVersionId);
+  return /* @__PURE__ */ jsx3(
+    SiteEmbedContent,
+    {
+      ...props,
+      versionId,
+      onVersionChange: setVersionId
+    },
+    versionId ?? "current"
+  );
+}
+function SiteEmbedContent({
+  workspaceId,
+  client,
+  toolBridge,
+  theme,
+  siteId,
+  versionId,
+  onVersionChange
+}) {
+  const [loaded, setLoaded] = useState3(null);
+  const snapshot = loaded?.client === client ? loaded.snapshot : null;
+  const [error, setError] = useState3(false);
+  const [retry, setRetry] = useState3(0);
+  useEffect2(() => {
+    const abort = new AbortController();
+    setError(false);
+    setLoaded(null);
+    void loadSiteSnapshot(client, workspaceId, siteId, {
+      signal: abort.signal,
+      ...versionId ? { versionId } : {}
+    }).then((value) => {
+      if (!abort.signal.aborted) setLoaded({ client, snapshot: value });
+    }).catch(() => {
+      if (!abort.signal.aborted) setError(true);
+    });
+    return () => abort.abort();
+  }, [client, workspaceId, siteId, versionId, retry]);
+  const content = snapshot?.content;
+  const bridge = useMemo(
+    () => content ? toolBridge?.({
+      artifactId: siteId,
+      siteVersionId: content.versionId,
+      requestedTools: content.requestedTools
+    }) : void 0,
+    [toolBridge, siteId, content]
+  );
+  const open = useOpenGeniLinkResolver()?.({ kind: "site", artifactId: siteId, workspaceId });
+  const labels = useArtifactLabels();
+  if (error)
+    return /* @__PURE__ */ jsxs2("p", { role: "alert", children: [
+      labels.siteLoadFailed,
+      " ",
+      /* @__PURE__ */ jsx3(ArtifactButton, { size: "sm", onClick: () => setRetry((v) => v + 1), children: labels.retry })
+    ] });
+  if (!snapshot) return /* @__PURE__ */ jsx3("p", { role: "status", children: labels.loadingSite });
+  if (!content) return /* @__PURE__ */ jsx3("p", { children: labels.siteUnpublished });
+  return /* @__PURE__ */ jsx3(
+    ArtifactSandbox,
+    {
+      title: snapshot.detail.artifact.title,
+      html: content.html,
+      toolBridge: bridge,
+      height: SITE_PREVIEW_HEIGHT,
+      className: "h-full",
+      fill: true,
+      theme,
+      headerControls: /* @__PURE__ */ jsxs2(Fragment, { children: [
+        snapshot.detail.versions.length > 1 || !snapshot.detail.versions.some((v) => v.id === content.versionId) ? /* @__PURE__ */ jsxs2(
+          ArtifactSelect,
+          {
+            "aria-label": labels.siteVersion,
+            className: "bg-transparent text-xs",
+            value: content.versionId,
+            onChange: (e) => onVersionChange(e.target.value),
+            children: [
+              !snapshot.detail.versions.some((v) => v.id === content.versionId) && /* @__PURE__ */ jsx3("option", { value: content.versionId, children: labels.savedVersion }),
+              snapshot.detail.versions.map((v) => /* @__PURE__ */ jsx3("option", { value: v.id, children: labels.version(v.revision) }, v.id))
+            ]
+          }
+        ) : null,
+        open?.href ? /* @__PURE__ */ jsx3(
+          "a",
+          {
+            className: "shrink-0 whitespace-nowrap text-xs underline",
+            href: open.href,
+            "data-og-open-site": "",
+            children: labels.openSite
+          }
+        ) : open?.open ? /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: "shrink-0 cursor-pointer whitespace-nowrap text-xs underline",
+            "data-og-open-site": "",
+            onClick: () => void Promise.resolve().then(open.open).catch(() => void 0),
+            children: labels.openSite
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+
+export {
+  ArtifactSandbox,
+  DeferredChatMedia,
+  ChatInteractiveBlock
+};
+//# sourceMappingURL=chunk-VIUEOHXY.js.map

package/dist/chunk-VIUEOHXY.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      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"]}