@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-V4Z4B2E3.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  splitErrorText
+} from "./chunk-FYWT2O76.js";
+
+// src/ui/error-text.tsx
+import { useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ErrorText({ children }) {
+  if (typeof children !== "string") return /* @__PURE__ */ jsx(Fragment, { children });
+  const { text, reference } = splitErrorText(children);
+  if (!reference) return /* @__PURE__ */ jsx(Fragment, { children: text });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    text,
+    " ",
+    /* @__PURE__ */ jsx(CopyDetails, { details: `${text}
+Reference: ${reference}` })
+  ] });
+}
+function CopyDetails({ details }) {
+  const [copied, setCopied] = useState(false);
+  const timer = useRef(null);
+  useEffect(
+    () => () => {
+      if (timer.current) clearTimeout(timer.current);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => {
+        void globalThis.navigator?.clipboard?.writeText(details).then(
+          () => {
+            setCopied(true);
+            if (timer.current) clearTimeout(timer.current);
+            timer.current = setTimeout(() => setCopied(false), 1600);
+          },
+          () => setCopied(false)
+        );
+      },
+      className: "font-medium whitespace-nowrap text-fg-subtle underline-offset-2 transition-colors duration-[120ms] hover:text-fg hover:underline",
+      children: copied ? "Copied" : "Copy details"
+    }
+  );
+}
+
+export {
+  ErrorText
+};
+//# sourceMappingURL=chunk-V4Z4B2E3.js.map

package/dist/chunk-V4Z4B2E3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/error-text.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\n\nimport { splitErrorText } from \"./error-reference\";\n\n/**\n * One line of error text from `userErrorText`. An unexpected failure's\n * \"Reference: <id>.\" becomes a small \"Copy details\" instead of printed text,\n * and a raw \"API 409:\" prefix never shows. Anything that is not a string\n * renders as is.\n */\nexport function ErrorText({ children }: { children?: ReactNode }) {\n  if (typeof children !== \"string\") return <>{children}</>;\n  const { text, reference } = splitErrorText(children);\n  if (!reference) return <>{text}</>;\n  return (\n    <>\n      {text} <CopyDetails details={`${text}\\nReference: ${reference}`} />\n    </>\n  );\n}\n\nfunction CopyDetails({ details }: { details: string }) {\n  const [copied, setCopied] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current);\n    },\n    [],\n  );\n  return (\n    <button\n      type=\"button\"\n      onClick={() => {\n        void globalThis.navigator?.clipboard?.writeText(details).then(\n          () => {\n            setCopied(true);\n            if (timer.current) clearTimeout(timer.current);\n            timer.current = setTimeout(() => setCopied(false), 1600);\n          },\n          () => setCopied(false),\n        );\n      }}\n      className=\"font-medium whitespace-nowrap text-fg-subtle underline-offset-2 transition-colors duration-[120ms] hover:text-fg hover:underline\"\n    >\n      {copied ? \"Copied\" : \"Copy details\"}\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAS,WAAW,QAAQ,gBAAgC;AAWjB,wBAIvC,YAJuC;AADpC,SAAS,UAAU,EAAE,SAAS,GAA6B;AAChE,MAAI,OAAO,aAAa,SAAU,QAAO,gCAAG,UAAS;AACrD,QAAM,EAAE,MAAM,UAAU,IAAI,eAAe,QAAQ;AACnD,MAAI,CAAC,UAAW,QAAO,gCAAG,gBAAK;AAC/B,SACE,iCACG;AAAA;AAAA,IAAK;AAAA,IAAC,oBAAC,eAAY,SAAS,GAAG,IAAI;AAAA,aAAgB,SAAS,IAAI;AAAA,KACnE;AAEJ;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAwB;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,QAAQ,OAA6C,IAAI;AAC/D;AAAA,IACE,MAAM,MAAM;AACV,UAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAAA,IAC/C;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM;AACb,aAAK,WAAW,WAAW,WAAW,UAAU,OAAO,EAAE;AAAA,UACvD,MAAM;AACJ,sBAAU,IAAI;AACd,gBAAI,MAAM,QAAS,cAAa,MAAM,OAAO;AAC7C,kBAAM,UAAU,WAAW,MAAM,UAAU,KAAK,GAAG,IAAI;AAAA,UACzD;AAAA,UACA,MAAM,UAAU,KAAK;AAAA,QACvB;AAAA,MACF;AAAA,MACA,WAAU;AAAA,MAET,mBAAS,WAAW;AAAA;AAAA,EACvB;AAEJ;","names":[]}

