@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-MW7Y3T55.js

@@ -1,525 +0,0 @@
-"use client";
-import {
-  PublishedHtmlArtifactFrame
-} from "./chunk-YYICQDK4.js";
-import {
-  inlineHtmlDocument
-} from "./chunk-IGFZFLI2.js";
-import {
-  loadSiteSnapshot
-} from "./chunk-IOYHDEP3.js";
-import {
-  useWindowLayerOpen
-} from "./chunk-SERRKZO4.js";
-import {
-  useOpenGeniLinkResolver
-} from "./chunk-NPNX7LTL.js";
-import {
-  PortalContainerProvider,
-  usePortalContainer
-} from "./chunk-UD6AAZSC.js";
-import {
-  ArtifactBadge,
-  ArtifactButton,
-  ArtifactLabelsProvider,
-  ArtifactSelect,
-  useArtifactLabels
-} from "./chunk-QHHSUR2Y.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.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 { useCallback, useLayoutEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ArtifactSandbox(props) {
-  const labels = useArtifactLabels();
-  const [reloadKey, setReloadKey] = useState(0);
-  const [ownFocused, setOwnFocused] = useState(false);
-  const [ownSiteLocation, setOwnSiteLocation] = useState("/");
-  const siteLocation = props.siteLocation ?? ownSiteLocation;
-  const onSiteLocationChangeRef = useRef(props.onSiteLocationChange);
-  onSiteLocationChangeRef.current = props.onSiteLocationChange;
-  const ownsSiteLocation = props.siteLocation === void 0;
-  const onSiteLocationChange = useCallback(
-    (href, options) => {
-      if (ownsSiteLocation) setOwnSiteLocation(href);
-      onSiteLocationChangeRef.current?.(href, options);
-    },
-    [ownsSiteLocation]
-  );
-  const focused = props.fullScreen ?? ownFocused;
-  useWindowLayerOpen(focused);
-  const setFocused = (next) => {
-    if (props.fullScreen === void 0) setOwnFocused(next);
-    props.onFullScreenChange?.(next);
-  };
-  const frameRef = useRef(null);
-  const modalRef = useRef(false);
-  const inheritedPortal = usePortalContainer();
-  const [frameElement, setFrameElement] = useState(null);
-  const attachFrame = useCallback((element) => {
-    frameRef.current = element;
-    setFrameElement(element);
-  }, []);
-  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: attachFrame,
-      open: true,
-      "aria-label": props.title,
-      "data-artifact-fullscreen": focused || void 0,
-      "data-window-layer": focused || void 0,
-      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",
-          {
-            "data-artifact-toolbar": true,
-            "data-window-drag": focused || void 0,
-            hidden: props.showToolbar === false && !focused,
-            className: cn(
-              "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",
-              props.showToolbar === false && !focused && "hidden"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-                !focused && props.toolbarStart ? props.toolbarStart : null,
-                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 ? /* @__PURE__ */ jsx(
-                  PortalContainerProvider,
-                  {
-                    container: focused && frameElement ? frameElement : inheritedPortal,
-                    children: props.headerControls
-                  }
-                ) : null,
-                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 && props.liveStatus !== void 0 ? (
-                  // The host's replacement (a link to the published Site) draws its
-                  // tooltips inside the full-screen frame too.
-                  /* @__PURE__ */ jsxs(
-                    PortalContainerProvider,
-                    {
-                      container: focused && frameElement ? frameElement : inheritedPortal,
-                      children: [
-                        props.liveState !== void 0 ? /* @__PURE__ */ jsx(LiveStateBeside, { status: props.liveState, labels }) : null,
-                        props.liveStatus
-                      ]
-                    }
-                  )
-                ) : null,
-                props.showLiveStatus !== false && props.liveStatus === void 0 && /* @__PURE__ */ jsx(LiveLabel, { status: props.liveState, labels }),
-                /* @__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.maxAutoHeight ? { maxAutoHeight: props.maxAutoHeight } : {},
-            ...props.theme ? { theme: props.theme } : {},
-            ...!focused && props.height ? { style: { height: props.height } } : {},
-            ...props.toolBridge ? { toolBridge: props.toolBridge } : {},
-            ...props.viewer ? { viewer: props.viewer } : {},
-            location: siteLocation,
-            onLocationChange: onSiteLocationChange,
-            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}:${props.reloadToken ?? 0}:${props.frameKey ?? ""}`
-        )
-      ]
-    }
-  );
-}
-function LiveStateBeside({
-  status,
-  labels
-}) {
-  const busy = status === "updating" || status === "reconnecting";
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "data-live-state-region": "",
-      "data-live-status": busy ? status : void 0,
-      className: busy ? "mr-1 inline-flex items-center gap-1.5 text-2xs font-medium text-fg-muted" : "sr-only",
-      children: busy ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "size-1.5 rounded-full",
-              status === "updating" ? "bg-status-running ring-4 ring-status-running/15 motion-safe:animate-pulse" : "bg-status-waiting ring-4 ring-status-waiting/15"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "max-sm:sr-only", children: status === "updating" ? labels.liveUpdating : labels.liveReconnecting })
-      ] }) : null
-    }
-  );
-}
-function LiveLabel({
-  status,
-  labels
-}) {
-  const text = status === "updating" ? labels.liveUpdating : status === "reconnecting" ? labels.liveReconnecting : labels.live;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: cn(
-        "mr-1 items-center gap-1.5 text-2xs font-medium text-fg-muted sm:inline-flex",
-        status ? "inline-flex" : "hidden"
-      ),
-      "data-live-status": status,
-      ...status ? { role: "status", "aria-live": "polite" } : {},
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: cn(
-              "size-1.5 rounded-full",
-              status === "updating" ? "bg-status-running ring-4 ring-status-running/15 motion-safe:animate-pulse" : status === "reconnecting" ? "bg-status-waiting ring-4 ring-status-waiting/15" : "bg-status-success ring-4 ring-status-success/10"
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: status ? "max-sm:sr-only" : void 0, children: text })
-      ]
-    }
-  );
-}
-
-// 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 t = useOpenGeniText();
-  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 ?? t("artifacts.deferredChatMedia.loadLabel", {
-        label: label ?? t("artifacts.deferredChatMedia.media")
-      })
-    }
-  ) }) });
-}
-
-// src/components/artifacts/chat-interactive-block.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var INLINE_PREVIEW_HEIGHT = 360;
-var INLINE_PREVIEW_MAX_HEIGHT = 640;
-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: props.kind === "html" ? /* @__PURE__ */ jsx3(InlineHtml, { ...props }) : /* @__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();
-  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,
-      autoHeight: true,
-      maxAutoHeight: INLINE_PREVIEW_MAX_HEIGHT,
-      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(Fragment2, { 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-MW7Y3T55.js.map

package/dist/chunk-MYUFMVCH.js

@@ -1,121 +0,0 @@
-"use client";
-import {
-  readSessionDockCollapsed,
-  readSessionDockNavigation,
-  sessionDockLayoutStorageId,
-  updateSessionDockNavigation,
-  writeSessionDockCollapsed
-} from "./chunk-ESYN5AUB.js";
-import {
-  hasWorkspacePermission
-} from "./chunk-H2ALCTWC.js";
-import {
-  toast
-} from "./chunk-YG6NARQY.js";
-import {
-  useAppContext
-} from "./chunk-JDFDPMKX.js";
-import {
-  SandboxWorkspace
-} from "./chunk-2GDNWKSC.js";
-
-// src/app/components/session/sandbox-workspace.tsx
-import {
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var useClientLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function notify(notification) {
-  if (notification.kind === "error") {
-    toast.error(notification.message);
-  } else {
-    toast(notification.message);
-  }
-}
-function SessionWorkspace(props) {
-  const { accessContext } = useAppContext();
-  const machinesEnabled = hasWorkspacePermission(
-    accessContext,
-    props.workspaceId,
-    "enrollments:read"
-  );
-  const layoutStorageId = sessionDockLayoutStorageId(props.preferenceOwnerId, props.sessionId);
-  const navigation = useMemo(() => readSessionDockNavigation(layoutStorageId), [layoutStorageId]);
-  const initialTab = navigation.activeTab ?? props.initialTab;
-  const rememberNavigation = useCallback(
-    (patch) => updateSessionDockNavigation(layoutStorageId, patch),
-    [layoutStorageId]
-  );
-  const rememberActiveTab = useCallback(
-    (activeTab) => rememberNavigation({ activeTab }),
-    [rememberNavigation]
-  );
-  const rememberFilePath = useCallback(
-    (filePath) => rememberNavigation({ filePath }),
-    [rememberNavigation]
-  );
-  const rememberBrowserSession = useCallback(
-    (browserSessionId) => rememberNavigation({ browserSessionId }),
-    [rememberNavigation]
-  );
-  const rememberDesktopSession = useCallback(
-    (desktopSessionId) => rememberNavigation({ desktopSessionId }),
-    [rememberNavigation]
-  );
-  const [restoredStorageId, setRestoredStorageId] = useState(null);
-  const collapsedRef = useRef(props.collapsed);
-  const onCollapsedChangeRef = useRef(props.onCollapsedChange);
-  collapsedRef.current = props.collapsed;
-  onCollapsedChangeRef.current = props.onCollapsedChange;
-  const effectiveCollapsed = restoredStorageId === layoutStorageId ? props.collapsed : readSessionDockCollapsed(layoutStorageId) ?? true;
-  useClientLayoutEffect(() => {
-    const restored = readSessionDockCollapsed(layoutStorageId) ?? true;
-    setRestoredStorageId(layoutStorageId);
-    if (restored !== collapsedRef.current) {
-      onCollapsedChangeRef.current(restored);
-    }
-  }, [layoutStorageId]);
-  useEffect(() => {
-    if (restoredStorageId !== layoutStorageId) return;
-    writeSessionDockCollapsed(layoutStorageId, props.collapsed);
-  }, [layoutStorageId, props.collapsed, restoredStorageId]);
-  return /* @__PURE__ */ jsx(
-    SandboxWorkspace,
-    {
-      workspaceId: props.workspaceId,
-      sessionId: props.sessionId,
-      events: props.events,
-      primary: props.primary,
-      machinesEnabled,
-      ...props.leadingTabs ? { leadingTabs: props.leadingTabs } : {},
-      ...props.trailingTabs ? { trailingTabs: props.trailingTabs } : {},
-      ...initialTab ? { initialTab } : {},
-      onActiveTabChange: rememberActiveTab,
-      openTabRequest: props.openTabRequest,
-      initialFilePath: navigation.filePath,
-      onFilePathChange: rememberFilePath,
-      initialBrowserSessionId: navigation.browserSessionId,
-      onBrowserSessionIdChange: rememberBrowserSession,
-      initialComputerSessionId: navigation.desktopSessionId,
-      onComputerSessionIdChange: rememberDesktopSession,
-      collapsed: effectiveCollapsed,
-      onCollapsedChange: props.onCollapsedChange,
-      ...props.openFileRequest ? { openFileRequest: props.openFileRequest } : {},
-      showCollapseControl: true,
-      ...props.mobileLeadingControl ? { mobileLeadingControl: props.mobileLeadingControl } : {},
-      autoSaveId: layoutStorageId,
-      browserExtensionSetupUrl: "/browser-extension-setup.html",
-      onNotify: notify
-    }
-  );
-}
-
-export {
-  SessionWorkspace
-};
-//# sourceMappingURL=chunk-MYUFMVCH.js.map