@opengeni/react 6.7.0 → 6.8.0

package/dist/chunk-K4DQS2ML.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// Saved Sites load asynchronously into a fixed chat viewport so they never move\n// the conversation. Inline visuals render synchronously from the message and\n// size to their content, up to a bound that keeps one visual from taking over\n// the conversation; taller content scrolls inside it. Full screen remains\n// available for larger content.\nconst INLINE_PREVIEW_HEIGHT = 360;\nconst INLINE_PREVIEW_MAX_HEIGHT = 640;\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      {props.kind === \"html\" ? (\n        <InlineHtml {...props} />\n      ) : (\n        <div style={{ height }}>\n          <LoadedChatInteractiveBlock {...props} />\n        </div>\n      )}\n    </DeferredChatMedia>\n  );\n}\n\nfunction LoadedChatInteractiveBlock(props: ChatInteractiveBlockProps) {\n  const labels = useArtifactLabels();\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      autoHeight\n      maxAutoHeight={INLINE_PREVIEW_MAX_HEIGHT}\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 {\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport type { SiteViewer } from \"@opengeni/sdk\";\n\nimport { cn } from \"../../lib/cn\";\nimport { useWindowLayerOpen } from \"../../lib/window-layer\";\nimport { PortalContainerProvider, usePortalContainer } from \"../../ui/portal-container\";\nimport { ArtifactBadge, ArtifactButton, useArtifactLabels } from \"./artifact-chrome\";\nimport {\n  PublishedHtmlArtifactFrame,\n  type PublishedHtmlArtifactToolBridge,\n} from \"./published-html-artifact-frame\";\n\n/**\n * What the frame's Live label says when the host watches the Site for new\n * versions: showing the current version, loading a newer one, or unable to\n * check for them.\n */\nexport type SiteLiveState = \"live\" | \"updating\" | \"reconnecting\";\n\nexport type ArtifactSandboxProps = {\n  html: string;\n  height?: number | undefined;\n  /**\n   * Size the frame to its document's reported height (see\n   * `PublishedHtmlArtifactFrame`); `height` is the size until the first report.\n   */\n  autoHeight?: boolean | undefined;\n  /** Upper bound for `autoHeight`, in CSS pixels; taller content scrolls inside. */\n  maxAutoHeight?: number | undefined;\n  theme?: \"light\" | \"dark\" | undefined;\n  headerControls?: ReactNode | undefined;\n  /**\n   * The toolbar's first control, for example the host's Back to the page the\n   * Site was opened from. Full screen shows its own Back there instead.\n   */\n  toolbarStart?: ReactNode | undefined;\n  title: string;\n  /** Hide the visible title/icon while retaining the accessible iframe title. */\n  showTitle?: boolean | undefined;\n  /**\n   * Wraps the visible title, so a host can attach its own menu to it (the\n   * Site view's Copy title). Returns the title itself when absent.\n   */\n  renderTitle?: ((title: ReactElement) => ReactNode) | undefined;\n  showLiveStatus?: boolean | undefined;\n  /**\n   * Replaces the \"Live\" indicator, for example with the host's link to the\n   * published Site. `null` shows nothing there; omit it for the default.\n   */\n  liveStatus?: ReactNode | undefined;\n  /**\n   * The real state of the Site on screen, from a host that watches it for new\n   * versions. `updating` and `reconnecting` show beside the Live indicator\n   * (or the host's replacement); without it the plain \"Live\" badge shows.\n   */\n  liveState?: SiteLiveState | 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  /**\n   * The Site's own address (`/admin?tab=2`), answered to `site.location`.\n   * Omit it to let the frame keep the address itself (starting at `/`, kept\n   * across reloads); pass it with `onSiteLocationChange` to keep it in the\n   * host, for example in its URL.\n   */\n  siteLocation?: string | undefined;\n  /** The Site moved itself with `site.navigate`. */\n  onSiteLocationChange?: ((href: string, options: { replace: boolean }) => void) | undefined;\n  connectedToolCount?: number | undefined;\n  sourceFileCount?: number | undefined;\n  fill?: boolean | undefined;\n  /**\n   * Control full screen from the host (for example from its URL). Omit to let\n   * the frame's own expand and back buttons manage it.\n   */\n  fullScreen?: boolean | undefined;\n  /** Called when the person expands the frame or leaves full screen. */\n  onFullScreenChange?: ((fullScreen: boolean) => void) | undefined;\n  /**\n   * Hide the frame's toolbar when the host draws its own reload and full\n   * screen controls. Full screen always shows it, for its Back button.\n   */\n  showToolbar?: boolean | undefined;\n  /** Reload the Site whenever this changes, from a host-drawn reload control. */\n  reloadToken?: number | undefined;\n  /**\n   * The page the frame shows, for example its version: a new key replaces\n   * the frame in the same render as its HTML, so the Site loads once.\n   */\n  frameKey?: string | 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 [ownFocused, setOwnFocused] = useState(false);\n  const [ownSiteLocation, setOwnSiteLocation] = useState(\"/\");\n  const siteLocation = props.siteLocation ?? ownSiteLocation;\n  const onSiteLocationChangeRef = useRef(props.onSiteLocationChange);\n  onSiteLocationChangeRef.current = props.onSiteLocationChange;\n  const ownsSiteLocation = props.siteLocation === undefined;\n  const onSiteLocationChange = useCallback(\n    (href: string, options: { replace: boolean }) => {\n      if (ownsSiteLocation) setOwnSiteLocation(href);\n      onSiteLocationChangeRef.current?.(href, options);\n    },\n    [ownsSiteLocation],\n  );\n  const focused = props.fullScreen ?? ownFocused;\n  // Full screen, the Site fills the window's content.\n  useWindowLayerOpen(focused);\n  const setFocused = (next: boolean) => {\n    if (props.fullScreen === undefined) setOwnFocused(next);\n    props.onFullScreenChange?.(next);\n  };\n  const frameRef = useRef<HTMLDialogElement>(null);\n  const modalRef = useRef(false);\n  // In full screen everything outside the modal is inert, so menus opened\n  // from the header (the version menu) draw inside it.\n  const inheritedPortal = usePortalContainer();\n  const [frameElement, setFrameElement] = useState<HTMLDialogElement | null>(null);\n  const attachFrame = useCallback((element: HTMLDialogElement | null) => {\n    frameRef.current = element;\n    setFrameElement(element);\n  }, []);\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={attachFrame}\n      open\n      aria-label={props.title}\n      data-artifact-fullscreen={focused || undefined}\n      data-window-layer={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-artifact-toolbar\n        data-window-drag={focused || undefined}\n        hidden={props.showToolbar === false && !focused}\n        className={cn(\n          \"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          props.showToolbar === false && !focused && \"hidden\",\n        )}\n      >\n        <div className=\"flex min-w-0 items-center gap-2.5\">\n          {!focused && props.toolbarStart ? props.toolbarStart : null}\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 ? null : props.renderTitle ? (\n            // Its menu opens in front of full screen, as the controls' do; its\n            // words leave a full-screen toolbar's drag region so they can be\n            // right-clicked.\n            <PortalContainerProvider\n              container={focused && frameElement ? frameElement : inheritedPortal}\n            >\n              {props.renderTitle(\n                <span className=\"truncate text-xs font-semibold text-fg [-webkit-app-region:no-drag] [app-region:no-drag]\">\n                  {props.title}\n                </span>,\n              )}\n            </PortalContainerProvider>\n          ) : (\n            <span className=\"truncate text-xs font-semibold text-fg\">{props.title}</span>\n          )}\n          {props.headerControls ? (\n            <PortalContainerProvider\n              container={focused && frameElement ? frameElement : inheritedPortal}\n            >\n              {props.headerControls}\n            </PortalContainerProvider>\n          ) : null}\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 && props.liveStatus !== undefined ? (\n            // The host's replacement (a link to the published Site) draws its\n            // tooltips inside the full-screen frame too.\n            <PortalContainerProvider\n              container={focused && frameElement ? frameElement : inheritedPortal}\n            >\n              {props.liveState !== undefined ? (\n                <LiveStateBeside status={props.liveState} labels={labels} />\n              ) : null}\n              {props.liveStatus}\n            </PortalContainerProvider>\n          ) : null}\n          {props.showLiveStatus !== false && props.liveStatus === undefined && (\n            <LiveLabel status={props.liveState} labels={labels} />\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}:${props.reloadToken ?? 0}:${props.frameKey ?? \"\"}`}\n        title={props.title}\n        html={props.html}\n        autoHeight={Boolean(props.autoHeight && !focused)}\n        {...(props.maxAutoHeight ? { maxAutoHeight: props.maxAutoHeight } : {})}\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        location={siteLocation}\n        onLocationChange={onSiteLocationChange}\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\n/**\n * Beside a host's replacement for Live: only Updating or Reconnecting shows.\n * The status region stays mounted and only its text changes, so screen\n * readers announce each change.\n */\nfunction LiveStateBeside({\n  status,\n  labels,\n}: {\n  status: SiteLiveState;\n  labels: ReturnType<typeof useArtifactLabels>;\n}) {\n  const busy = status === \"updating\" || status === \"reconnecting\";\n  return (\n    <span\n      role=\"status\"\n      aria-live=\"polite\"\n      data-live-state-region=\"\"\n      data-live-status={busy ? status : undefined}\n      className={\n        busy\n          ? \"mr-1 inline-flex items-center gap-1.5 text-2xs font-medium text-fg-muted\"\n          : \"sr-only\"\n      }\n    >\n      {busy ? (\n        <>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              \"size-1.5 rounded-full\",\n              status === \"updating\"\n                ? \"bg-status-running ring-4 ring-status-running/15 motion-safe:animate-pulse\"\n                : \"bg-status-waiting ring-4 ring-status-waiting/15\",\n            )}\n          />\n          <span className=\"max-sm:sr-only\">\n            {status === \"updating\" ? labels.liveUpdating : labels.liveReconnecting}\n          </span>\n        </>\n      ) : null}\n    </span>\n  );\n}\n\n/**\n * Live, or what the host watching the Site knows: a newer version loading,\n * or no way to check for one right now. Announced politely when it changes;\n * on a narrow screen only its dot shows, and it is still announced.\n */\nfunction LiveLabel({\n  status,\n  labels,\n}: {\n  status: SiteLiveState | undefined;\n  labels: ReturnType<typeof useArtifactLabels>;\n}) {\n  const text =\n    status === \"updating\"\n      ? labels.liveUpdating\n      : status === \"reconnecting\"\n        ? labels.liveReconnecting\n        : labels.live;\n  return (\n    <span\n      className={cn(\n        \"mr-1 items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex\",\n        status ? \"inline-flex\" : \"hidden\",\n      )}\n      data-live-status={status}\n      {...(status ? { role: \"status\", \"aria-live\": \"polite\" as const } : {})}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          \"size-1.5 rounded-full\",\n          status === \"updating\"\n            ? \"bg-status-running ring-4 ring-status-running/15 motion-safe:animate-pulse\"\n            : status === \"reconnecting\"\n              ? \"bg-status-waiting ring-4 ring-status-waiting/15\"\n              : \"bg-status-success ring-4 ring-status-success/10\",\n        )}\n      />\n      <span className={status ? \"max-sm:sr-only\" : undefined}>{text}</span>\n    </span>\n  );\n}\n","import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { useOpenGeniText } from \"../../messages/runtime\";\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 t = useOpenGeniText();\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 ??\n              t(\"artifacts.deferredChatMedia.loadLabel\", {\n                label: label ?? t(\"artifacts.deferredChatMedia.media\"),\n              })}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,aAAAA,YAAW,SAAS,YAAAC,iBAAgB;;;ACD7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAwLK,SA6JJ,UAvJM,KANF;AAnFL,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,SAAS,kBAAkB;AACjC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,GAAG;AAC1D,QAAM,eAAe,MAAM,gBAAgB;AAC3C,QAAM,0BAA0B,OAAO,MAAM,oBAAoB;AACjE,0BAAwB,UAAU,MAAM;AACxC,QAAM,mBAAmB,MAAM,iBAAiB;AAChD,QAAM,uBAAuB;AAAA,IAC3B,CAAC,MAAc,YAAkC;AAC/C,UAAI,iBAAkB,oBAAmB,IAAI;AAC7C,8BAAwB,UAAU,MAAM,OAAO;AAAA,IACjD;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AACA,QAAM,UAAU,MAAM,cAAc;AAEpC,qBAAmB,OAAO;AAC1B,QAAM,aAAa,CAAC,SAAkB;AACpC,QAAI,MAAM,eAAe,OAAW,eAAc,IAAI;AACtD,UAAM,qBAAqB,IAAI;AAAA,EACjC;AACA,QAAM,WAAW,OAA0B,IAAI;AAC/C,QAAM,WAAW,OAAO,KAAK;AAG7B,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmC,IAAI;AAC/E,QAAM,cAAc,YAAY,CAAC,YAAsC;AACrE,aAAS,UAAU;AACnB,oBAAgB,OAAO;AAAA,EACzB,GAAG,CAAC,CAAC;AACL,kBAAgB,MAAM;AACpB,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AACZ,QAAI,SAAS;AAIX,YAAM,MAAM;AACZ,YAAM,UAAU;AAChB,eAAS,UAAU;AAAA,IACrB,WAAW,SAAS,SAAS;AAC3B,YAAM,MAAM;AACZ,YAAM,KAAK;AACX,eAAS,UAAU;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,SAAS,MAAM;AACnB,iBAAa,CAAC,UAAU,QAAQ,CAAC;AAAA,EACnC;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAI;AAAA,MACJ,cAAY,MAAM;AAAA,MAClB,4BAA0B,WAAW;AAAA,MACrC,qBAAmB,WAAW;AAAA,MAC9B,UAAU,CAAC,UAAU;AACnB,cAAM,eAAe;AACrB,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,MAAM;AAAA,QACN,MAAM,QAAQ;AAAA,QACd,WACE;AAAA,MACJ;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,yBAAqB;AAAA,YACrB,oBAAkB,WAAW;AAAA,YAC7B,QAAQ,MAAM,gBAAgB,SAAS,CAAC;AAAA,YACxC,WAAW;AAAA,cACT;AAAA,cACA,MAAM,gBAAgB,SAAS,CAAC,WAAW;AAAA,YAC7C;AAAA,YAEA;AAAA,mCAAC,SAAI,WAAU,qCACZ;AAAA,iBAAC,WAAW,MAAM,eAAe,MAAM,eAAe;AAAA,gBACtD,UACC;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAAS,MAAM,WAAW,KAAK;AAAA,oBAE/B;AAAA,0CAAC,iBAAc,WAAU,iBAAgB;AAAA,sBACxC,OAAO;AAAA;AAAA;AAAA,gBACV,IACE;AAAA,gBACH,CAAC,WAAW,MAAM,cAAc,QAC/B,oBAAC,UAAK,WAAU,iFACd,8BAAC,cAAW,WAAU,YAAW,GACnC,IACE;AAAA,gBACH,MAAM,cAAc,QAAQ,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,kBAIxC;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW,WAAW,eAAe,eAAe;AAAA,sBAEnD,gBAAM;AAAA,wBACL,oBAAC,UAAK,WAAU,4FACb,gBAAM,OACT;AAAA,sBACF;AAAA;AAAA,kBACF;AAAA,oBAEA,oBAAC,UAAK,WAAU,0CAA0C,gBAAM,OAAM;AAAA,gBAEvE,MAAM,iBACL;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,WAAW,eAAe,eAAe;AAAA,oBAEnD,gBAAM;AAAA;AAAA,gBACT,IACE;AAAA,gBACH,MAAM,eACL,oBAAC,iBAAc,WAAU,mGACtB,gBAAM,cACT,IACE;AAAA,gBACH,MAAM,qBACL;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,OAAO,eAAe,MAAM,kBAAkB;AAAA,oBAErD;AAAA,0CAAC,eAAY,WAAU,UAAS;AAAA,sBAC/B,OAAO,UAAU,MAAM,kBAAkB;AAAA;AAAA;AAAA,gBAC5C,IACE;AAAA,gBACH,MAAM,kBACL,oBAAC,UAAK,WAAU,4CACb,iBAAO,gBAAgB,MAAM,eAAe,GAC/C,IACE;AAAA,iBACN;AAAA,cACA,qBAAC,SAAI,WAAU,oCACZ;AAAA,2BAAW,MAAM,SAChB;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,UAAU,MAAM;AAAA,oBAChB,SAAS,MAAM;AAAA,oBAEf;AAAA,0CAAC,gBAAa,WAAU,iBAAgB;AAAA,sBACxC,oBAAC,UAAK,WAAU,oBAAoB,iBAAO,eAAc;AAAA,sBACzD,oBAAC,UAAK,WAAU,aAAa,iBAAO,WAAU;AAAA;AAAA;AAAA,gBAChD,IACE;AAAA,gBACH,MAAM,mBAAmB,SAAS,MAAM,eAAe;AAAA;AAAA;AAAA,kBAGtD;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW,WAAW,eAAe,eAAe;AAAA,sBAEnD;AAAA,8BAAM,cAAc,SACnB,oBAAC,mBAAgB,QAAQ,MAAM,WAAW,QAAgB,IACxD;AAAA,wBACH,MAAM;AAAA;AAAA;AAAA,kBACT;AAAA,oBACE;AAAA,gBACH,MAAM,mBAAmB,SAAS,MAAM,eAAe,UACtD,oBAAC,aAAU,QAAQ,MAAM,WAAW,QAAgB;AAAA,gBAEtD;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,cAAY,OAAO;AAAA,oBACnB,SAAS;AAAA,oBAET,8BAAC,iBAAc,WAAU,YAAW;AAAA;AAAA,gBACtC;AAAA,gBACC,CAAC,UACA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,cAAY,OAAO;AAAA,oBACnB,SAAS,MAAM,WAAW,IAAI;AAAA,oBAE9B,8BAAC,iBAAc,WAAU,YAAW;AAAA;AAAA,gBACtC,IACE;AAAA,iBACN;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,MAAM;AAAA,YACb,MAAM,MAAM;AAAA,YACZ,YAAY,QAAQ,MAAM,cAAc,CAAC,OAAO;AAAA,YAC/C,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAc,IAAI,CAAC;AAAA,YACpE,GAAI,MAAM,QAAQ,EAAE,OAAO,MAAM,MAAM,IAAI,CAAC;AAAA,YAC5C,GAAI,CAAC,WAAW,MAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,MAAM,OAAO,EAAE,IAAI,CAAC;AAAA,YACtE,GAAI,MAAM,aAAa,EAAE,YAAY,MAAM,WAAW,IAAI,CAAC;AAAA,YAC3D,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAO,IAAI,CAAC;AAAA,YAChD,UAAU;AAAA,YACV,kBAAkB;AAAA,YAClB,WAAW;AAAA,cACT;AAAA,cACA,MAAM,QAAQ;AAAA,cACd,WAAW;AAAA,YACb;AAAA;AAAA,UAfK,GAAG,SAAS,IAAI,MAAM,eAAe,CAAC,IAAI,MAAM,YAAY,EAAE;AAAA,QAgBrE;AAAA;AAAA;AAAA,EACF;AAEJ;AAOA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,OAAO,WAAW,cAAc,WAAW;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,0BAAuB;AAAA,MACvB,oBAAkB,OAAO,SAAS;AAAA,MAClC,WACE,OACI,6EACA;AAAA,MAGL,iBACC,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW;AAAA,cACT;AAAA,cACA,WAAW,aACP,8EACA;AAAA,YACN;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAU,kBACb,qBAAW,aAAa,OAAO,eAAe,OAAO,kBACxD;AAAA,SACF,IACE;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,QAAM,OACJ,WAAW,aACP,OAAO,eACP,WAAW,iBACT,OAAO,mBACP,OAAO;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,gBAAgB;AAAA,MAC3B;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAI,SAAS,EAAE,MAAM,UAAU,aAAa,SAAkB,IAAI,CAAC;AAAA,MAEpE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW;AAAA,cACT;AAAA,cACA,WAAW,aACP,8EACA,WAAW,iBACT,oDACA;AAAA,YACR;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAW,SAAS,mBAAmB,QAAY,gBAAK;AAAA;AAAA;AAAA,EAChE;AAEJ;;;AChaA,SAAS,WAAW,UAAAC,SAAQ,YAAAC,iBAAgC;AAyDlD,gBAAAC,YAAA;AAhDH,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,IAAI,gBAAgB;AAC1B,QAAM,OAAOC,QAAuB,IAAI;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAIC,UAAS,KAAK;AAC1C,YAAU,MAAM;AACd,UAAM,OAAO,KAAK;AAClB,QAAI,UAAU,CAAC,KAAM;AACrB,QAAI,OAAO,yBAAyB,aAAa;AAC/C,gBAAU,IAAI;AACd;AAAA,IACF;AACA,QAAI,WAAW;AACf,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,YAAI,YAAY,CAAC,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,EAAG;AAChE,kBAAU,IAAI;AACd,iBAAS,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM,KAAK,QAAQ,6BAA6B;AAAA,QAChD,YAAY;AAAA,MACd;AAAA,IACF;AACA,aAAS,QAAQ,IAAI;AACrB,WAAO,MAAM;AACX,iBAAW;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,gBAAAF,KAAC,SAAI,KAAK,MAAM,mBAAiB,SAAS,WAAW,YAClD,mBACC,WAEA,gBAAAA,KAAC,SAAI,WAAU,2CAA0C,OAAO,EAAE,OAAO,GACvE,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM,UAAU,IAAI;AAAA,MAE5B,yBACC,EAAE,yCAAyC;AAAA,QACzC,OAAO,SAAS,EAAE,mCAAmC;AAAA,MACvD,CAAC;AAAA;AAAA,EACL,GACF,GAEJ;AAEJ;;;AFNM,SA2JE,YAAAG,WA3JF,OAAAC,MAwIA,QAAAC,aAxIA;AA3CN,IAAM,wBAAwB;AAC9B,IAAM,4BAA4B;AAClC,IAAM,sBAAsB;AAC5B,IAAM,wBAAwB;AAqCvB,SAAS,qBAAqB,EAAE,QAAQ,GAAG,MAAM,GAA8B;AACpF,SACE,gBAAAD,KAAC,0BAAuB,QACtB,0BAAAA,KAAC,oBAAkB,GAAG,OAAO,GAC/B;AAEJ;AAEA,SAAS,iBAAiB,OAAkC;AAC1D,QAAM,SAAS,kBAAkB;AACjC,QAAM,UACH,MAAM,SAAS,SAAS,wBAAwB,uBAAuB;AAC1E,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,aAAa,MAAM,SAAS,SAAS,OAAO,cAAc,OAAO;AAAA,MAEhE,gBAAM,SAAS,SACd,gBAAAA,KAAC,cAAY,GAAG,OAAO,IAEvB,gBAAAA,KAAC,SAAI,OAAO,EAAE,OAAO,GACnB,0BAAAA,KAAC,8BAA4B,GAAG,OAAO,GACzC;AAAA;AAAA,IATG,GAAG,MAAM,WAAW,IAAI,MAAM,IAAI,IAAI,MAAM,SAAS,SAAS,MAAM,UAAU,QAAQ;AAAA,EAW7F;AAEJ;AAEA,SAAS,2BAA2B,OAAkC;AACpE,QAAM,SAAS,kBAAkB;AACjC,MAAI;AACF,UAAM,QAAQ,KAAK,MAAM,MAAM,OAAO;AACtC,QACE,CAAC,SACD,OAAO,MAAM,WAAW,YACxB,CAAC,mBAAmB,KAAK,MAAM,MAAM,KACpC,MAAM,cAAc,WAClB,OAAO,MAAM,cAAc,YAAY,CAAC,mBAAmB,KAAK,MAAM,SAAS;AAElF,YAAM,IAAI,MAAM,wBAAwB;AAC1C,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEE,GAAG;AAAA,QACJ,QAAQ,MAAM;AAAA,QACd,kBAAkB,MAAM;AAAA;AAAA,MAHnB,GAAG,MAAM,WAAW,IAAI,MAAM,MAAM,IAAI,MAAM,aAAa,SAAS;AAAA,IAI3E;AAAA,EAEJ,QAAQ;AACN,WAAO,gBAAAA,KAAC,OAAE,MAAK,SAAS,iBAAO,sBAAqB;AAAA,EACtD;AACF;AAEA,SAAS,WAAW,EAAE,SAAS,YAAY,MAAM,GAA8B;AAC7E,QAAM,SAAS,kBAAkB;AACjC,QAAM,OAAO,QAAQ,MAAM,mBAAmB,OAAO,GAAG,CAAC,OAAO,CAAC;AACjE,QAAM,SAAS,QAAQ,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC;AACzD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO;AAAA,MACd,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB;AAAA,MACA,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,YAAU;AAAA,MACV,eAAe;AAAA,MACf;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UACP,OACA;AACA,QAAM,CAAC,WAAW,YAAY,IAAIE,UAAS,MAAM,gBAAgB;AACjE,SACE,gBAAAF;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MACJ;AAAA,MACA,iBAAiB;AAAA;AAAA,IAHZ,aAAa;AAAA,EAIpB;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAIE,UAGlB,IAAI;AACd,QAAM,WAAW,QAAQ,WAAW,SAAS,OAAO,WAAW;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAS,KAAK;AACxC,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAS,CAAC;AACpC,EAAAC,WAAU,MAAM;AACd,UAAM,QAAQ,IAAI,gBAAgB;AAClC,aAAS,KAAK;AACd,cAAU,IAAI;AACd,SAAK,iBAAiB,QAAQ,aAAa,QAAQ;AAAA,MACjD,QAAQ,MAAM;AAAA,MACd,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IACnC,CAAC,EACE,KAAK,CAAC,UAAU;AACf,UAAI,CAAC,MAAM,OAAO,QAAS,WAAU,EAAE,QAAQ,UAAU,MAAM,CAAC;AAAA,IAClE,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,MAAM,OAAO,QAAS,UAAS,IAAI;AAAA,IAC1C,CAAC;AACH,WAAO,MAAM,MAAM,MAAM;AAAA,EAC3B,GAAG,CAAC,QAAQ,aAAa,QAAQ,WAAW,KAAK,CAAC;AAClD,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS;AAAA,IACb,MACE,UACI,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,eAAe,QAAQ;AAAA,MACvB,gBAAgB,QAAQ;AAAA,IAC1B,CAAC,IACD;AAAA,IACN,CAAC,YAAY,QAAQ,OAAO;AAAA,EAC9B;AACA,QAAM,OAAO,wBAAwB,IAAI,EAAE,MAAM,QAAQ,YAAY,QAAQ,YAAY,CAAC;AAC1F,QAAM,SAAS,kBAAkB;AACjC,MAAI;AACF,WACE,gBAAAF,MAAC,OAAE,MAAK,SACL;AAAA,aAAO;AAAA,MAAgB;AAAA,MACxB,gBAAAD,KAAC,kBAAe,MAAK,MAAK,SAAS,MAAM,SAAS,CAAC,MAAM,IAAI,CAAC,GAC3D,iBAAO,OACV;AAAA,OACF;AAEJ,MAAI,CAAC,SAAU,QAAO,gBAAAA,KAAC,OAAE,MAAK,UAAU,iBAAO,aAAY;AAC3D,MAAI,CAAC,QAAS,QAAO,gBAAAA,KAAC,OAAG,iBAAO,iBAAgB;AAChD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS,OAAO,SAAS;AAAA,MAChC,MAAM,QAAQ;AAAA,MACd,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAI;AAAA,MACJ;AAAA,MACA,gBACE,gBAAAC,MAAAF,WAAA,EAEG;AAAA,iBAAS,OAAO,SAAS,SAAS,KACnC,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ,SAAS,IAC9D,gBAAAE;AAAA,UAAC;AAAA;AAAA,YACC,cAAY,OAAO;AAAA,YACnB,WAAU;AAAA,YACV,OAAO,QAAQ;AAAA,YACf,UAAU,CAAC,MAAM,gBAAgB,EAAE,OAAO,KAAK;AAAA,YAE9C;AAAA,eAAC,SAAS,OAAO,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ,SAAS,KAC/D,gBAAAD,KAAC,YAAO,OAAO,QAAQ,WAAY,iBAAO,cAAa;AAAA,cAExD,SAAS,OAAO,SAAS,IAAI,CAAC,MAC7B,gBAAAA,KAAC,YAAkB,OAAO,EAAE,IACzB,iBAAO,QAAQ,EAAE,QAAQ,KADf,EAAE,EAEf,CACD;AAAA;AAAA;AAAA,QACH,IACE;AAAA,QACH,MAAM,OACL,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAM,KAAK;AAAA,YACX,qBAAkB;AAAA,YAEjB,iBAAO;AAAA;AAAA,QACV,IACE,MAAM,OACR,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,qBAAkB;AAAA,YAClB,SAAS,MACP,KAAK,QAAQ,QAAQ,EAClB,KAAK,KAAK,IAAI,EACd,MAAM,MAAM,MAAS;AAAA,YAGzB,iBAAO;AAAA;AAAA,QACV,IACE;AAAA,SACN;AAAA;AAAA,EAEJ;AAEJ;","names":["useEffect","useState","useRef","useState","jsx","useRef","useState","Fragment","jsx","jsxs","useState","useEffect"]}