package/dist/chunk-VGYXW3VG.js

@@ -0,0 +1,246 @@
+"use client";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  apiErrorTechnicalFacts,
+  isPermissionDenied,
+  userErrorTextWithoutReference
+} from "./chunk-O4OOG3D6.js";
+import {
+  usePortalContainer
+} from "./chunk-UD6AAZSC.js";
+
+// src/app/components/common.tsx
+import { AlertTriangleIcon, CopyIcon, InfoIcon, Loader2Icon, RefreshCwIcon } from "lucide-react";
+import { lazy, Suspense, useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RECONNECT_PILL_REVEAL_DELAY_MS = 1500;
+var TechnicalDetails = lazy(
+  () => import("./ui/error-message.js").then((module) => ({
+    default: module.TechnicalDetails
+  }))
+);
+var degradedConnectionStates = {
+  connecting: { label: "Connecting\u2026", dot: "bg-status-running", text: "text-status-running" },
+  reconnecting: { label: "Reconnecting\u2026", dot: "bg-status-running", text: "text-status-running" },
+  error: { label: "Stream error", dot: "bg-status-failed", text: "text-status-failed" }
+};
+function LoadingPanel({ label }) {
+  const portalContainer = usePortalContainer();
+  if (label) {
+    return /* @__PURE__ */ jsx("section", { className: "grid flex-1 place-items-center px-4 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm rounded-lg border border-border bg-surface p-5 text-sm text-fg-muted", children: [
+      /* @__PURE__ */ jsx(Loader2Icon, { className: "mx-auto mb-3 size-5 animate-spin text-fg" }),
+      label
+    ] }) });
+  }
+  const indicator = /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: "pointer-events-none fixed left-1/2 top-1/2 inline-flex -translate-x-1/2 -translate-y-1/2 items-center gap-2 text-sm text-fg-muted",
+      "data-page-loading": "",
+      children: [
+        /* @__PURE__ */ jsx(
+          Loader2Icon,
+          {
+            "aria-hidden": true,
+            ref: (node) => node?.getAnimations?.().forEach((animation) => {
+              animation.startTime = 0;
+            }),
+            className: "size-4 animate-spin motion-reduce:animate-none"
+          }
+        ),
+        "Loading\u2026"
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx("section", { "aria-busy": "true", className: "min-h-0 flex-1", children: typeof document === "undefined" ? indicator : createPortal(indicator, portalContainer ?? document.body) });
+}
+function ProblemPanel(props) {
+  return /* @__PURE__ */ jsx("section", { className: "grid flex-1 place-items-center px-4 text-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md rounded-lg border border-border bg-surface p-5", children: [
+    /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "mx-auto mb-3 size-5 text-status-waiting" }),
+    /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold", children: props.title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-5 text-fg-muted", children: props.description }),
+    props.action ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: props.action }) : null
+  ] }) });
+}
+function WaitingPanel(props) {
+  return /* @__PURE__ */ jsx("section", { className: "grid flex-1 place-items-center px-4 text-center", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "data-bootstrap-waiting": "",
+      className: "w-full max-w-md rounded-lg border border-border bg-surface p-5",
+      children: [
+        /* @__PURE__ */ jsx(
+          Loader2Icon,
+          {
+            "aria-hidden": true,
+            className: "mx-auto mb-3 size-5 animate-spin text-fg-muted motion-reduce:animate-none"
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold", children: props.title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-5 text-fg-muted", children: props.description }),
+        props.action ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: props.action }) : null
+      ]
+    }
+  ) });
+}
+function ConnectionPill({ state }) {
+  const meta = degradedConnectionStates[state];
+  if (!meta) {
+    return null;
+  }
+  if (state === "reconnecting") {
+    return /* @__PURE__ */ jsx(DelayedReconnectPill, { meta });
+  }
+  return /* @__PURE__ */ jsx(ConnectionPillContent, { meta });
+}
+function DelayedReconnectPill({ meta }) {
+  const [visible, setVisible] = useState(false);
+  useEffect(() => {
+    const timer = setTimeout(() => setVisible(true), RECONNECT_PILL_REVEAL_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, []);
+  return visible ? /* @__PURE__ */ jsx(ConnectionPillContent, { meta }) : null;
+}
+function ConnectionPillContent({ meta }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full border border-border bg-surface-2/60 px-2 py-1 text-xs font-medium",
+        meta.text
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full motion-safe:animate-pulse", meta.dot) }),
+        /* @__PURE__ */ jsx("span", { children: meta.label })
+      ]
+    }
+  );
+}
+function InspectorSection({ title, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "min-w-0 space-y-2", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium uppercase tracking-wider text-fg", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 overflow-hidden rounded-lg border border-border bg-surface/45 p-3", children })
+  ] });
+}
+function InfoRow({ label, value }) {
+  const renderedValue = typeof value === "string" || typeof value === "number" ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: value }) : value;
+  return /* @__PURE__ */ jsxs("div", { className: "grid min-h-7 min-w-0 grid-cols-[5.25rem_minmax(0,1fr)] items-center gap-3 border-b border-border/70 py-1.5 last:border-b-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-fg-subtle", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "flex min-w-0 justify-end overflow-hidden text-right text-xs text-fg-muted", children: renderedValue })
+  ] });
+}
+function CopyableMono({ value }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(value);
+          toast.success("Copied");
+        } catch {
+          toast.error("Couldn't copy. Select the text and copy it manually.");
+        }
+      },
+      className: "flex w-full min-w-0 max-w-full items-center justify-end gap-1 rounded px-1 py-0.5 font-mono text-2xs text-fg-muted hover:bg-surface-2 hover:text-fg",
+      title: value,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-right", children: value }),
+        /* @__PURE__ */ jsx(CopyIcon, { className: "size-3 shrink-0" })
+      ]
+    }
+  );
+}
+function PageHeader(props) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-3 border-b border-border pb-4 lg:flex-row lg:items-center lg:justify-between",
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 lg:flex-1", children: [
+          /* @__PURE__ */ jsxs("h1", { className: "flex items-center gap-2 text-xl font-semibold tracking-tight", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-brand", children: props.icon }),
+            props.title
+          ] }),
+          props.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-5 text-fg-muted", children: props.description }) : null
+        ] }),
+        props.actions ? /* @__PURE__ */ jsx("div", { className: "flex min-w-0 shrink-0 flex-wrap items-center gap-2", children: props.actions }) : null
+      ]
+    }
+  );
+}
+function EmptyState({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed border-border p-4 text-sm text-fg-subtle", children });
+}
+function LoadErrorState({
+  title,
+  error,
+  onRetry
+}) {
+  const denied = error ? isPermissionDenied(error) : false;
+  const facts = error ? apiErrorTechnicalFacts(error) : [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: denied ? void 0 : "alert",
+      "aria-live": denied ? void 0 : "assertive",
+      className: cn(
+        "flex items-start gap-2 rounded-lg border p-3 text-sm text-fg",
+        denied ? "border-border bg-surface/40" : "border-status-failed/40 bg-status-failed/10"
+      ),
+      children: [
+        denied ? /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0 text-fg-subtle" }) : /* @__PURE__ */ jsx(
+          AlertTriangleIcon,
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 size-4 shrink-0 text-status-failed"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: title }),
+          error ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 break-words text-xs leading-4.5 text-fg-muted", children: denied ? "You don't have access to this. Ask an admin for access." : userErrorTextWithoutReference(error) }) : null,
+          !denied && facts.length > 0 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(TechnicalDetails, { facts }) }) }) : null
+        ] }),
+        denied ? null : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onRetry,
+            className: "inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-status-failed/50 px-2 text-xs font-medium text-fg transition-colors hover:bg-status-failed/20",
+            children: [
+              /* @__PURE__ */ jsx(RefreshCwIcon, { className: "size-3" }),
+              "Retry"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  LoadingPanel,
+  ProblemPanel,
+  WaitingPanel,
+  ConnectionPill,
+  InspectorSection,
+  InfoRow,
+  CopyableMono,
+  PageHeader,
+  EmptyState,
+  LoadErrorState
+};
+//# sourceMappingURL=chunk-VGYXW3VG.js.map