package/dist/{chunk-GKVJIDHF.js → chunk-KFNZZ2N6.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-TFD6JXHN.js";
 import {
   BillingClassMark
-} from "./chunk-XLH7QY2R.js";
+} from "./chunk-2J77TWGH.js";
 
 // src/app/components/billing-class-mark.tsx
 import { jsx } from "react/jsx-runtime";
@@ -30,4 +30,4 @@ export {
   openGeniGroupPresentation,
   BillingClassMark2 as BillingClassMark
 };
-//# sourceMappingURL=chunk-GKVJIDHF.js.map
+//# sourceMappingURL=chunk-KFNZZ2N6.js.map

package/dist/{chunk-I4QEJ62Y.js → chunk-KI46GKMD.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   scheduledTaskIdOf
-} from "./chunk-BMICEQZQ.js";
+} from "./chunk-7Z76QP64.js";
 import {
   sessionDescendantCountText
 } from "./chunk-XVVJBNUQ.js";
 import {
   sessionStatusLabel
-} from "./chunk-ZUA3JMI6.js";
+} from "./chunk-77SYIH6O.js";
 import {
   sessionSiteOrigin
 } from "./chunk-K3TJNJSU.js";
 import {
   t
-} from "./chunk-HSOXMJOT.js";
+} from "./chunk-HEGV4QMS.js";
 import {
   sessionAutomationWaitWords
-} from "./chunk-2OP6WLGV.js";
+} from "./chunk-TNSJFZ6Q.js";
 import {
   formatAbsoluteTime,
   inSentence
-} from "./chunk-53AGXXZM.js";
+} from "./chunk-MKDFYE2E.js";
 import {
   sessionInputWait
-} from "./chunk-3PZ7JZI2.js";
+} from "./chunk-D3PTVN2I.js";
 import {
   sessionAdmissionBlocked,
   sessionDisplayStatus
@@ -199,4 +199,4 @@ export {
   sessionHoverFacts,
   sessionHoverDescription
 };
-//# sourceMappingURL=chunk-I4QEJ62Y.js.map
+//# sourceMappingURL=chunk-KI46GKMD.js.map

package/dist/{chunk-SIRLACNZ.js → chunk-KO3OHHY2.js}

@@ -6,13 +6,13 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-ZQCND77P.js";
+} from "./chunk-YRYF76OE.js";
 import {
   Button
 } from "./chunk-7QQN3KNP.js";
 import {
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/ui/confirm-dialog.tsx
 import { useState } from "react";
@@ -111,4 +111,4 @@ export {
   destructiveActionFocusTarget,
   ConfirmDialog
 };
-//# sourceMappingURL=chunk-SIRLACNZ.js.map
+//# sourceMappingURL=chunk-KO3OHHY2.js.map

package/dist/{chunk-NULUNM7H.js → chunk-KUE5BOQE.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   sessionControlPaused
-} from "./chunk-ZUA3JMI6.js";
+} from "./chunk-77SYIH6O.js";
 import {
   t
-} from "./chunk-HSOXMJOT.js";
+} from "./chunk-HEGV4QMS.js";
 import {
   Link
 } from "./chunk-BXBDYNRP.js";