package/dist/chunk-VS7AHPCZ.js

@@ -0,0 +1,255 @@
+"use client";
+import {
+  ChoiceCard,
+  ChoiceCards
+} from "./chunk-YENLNISG.js";
+import {
+  Toolbar,
+  ToolbarSearch
+} from "./chunk-SOJNW3HC.js";
+import {
+  Skeleton
+} from "./chunk-HJO32O7Z.js";
+import {
+  CheckboxField
+} from "./chunk-MVW6HNPI.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/workspace-reach.tsx
+import { useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function reachOwnerLine(owner, managedBy) {
+  const belongs = owner.kind === "person" ? "Belongs to you." : `Belongs to ${owner.name}.`;
+  const manager = managedBy ?? (owner.kind === "person" ? "Only you manage it." : void 0);
+  return manager ? `${belongs} ${manager}` : belongs;
+}
+function workspaceCount(count) {
+  return count === 1 ? "1 workspace" : `${count} workspaces`;
+}
+function workspaceReachSummary(reach, input) {
+  if (input.owner === "person") {
+    if (reach.workspaceIds === null) return "All my workspaces";
+    const count2 = reach.workspaceIds.length;
+    return count2 === 0 ? "Only Personal" : `Personal + ${workspaceCount(count2)}`;
+  }
+  const personal = input.personalWorkspaces === "choice" && reach.personalWorkspaces;
+  const count = reach.workspaceIds === null ? null : (/* @__PURE__ */ new Set([...reach.workspaceIds, ...input.alwaysIncluded ?? []])).size;
+  if (count === 0) return personal ? "Personal workspaces only" : "No workspaces";
+  const shared = count === null ? "All workspaces" : workspaceCount(count);
+  return personal ? `${shared} + Personal` : shared;
+}
+function workspaceReachIsEmpty(reach, input) {
+  if (input.owner !== "organization") return false;
+  return reach.workspaceIds !== null && reach.workspaceIds.length === 0 && (input.alwaysIncluded ?? []).length === 0 && !(input.personalWorkspaces === "choice" && reach.personalWorkspaces);
+}
+function toggle(values, value, checked) {
+  return checked ? [.../* @__PURE__ */ new Set([...values, value])] : values.filter((item) => item !== value);
+}
+function WorkspaceChecklist({
+  legend = "Workspaces",
+  workspaces,
+  workspacesError = false,
+  onRetryWorkspaces,
+  selected,
+  onSelectedChange,
+  hereId,
+  alwaysIncluded,
+  emptyText = "This organization has no shared workspaces yet.",
+  disabled = false,
+  error
+}) {
+  const [query, setQuery] = useState("");
+  const words = query.trim().toLowerCase();
+  const long = (workspaces?.length ?? 0) > 8;
+  const shown = useMemo(
+    () => (workspaces ?? []).filter(
+      (workspace) => !words || workspace.name.toLowerCase().includes(words)
+    ),
+    [workspaces, words]
+  );
+  const ticked = workspaces ? workspaces.filter(
+    (workspace) => alwaysIncluded?.[workspace.id] !== void 0 || selected.includes(workspace.id)
+  ).length : 0;
+  return /* @__PURE__ */ jsxs("fieldset", { className: "m-0 flex min-w-0 flex-col gap-3 border-0 p-0", children: [
+    /* @__PURE__ */ jsx("legend", { className: "mb-2 p-0 text-xs leading-4.5 font-medium text-fg", children: legend }),
+    workspaces === null && workspacesError ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-5 text-fg-muted", children: "Couldn't load the organization's workspaces." }),
+      onRetryWorkspaces ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onRetryWorkspaces, children: "Try again" }) : null
+    ] }) : workspaces === null ? /* @__PURE__ */ jsxs("div", { "aria-busy": "true", "aria-label": "Loading workspaces", className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-48 rounded-md" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-36 rounded-md" })
+    ] }) : workspaces.length === 0 ? /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-5 text-fg-muted", children: emptyText }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      long ? /* @__PURE__ */ jsx(Toolbar, { children: /* @__PURE__ */ jsx(
+        ToolbarSearch,
+        {
+          value: query,
+          onValueChange: setQuery,
+          placeholder: "Search workspaces",
+          "aria-label": "Search workspaces",
+          wrapperClassName: "min-w-0 flex-1"
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: long ? "-mx-1 flex max-h-80 min-w-0 flex-col gap-3 overflow-y-auto px-1 py-0.5" : "flex min-w-0 flex-col gap-3",
+          children: [
+            shown.map((workspace) => {
+              const name = workspace.personal ? "Your Personal workspace" : workspace.name;
+              const label = workspace.id === hereId ? `${name} (this workspace)` : name;
+              const reason = alwaysIncluded?.[workspace.id];
+              return reason !== void 0 ? /* @__PURE__ */ jsx(
+                CheckboxField,
+                {
+                  label,
+                  disabledReason: reason,
+                  disabled: true,
+                  checked: true
+                },
+                workspace.id
+              ) : /* @__PURE__ */ jsx(
+                CheckboxField,
+                {
+                  label,
+                  disabled,
+                  checked: selected.includes(workspace.id),
+                  onCheckedChange: (checked) => onSelectedChange(toggle(selected, workspace.id, checked))
+                },
+                workspace.id
+              );
+            }),
+            shown.length === 0 ? /* @__PURE__ */ jsx("p", { className: "m-0 text-sm leading-5 text-fg-muted", children: "No workspaces match." }) : null
+          ]
+        }
+      ),
+      long ? /* @__PURE__ */ jsxs("p", { className: "m-0 text-xs leading-4.5 text-fg-muted", children: [
+        ticked,
+        " of ",
+        workspaces.length,
+        " selected"
+      ] }) : null
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "m-0 text-sm leading-5 text-danger", children: error }) : null
+  ] });
+}
+function WorkspaceReachFields({
+  owner,
+  organizationName,
+  managedBy,
+  showOwner = true,
+  label = "Available in",
+  labelHidden = false,
+  value,
+  onChange,
+  workspaces,
+  workspacesError = false,
+  onRetryWorkspaces,
+  hereId,
+  alwaysIncluded,
+  personalWorkspaces,
+  seedSelected,
+  extraChoice,
+  emptyText,
+  error,
+  disabled = false
+}) {
+  const person = owner.kind === "person";
+  const home = owner.kind === "workspace" ? owner : null;
+  const included = useMemo(
+    () => home ? { [home.id]: "It belongs to this workspace, so it's always included.", ...alwaysIncluded } : alwaysIncluded,
+    [home, alwaysIncluded]
+  );
+  const listed = useMemo(
+    () => (
+      // Your own thing always works in your Personal workspace: no row for it.
+      person ? workspaces?.filter((workspace) => !workspace.personal) ?? null : workspaces
+    ),
+    [person, workspaces]
+  );
+  const mode = extraChoice?.chosen ? extraChoice.value : value.workspaceIds === null ? "all" : "selected";
+  const ownerLine = showOwner ? reachOwnerLine(owner, managedBy) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs(
+      ChoiceCards,
+      {
+        ...labelHidden ? { "aria-label": label } : { label },
+        description: ownerLine,
+        value: mode,
+        disabled,
+        onValueChange: (next) => {
+          if (extraChoice && next === extraChoice.value) {
+            extraChoice.onChoose();
+            return;
+          }
+          onChange({
+            ...value,
+            workspaceIds: next === "all" ? null : seedSelected?.() ?? []
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            ChoiceCard,
+            {
+              value: "all",
+              title: person ? "All my workspaces" : `All workspaces in ${organizationName}`,
+              description: person ? `Every workspace you use in ${organizationName}, including new ones.` : "Every shared workspace, including new ones."
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ChoiceCard,
+            {
+              value: "selected",
+              title: "Selected workspaces",
+              description: person ? "Your Personal workspace and the workspaces you pick." : home ? `${home.name} and the workspaces you pick. Workspaces added later aren't included.` : "Only the workspaces you pick. Workspaces added later aren't included."
+            }
+          ),
+          extraChoice ? /* @__PURE__ */ jsx(
+            ChoiceCard,
+            {
+              value: extraChoice.value,
+              title: extraChoice.title,
+              description: extraChoice.description
+            }
+          ) : null
+        ]
+      }
+    ),
+    extraChoice?.chosen ? extraChoice.content : value.workspaceIds !== null ? /* @__PURE__ */ jsx(
+      WorkspaceChecklist,
+      {
+        legend: personalWorkspaces === "choice" ? "Shared workspaces" : "Workspaces",
+        workspaces: listed,
+        workspacesError,
+        onRetryWorkspaces,
+        selected: value.workspaceIds,
+        onSelectedChange: (workspaceIds) => onChange({ ...value, workspaceIds }),
+        hereId,
+        alwaysIncluded: included,
+        ...emptyText ? { emptyText } : person ? { emptyText: "You have no other workspaces in this organization." } : {},
+        disabled,
+        error
+      }
+    ) : error ? /* @__PURE__ */ jsx("p", { role: "alert", className: "m-0 text-sm leading-5 text-danger", children: error }) : null,
+    personalWorkspaces === "choice" && !extraChoice?.chosen ? /* @__PURE__ */ jsx("div", { className: "mt-2 border-t border-border pt-4", children: /* @__PURE__ */ jsx(
+      CheckboxField,
+      {
+        label: "Personal workspaces",
+        description: "Members can use it in their own Personal workspace.",
+        disabled,
+        checked: value.personalWorkspaces,
+        onCheckedChange: (checked) => onChange({ ...value, personalWorkspaces: checked })
+      }
+    ) }) : null
+  ] });
+}
+
+export {
+  reachOwnerLine,
+  workspaceReachSummary,
+  workspaceReachIsEmpty,
+  WorkspaceChecklist,
+  WorkspaceReachFields
+};
+//# sourceMappingURL=chunk-VS7AHPCZ.js.map

package/dist/chunk-VTTAJOQ7.js

@@ -0,0 +1,121 @@
+"use client";
+import {
+  readSessionDockCollapsed,
+  readSessionDockNavigation,
+  sessionDockLayoutStorageId,
+  updateSessionDockNavigation,
+  writeSessionDockCollapsed
+} from "./chunk-ESYN5AUB.js";
+import {
+  hasWorkspacePermission
+} from "./chunk-H2ALCTWC.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  SandboxWorkspace
+} from "./chunk-2Z3NQNTM.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-VTTAJOQ7.js.map