@@ -26,13 +26,13 @@ import {
 } from "./chunk-GM3LG6BG.js";
 import {
   sessionDisplayTitle
-} from "./chunk-3PZ7JZI2.js";
+} from "./chunk-D3PTVN2I.js";
 import {
   sessionDisplayStatus
 } from "./chunk-TSENLSW6.js";
 import {
   formatRelativeTime
-} from "./chunk-5MOJZORA.js";
+} from "./chunk-2EA4IRIP.js";
 
 // src/app/components/session/subagents.tsx
 import { BotIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
@@ -287,4 +287,4 @@ export {
   SubagentsLabel,
   SessionAncestryBreadcrumb
 };
-//# sourceMappingURL=chunk-NULUNM7H.js.map
+//# sourceMappingURL=chunk-KUE5BOQE.js.map

package/dist/{chunk-O3LKCBP5.js → chunk-LIJNVIT3.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   sessionHoverFacts
-} from "./chunk-I4QEJ62Y.js";
+} from "./chunk-KI46GKMD.js";
 import {
   modelDisplayName
 } from "./chunk-MQBX2UCG.js";
@@ -24,7 +24,7 @@ import {
   formatRelativeTime,
   inSentence,
   useMinuteNow
-} from "./chunk-53AGXXZM.js";
+} from "./chunk-MKDFYE2E.js";
 import {
   ModelMark
 } from "./chunk-WJPMYXKZ.js";
@@ -156,4 +156,4 @@ function SessionRowHoverDetails({
 export {
   SessionRowHoverDetails
 };
-//# sourceMappingURL=chunk-O3LKCBP5.js.map
+//# sourceMappingURL=chunk-LIJNVIT3.js.map

package/dist/{chunk-JWB44UGJ.js → chunk-LIJPDVYP.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-DAD2474Q.js";
 import {
   copyLink
-} from "./chunk-SC6RRD2D.js";
+} from "./chunk-ARTEEI2E.js";
 import {
   usePage
 } from "./chunk-BXBDYNRP.js";
@@ -54,4 +54,4 @@ export {
   useCopyArtifactLink,
   CopyArtifactLinkButton
 };
-//# sourceMappingURL=chunk-JWB44UGJ.js.map
+//# sourceMappingURL=chunk-LIJPDVYP.js.map

package/dist/{chunk-KYS77RPN.js → chunk-LPKJ77EK.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-TXS65BB2.js";
 import {
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/lib/chunk-load-error.ts
 var CHUNK_LOAD_MESSAGE_PATTERNS = [
@@ -82,4 +82,4 @@ export {
   isChunkLoadError,
   LoadFailureNotice
 };
-//# sourceMappingURL=chunk-KYS77RPN.js.map
+//# sourceMappingURL=chunk-LPKJ77EK.js.map

package/dist/{chunk-RMFKVOM7.js → chunk-LQKVNREV.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-IIFO2H3P.js";
 import {
   t
-} from "./chunk-HSOXMJOT.js";
+} from "./chunk-HEGV4QMS.js";
 import {
   buildTimeline
-} from "./chunk-4YCA2Y73.js";
+} from "./chunk-PF2WU2IL.js";
 import {
   presentFailure
-} from "./chunk-5MOJZORA.js";
+} from "./chunk-2EA4IRIP.js";
 import {
   parseProviderRecovery
 } from "./chunk-AZGAUBKR.js";
@@ -301,4 +301,4 @@ export {
   sandboxProvisionInFlight,
   eventLabel
 };
-//# sourceMappingURL=chunk-RMFKVOM7.js.map
+//# sourceMappingURL=chunk-LQKVNREV.js.map

package/dist/{chunk-E7XERZWC.js → chunk-LTJFV2JI.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-A3MTTRCX.js";
 import {
   Markdown
-} from "./chunk-JEA3QDX7.js";
+} from "./chunk-EKJHOWTZ.js";
 
 // src/app/components/markdown.tsx
 import { jsx } from "react/jsx-runtime";
@@ -45,4 +45,4 @@ function MarkdownText({
 export {
   MarkdownText
 };
-//# sourceMappingURL=chunk-E7XERZWC.js.map
+//# sourceMappingURL=chunk-LTJFV2JI.js.map

package/dist/{chunk-INXGSG3J.js → chunk-LVDNY5RC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   creditRefusalKind
-} from "./chunk-5MOJZORA.js";
+} from "./chunk-2EA4IRIP.js";
 
 // src/app/lib/model-access.tsx
 import { OpenGeniApiError } from "@opengeni/sdk/browser";
@@ -21,4 +21,4 @@ export {
   creditRefusalRecord,
   paymentRefusalCode
 };
-//# sourceMappingURL=chunk-INXGSG3J.js.map
+//# sourceMappingURL=chunk-LVDNY5RC.js.map

package/dist/{chunk-2INLDVK3.js → chunk-LVELUUK6.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ProviderRecoveryNotice
-} from "./chunk-OV6QJRT4.js";
+} from "./chunk-QRECBCJM.js";
 
 // src/app/components/session/model-recovery-notice.tsx
 import { jsx } from "react/jsx-runtime";
@@ -12,4 +12,4 @@ function ModelRecoveryNotice({ recovery }) {
 export {
   ModelRecoveryNotice
 };
-//# sourceMappingURL=chunk-2INLDVK3.js.map
+//# sourceMappingURL=chunk-LVELUUK6.js.map

package/dist/{chunk-TAT5USZN.js → chunk-M3FDGRB4.js}

@@ -2,13 +2,13 @@
 import {
   attemptHint,
   useConnect
-} from "./chunk-IMDQUHBJ.js";
+} from "./chunk-HYEIA25Y.js";
 import {
   attachSessionCapability
 } from "./chunk-52Y2X66Q.js";
 import {
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/components/integration-capability-connect-flow.ts
 import {
@@ -350,4 +350,4 @@ export {
   reconnectCandidate,
   useIntegrationCapabilityConnect
 };
-//# sourceMappingURL=chunk-TAT5USZN.js.map
+//# sourceMappingURL=chunk-M3FDGRB4.js.map

package/dist/{chunk-5EWSRZ2Y.js → chunk-M3HGBO2Y.js}

@@ -337,4 +337,4 @@ export {
   useOptionalRail,
   RailProvider
 };
-//# sourceMappingURL=chunk-5EWSRZ2Y.js.map
+//# sourceMappingURL=chunk-M3HGBO2Y.js.map

package/dist/{chunk-J3DY5HWQ.js → chunk-M5IQVMLR.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   formatElapsed
-} from "./chunk-IZXHMZQ6.js";
+} from "./chunk-ZW5YTIH3.js";
 import {
   timelineGroupContainsPresentedImage
-} from "./chunk-3SOIESJM.js";
+} from "./chunk-EWZ2RLNG.js";
 import {
   formatClockTime
-} from "./chunk-5MOJZORA.js";
+} from "./chunk-2EA4IRIP.js";
 
 // src/timeline/question-nav-model.ts
 var QUESTION_NAV_HIDDEN_PX = 24;
@@ -256,4 +256,4 @@ export {
   noticeTone,
   recordedWaitSummaryText
 };
-//# sourceMappingURL=chunk-J3DY5HWQ.js.map
+//# sourceMappingURL=chunk-M5IQVMLR.js.map

package/dist/{chunk-53AGXXZM.js → chunk-MKDFYE2E.js}

@@ -8,7 +8,7 @@ import {
 import {
   createOpenGeniText,
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/ui/relative-time.tsx
 import { createContext, useContext, useSyncExternalStore } from "react";
@@ -304,4 +304,4 @@ export {
   RelativeTimeDefaultsContext,
   RelativeTime
 };
-//# sourceMappingURL=chunk-53AGXXZM.js.map
+//# sourceMappingURL=chunk-MKDFYE2E.js.map

package/dist/{chunk-4SAWSRAA.js → chunk-MRECRNVU.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   NewSessionLink
-} from "./chunk-JDTGRRNU.js";
+} from "./chunk-OSJ366KR.js";
 import {
   RAIL_BRAND_LINK_CLASS,
   RailBrandMark,
@@ -11,13 +11,13 @@ import {
   SIDEBAR_TOGGLE_IN_WINDOW_BAR,
   SidebarToggleButton,
   WindowBarControls
-} from "./chunk-YPWU5KPE.js";
+} from "./chunk-TKQL7EDB.js";
 import {
   useActionShortcut
-} from "./chunk-HGKTHF2U.js";
+} from "./chunk-AJBDAVX3.js";
 import {
   useRail
-} from "./chunk-5EWSRZ2Y.js";
+} from "./chunk-M3HGBO2Y.js";
 import {
   useSessionUiFeature
 } from "./chunk-FWXMQTVG.js";
@@ -138,4 +138,4 @@ export {
   RailHeader,
   PrimaryNav
 };
-//# sourceMappingURL=chunk-4SAWSRAA.js.map
+//# sourceMappingURL=chunk-MRECRNVU.js.map

package/dist/{chunk-2I7HDP53.js → chunk-MT2R57SF.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-TXS65BB2.js";
 import {
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/components/timeline-annotation-chrome.tsx
 import { useLayoutEffect, useRef, useState } from "react";
@@ -196,4 +196,4 @@ export {
   AnnotationNotePreview,
   AnnotationNoteField
 };
-//# sourceMappingURL=chunk-2I7HDP53.js.map
+//# sourceMappingURL=chunk-MT2R57SF.js.map

package/dist/{chunk-Z7Y523PS.js → chunk-MV2CLIO6.js}

@@ -5,25 +5,25 @@ import {
 } from "./chunk-OYU5SJ4P.js";
 import {
   MarkdownText
-} from "./chunk-E7XERZWC.js";
+} from "./chunk-LTJFV2JI.js";
 import {
   formatTimestamp
 } from "./chunk-IKQMSROV.js";
 import {
   UserMessageBody
-} from "./chunk-5QAY6K77.js";
+} from "./chunk-AB5IW227.js";
 import {
   LazyPart
-} from "./chunk-JEA3QDX7.js";
+} from "./chunk-EKJHOWTZ.js";
 import {
   LoadFailureNotice
-} from "./chunk-KYS77RPN.js";
+} from "./chunk-LPKJ77EK.js";
 import {
   Button
 } from "./chunk-7QQN3KNP.js";
 import {
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/app/components/session/banners.tsx
 import { AlertTriangleIcon, ArrowLeftIcon, AudioLinesIcon, TerminalIcon } from "lucide-react";
@@ -127,4 +127,4 @@ export {
   TerminalSessionArchive,
   UserMessageBody2 as UserMessageBody
 };
-//# sourceMappingURL=chunk-Z7Y523PS.js.map
+//# sourceMappingURL=chunk-MV2CLIO6.js.map

package/dist/{chunk-JZ4NLCAP.js → chunk-MZY3VKKM.js}

@@ -8,7 +8,7 @@ import {
 import {
   createOpenGeniText,
   useOpenGeniText
-} from "./chunk-7T2ZE3VT.js";
+} from "./chunk-QPQ7R77C.js";
 
 // src/components/this-computer/labels.ts
 function defaultThisComputerLabels(t = createOpenGeniText()) {
@@ -330,4 +330,4 @@ export {
   defaultThisComputerLabels,
   ThisComputerCard
 };
-//# sourceMappingURL=chunk-JZ4NLCAP.js.map
+//# sourceMappingURL=chunk-MZY3VKKM.js.map

package/dist/{chunk-YENLNISG.js → chunk-N3FM4BNA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useField
-} from "./chunk-MVW6HNPI.js";
+} from "./chunk-PRT4J2DL.js";
 import {
   useSectionListFrame
 } from "./chunk-ZMBJPN4T.js";
@@ -267,4 +267,4 @@ export {
   ChoiceCard,
   ChoiceCardsSkeleton
 };
-//# sourceMappingURL=chunk-YENLNISG.js.map
+//# sourceMappingURL=chunk-N3FM4BNA.js.map

package/dist/{chunk-DZWARC4M.js → chunk-NFCS5WYC.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-HUKUDAIP.js";
 import {
   composerConnectorOptions
-} from "./chunk-GAVYGBFI.js";
+} from "./chunk-XMBOLFFS.js";
 import {
   capabilityReconnectPlan,
   connectionHealth
 } from "./chunk-XDFP2LMW.js";
 import {
   ComposerMobilePlus
-} from "./chunk-Z654FWNU.js";
+} from "./chunk-PLYVGZIN.js";
 import {
   hasWorkspacePermission,
   isWorkspacePermissionDenied
@@ -264,4 +264,4 @@ function WorkspaceComposerPlus(props) {
 export {
   WorkspaceComposerPlus
 };
-//# sourceMappingURL=chunk-DZWARC4M.js.map
+//# sourceMappingURL=chunk-NFCS5WYC.js.map

package/dist/{chunk-I5QZJODL.js → chunk-NQ2CPQJF.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-KJJBQ3KV.js";
 import {
   t
-} from "./chunk-HSOXMJOT.js";
+} from "./chunk-HEGV4QMS.js";
 import {
   formatWaitingSince
 } from "./chunk-GXO7ECQZ.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-A3MTTRCX.js";
 import {
   sessionAutomationWaitLabel
-} from "./chunk-3PZ7JZI2.js";
+} from "./chunk-D3PTVN2I.js";
 
 // src/app/components/rail/session-row-content.tsx
 import {
@@ -261,4 +261,4 @@ export {
   RailTrailingMetadata,
   SessionRowContent
 };
-//# sourceMappingURL=chunk-I5QZJODL.js.map
+//# sourceMappingURL=chunk-NQ2CPQJF.js.map