@opengeni/react 7.4.0 → 7.5.0-canary.36927100590001

package/dist/chunk-XCHWDJ22.js

@@ -0,0 +1,107 @@
+// src/components/open-geni-links.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var OpenGeniLinkContext = createContext(null);
+function chainLinkResolvers(...resolvers) {
+  const active = resolvers.filter(
+    (resolver) => Boolean(resolver)
+  );
+  if (active.length === 0) return null;
+  if (active.length === 1) return active[0];
+  return (target) => {
+    for (const resolver of active) {
+      const resolution = resolver(target);
+      if (resolution) return resolution;
+    }
+    return null;
+  };
+}
+function OpenGeniLinkProvider({
+  resolveLink,
+  children
+}) {
+  const parent = useContext(OpenGeniLinkContext);
+  const value = useMemo(() => chainLinkResolvers(resolveLink, parent), [resolveLink, parent]);
+  return /* @__PURE__ */ jsx(OpenGeniLinkContext.Provider, { value, children });
+}
+function useOpenGeniLinkResolver() {
+  return useContext(OpenGeniLinkContext);
+}
+var SANDBOX_DOWNLOAD_MAX_BYTES = 25 * 1024 * 1024;
+function saveBlob(blob, filename) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  link.rel = "noopener";
+  document.body.append(link);
+  link.click();
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 6e4);
+}
+function openUrl(url) {
+  const link = document.createElement("a");
+  link.href = url;
+  link.rel = "noopener noreferrer";
+  link.target = "_blank";
+  document.body.append(link);
+  link.click();
+  link.remove();
+}
+function base64Bytes(content) {
+  const binary = atob(content);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+  return bytes;
+}
+function sessionLinkResolver(input) {
+  const { client, workspaceId, sessionId } = input;
+  return (target) => {
+    if (target.kind === "file") {
+      if (target.workspaceId !== null && target.workspaceId !== workspaceId) return null;
+      if (typeof client.createFileDownloadUrl !== "function") return null;
+      return {
+        open: async () => {
+          const { url } = await client.createFileDownloadUrl(workspaceId, target.fileId, {
+            sessionId
+          });
+          openUrl(url);
+        }
+      };
+    }
+    if (target.kind === "sandbox-file") {
+      if (input.sandboxFiles === false) return null;
+      if (typeof client.fsRead !== "function") return null;
+      return {
+        open: async () => {
+          const file = await client.fsRead(workspaceId, sessionId, {
+            path: target.path,
+            encoding: "base64",
+            maxBytes: SANDBOX_DOWNLOAD_MAX_BYTES
+          });
+          if (file.truncated) throw new Error("File is too large to download here.");
+          const name = file.path.split(/[\\/]/u).at(-1) || "download";
+          const bytes = file.encoding === "base64" ? base64Bytes(file.content) : new TextEncoder().encode(file.content);
+          saveBlob(new Blob([bytes], { type: "application/octet-stream" }), name);
+        }
+      };
+    }
+    return null;
+  };
+}
+function viewerLinkResolver(input) {
+  return (target) => {
+    if (target.kind !== "editable-artifact" && target.kind !== "site") return null;
+    if (target.workspaceId !== input.workspaceId) return null;
+    return { open: () => input.open({ kind: target.kind, artifactId: target.artifactId }) };
+  };
+}
+
+export {
+  chainLinkResolvers,
+  OpenGeniLinkProvider,
+  useOpenGeniLinkResolver,
+  sessionLinkResolver,
+  viewerLinkResolver
+};
+//# sourceMappingURL=chunk-XCHWDJ22.js.map

package/dist/chunk-XCHWDJ22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/open-geni-links.tsx"],"sourcesContent":["import type { OpenGeniClient, OpenGeniLinkTarget } from \"@opengeni/sdk\";\nimport { createContext, useContext, useMemo, type ReactNode } from \"react\";\n\nexport type { OpenGeniLinkTarget };\n\n/**\n * How the host opens one OpenGeni object an agent linked in chat Markdown.\n *\n * - `{ href }` renders a real link (new tab) — use it for a host page URL.\n * - `{ open }` renders a button that runs the action (download, open a panel,\n *   client-side navigation) with loading and retry states.\n * - `null` / `undefined` means \"not handled here\": the next resolver is asked,\n *   and when none handles it the text renders as an unavailable reference —\n *   never as a navigation that would 404 inside the host.\n */\nexport type OpenGeniLinkResolution =\n  | { href: string; open?: undefined }\n  | { open: () => void | Promise<void>; href?: undefined };\n\nexport type OpenGeniLinkResolver = (\n  target: OpenGeniLinkTarget,\n) => OpenGeniLinkResolution | null | undefined;\n\nconst OpenGeniLinkContext = createContext<OpenGeniLinkResolver | null>(null);\n\n/** First resolver that handles a target wins. */\nexport function chainLinkResolvers(\n  ...resolvers: ReadonlyArray<OpenGeniLinkResolver | null | undefined>\n): OpenGeniLinkResolver | null {\n  const active = resolvers.filter((resolver): resolver is OpenGeniLinkResolver =>\n    Boolean(resolver),\n  );\n  if (active.length === 0) return null;\n  if (active.length === 1) return active[0]!;\n  return (target) => {\n    for (const resolver of active) {\n      const resolution = resolver(target);\n      if (resolution) return resolution;\n    }\n    return null;\n  };\n}\n\n/**\n * Resolve OpenGeni object links (`artifact:`, `sandbox:`, editable artifacts,\n * Sites) for every {@link Markdown} body below. An inner provider is asked\n * before an outer one, so a host can override a single kind and keep defaults.\n */\nexport function OpenGeniLinkProvider({\n  resolveLink,\n  children,\n}: {\n  resolveLink: OpenGeniLinkResolver | null | undefined;\n  children: ReactNode;\n}) {\n  const parent = useContext(OpenGeniLinkContext);\n  const value = useMemo(() => chainLinkResolvers(resolveLink, parent), [resolveLink, parent]);\n  return <OpenGeniLinkContext.Provider value={value}>{children}</OpenGeniLinkContext.Provider>;\n}\n\n/** The effective resolver from the nearest {@link OpenGeniLinkProvider}. */\nexport function useOpenGeniLinkResolver(): OpenGeniLinkResolver | null {\n  return useContext(OpenGeniLinkContext);\n}\n\n// Every sandbox read the proxy forwards is bounded by the API's own maximum.\nconst SANDBOX_DOWNLOAD_MAX_BYTES = 25 * 1024 * 1024;\n\ntype SessionLinkClient = Partial<Pick<OpenGeniClient, \"createFileDownloadUrl\" | \"fsRead\">>;\n\nfunction saveBlob(blob: Blob, filename: string): void {\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = filename;\n  link.rel = \"noopener\";\n  document.body.append(link);\n  link.click();\n  link.remove();\n  setTimeout(() => URL.revokeObjectURL(url), 60_000);\n}\n\nfunction openUrl(url: string): void {\n  // A signed download URL is attachment-disposition; an anchor click keeps the\n  // page and survives popup blockers after the awaited URL request.\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.rel = \"noopener noreferrer\";\n  link.target = \"_blank\";\n  document.body.append(link);\n  link.click();\n  link.remove();\n}\n\nfunction base64Bytes(content: string): Uint8Array<ArrayBuffer> {\n  const binary = atob(content);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);\n  return bytes;\n}\n\n/**\n * Default resolver for a session conversation that talks to OpenGeni through\n * the normal SDK client (for example behind `createSessionProxyHandler`):\n *\n * - `artifact:<file>` downloads the retained file through a short-lived URL.\n * - `sandbox:<path>` downloads when enabled by the host proxy capability.\n *\n * Editable artifacts and Sites have no default: they need a host surface\n * (see `@opengeni/react/artifacts/*` and `@opengeni/react/sites`), so they stay\n * unavailable until the host resolves them.\n */\nexport function sessionLinkResolver(input: {\n  client: SessionLinkClient;\n  workspaceId: string;\n  sessionId: string;\n  sandboxFiles?: boolean;\n}): OpenGeniLinkResolver {\n  const { client, workspaceId, sessionId } = input;\n  return (target) => {\n    if (target.kind === \"file\") {\n      if (target.workspaceId !== null && target.workspaceId !== workspaceId) return null;\n      if (typeof client.createFileDownloadUrl !== \"function\") return null;\n      return {\n        open: async () => {\n          const { url } = await client.createFileDownloadUrl!(workspaceId, target.fileId, {\n            sessionId,\n          });\n          openUrl(url);\n        },\n      };\n    }\n    if (target.kind === \"sandbox-file\") {\n      if (input.sandboxFiles === false) return null;\n      if (typeof client.fsRead !== \"function\") return null;\n      return {\n        open: async () => {\n          const file = await client.fsRead!(workspaceId, sessionId, {\n            path: target.path,\n            encoding: \"base64\",\n            maxBytes: SANDBOX_DOWNLOAD_MAX_BYTES,\n          });\n          if (file.truncated) throw new Error(\"File is too large to download here.\");\n          const name = file.path.split(/[\\\\/]/u).at(-1) || \"download\";\n          const bytes =\n            file.encoding === \"base64\"\n              ? base64Bytes(file.content)\n              : new TextEncoder().encode(file.content);\n          saveBlob(new Blob([bytes], { type: \"application/octet-stream\" }), name);\n        },\n      };\n    }\n    return null;\n  };\n}\n\n/** An editable artifact or Site to open in a host-mounted viewer. */\nexport type OpenGeniViewerTarget = Readonly<{\n  kind: \"editable-artifact\" | \"site\";\n  artifactId: string;\n  /** The link text the agent wrote, until the viewer loads the real title. */\n  title?: string | undefined;\n}>;\n\n/**\n * \"Open in host viewer\": resolve agent links to editable artifacts and Sites\n * in this workspace to `open(target)`, for example to mount\n * `SessionArtifactViewer` beside the conversation. Other targets fall through.\n */\nexport function viewerLinkResolver(input: {\n  workspaceId: string;\n  open: (target: OpenGeniViewerTarget) => void;\n}): OpenGeniLinkResolver {\n  return (target) => {\n    if (target.kind !== \"editable-artifact\" && target.kind !== \"site\") return null;\n    if (target.workspaceId !== input.workspaceId) return null;\n    return { open: () => input.open({ kind: target.kind, artifactId: target.artifactId }) };\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-DUEBTL3N.js → chunk-Y2PRMYLC.js}

@@ -129,7 +129,8 @@ function editableArtifactAccessRevoked(view) {
 function EditableArtifactMessage({
   title,
   detail,
-  retry
+  retry,
+  retryLabel = "Retry"
 }) {
   return /* @__PURE__ */ jsx2("div", { className: "grid h-full min-h-56 place-items-center bg-og-bg p-6 text-center", children: /* @__PURE__ */ jsxs2("div", { children: [
     /* @__PURE__ */ jsx2("p", { className: "text-og-base font-medium text-og-fg", children: title }),
@@ -140,7 +141,7 @@ function EditableArtifactMessage({
         type: "button",
         onClick: retry,
         className: "mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent",
-        children: "Retry"
+        children: retryLabel
       }
     ) : null
   ] }) });
@@ -158,4 +159,4 @@ export {
   EditableArtifactMessage,
   asEditableArtifactError
 };
-//# sourceMappingURL=chunk-DUEBTL3N.js.map
+//# sourceMappingURL=chunk-Y2PRMYLC.js.map

package/dist/{chunk-DUEBTL3N.js.map → chunk-Y2PRMYLC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/artifacts/artifact-surface.tsx","../src/components/artifacts/editable-artifact-ui.tsx"],"sourcesContent":["import {\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  LoaderCircleIcon,\n  PresentationIcon,\n} from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/cn\";\n\nexport type ArtifactModality = \"spreadsheet\" | \"document\" | \"presentation\";\n\nexport type ArtifactSurfaceProps = {\n  modality: ArtifactModality;\n  title: string;\n  /** An embedding host may already provide the artifact title and navigation. */\n  showHeader?: boolean | undefined;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  busy?: boolean | undefined;\n  className?: string | undefined;\n};\n\nconst MODALITY_LABEL: Record<ArtifactModality, string> = {\n  spreadsheet: \"Spreadsheet\",\n  document: \"Document\",\n  presentation: \"Presentation\",\n};\n\nfunction ModalityIcon({ modality }: { modality: ArtifactModality }) {\n  switch (modality) {\n    case \"spreadsheet\":\n      return <FileSpreadsheetIcon className=\"size-4\" />;\n    case \"document\":\n      return <FileTextIcon className=\"size-4\" />;\n    case \"presentation\":\n      return <PresentationIcon className=\"size-4\" />;\n  }\n}\n\n/**\n * Modality-neutral artifact chrome. It deliberately owns no file, session, or\n * persistence state: hosts can use the same surface for a local draft, a\n * durable OpenGeni artifact, or a collaborative projection.\n */\nexport function ArtifactSurface({\n  modality,\n  title,\n  showHeader = true,\n  subtitle,\n  actions,\n  children,\n  footer,\n  busy = false,\n  className,\n}: ArtifactSurfaceProps) {\n  return (\n    <section\n      aria-label={`${MODALITY_LABEL[modality]}: ${title}`}\n      aria-busy={busy || undefined}\n      data-og-artifact-modality={modality}\n      className={cn(\n        \"og-root flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-og-md\",\n        className,\n      )}\n    >\n      {showHeader ? (\n        <header className=\"flex min-h-11 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-2 px-3\">\n          <span\n            aria-hidden\n            className=\"grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-surface-3 text-og-fg-muted\"\n          >\n            <ModalityIcon modality={modality} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <h2 className=\"truncate text-og-base font-medium text-og-fg\">{title}</h2>\n            {subtitle ? (\n              <div className=\"truncate text-og-xs text-og-fg-muted\">{subtitle}</div>\n            ) : null}\n          </div>\n          {busy ? (\n            <LoaderCircleIcon\n              aria-label=\"Updating artifact\"\n              className=\"size-4 shrink-0 animate-spin text-og-fg-muted\"\n            />\n          ) : null}\n          {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n        </header>\n      ) : (\n        <>\n          {typeof subtitle === \"string\" || typeof subtitle === \"number\" ? (\n            <span role=\"status\" className=\"sr-only\">\n              {subtitle}\n            </span>\n          ) : null}\n          {actions ? (\n            <div className=\"flex shrink-0 items-center justify-end gap-1 border-b border-og-border px-3 py-1\">\n              {actions}\n            </div>\n          ) : null}\n        </>\n      )}\n\n      <div className=\"min-h-0 min-w-0 flex-1\">{children}</div>\n\n      {footer ? (\n        <footer className=\"shrink-0 border-t border-og-border bg-og-surface-2\">{footer}</footer>\n      ) : null}\n    </section>\n  );\n}\n","import type {\n  EditableArtifactSession,\n  EditableArtifactSyncView,\n} from \"@opengeni/sdk/editable-artifacts\";\nimport { useEffect, useState } from \"react\";\n\nexport function useEditableArtifactView(\n  session: EditableArtifactSession,\n): EditableArtifactSyncView {\n  const [view, setView] = useState(() => session.getView());\n  useEffect(() => {\n    setView(session.getView());\n    return session.subscribe(setView);\n  }, [session]);\n  return view;\n}\n\n/** Changes whenever the Worker-resident speculative projection may have changed. */\nexport function editableArtifactProjectionKey(view: EditableArtifactSyncView): string {\n  return [\n    view.state,\n    view.cursor,\n    view.headSequence,\n    view.pendingTransactions,\n    view.blockedPending.map((entry) => `${entry.clientTransactionId}:${entry.code}`).join(\",\"),\n  ].join(\":\");\n}\n\nexport function editableArtifactStatusLabel(view: EditableArtifactSyncView): string {\n  switch (view.state) {\n    case \"idle\":\n    case \"connecting\":\n      return \"Connecting…\";\n    case \"syncing\":\n    case \"resyncing\":\n      return \"Syncing…\";\n    case \"reconnecting\":\n      return \"Reconnecting…\";\n    case \"unsupported\":\n      return \"This artifact version is not supported\";\n    case \"failed\":\n      if (editableArtifactAccessRevoked(view)) {\n        return \"You no longer have access to this artifact\";\n      }\n      return view.lastError?.message ?? \"Could not open this artifact\";\n    case \"closed\":\n      return \"Artifact session closed\";\n    case \"live\":\n      return view.writable ? \"Live\" : \"Live · Read only\";\n  }\n}\n\n/** Revoked read authority must hide any projection retained before invalidation. */\nexport function editableArtifactAccessRevoked(view: EditableArtifactSyncView): boolean {\n  if (view.state !== \"failed\" || !view.lastError) return false;\n  return (view.lastError as Error & Readonly<{ code?: unknown }>).code === \"permission_changed\";\n}\n\nexport function EditableArtifactMessage({\n  title,\n  detail,\n  retry,\n}: {\n  title: string;\n  detail: string;\n  retry?: (() => void) | undefined;\n}) {\n  return (\n    <div className=\"grid h-full min-h-56 place-items-center bg-og-bg p-6 text-center\">\n      <div>\n        <p className=\"text-og-base font-medium text-og-fg\">{title}</p>\n        <p className=\"mt-1 max-w-lg text-og-sm text-og-fg-muted\">{detail}</p>\n        {retry ? (\n          <button\n            type=\"button\"\n            onClick={retry}\n            className=\"mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent\"\n          >\n            Retry\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport function asEditableArtifactError(cause: unknown, fallback: string): Error {\n  return cause instanceof Error ? cause : new Error(fallback);\n}\n"],"mappings":"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","names":["jsx","jsxs"]}
+{"version":3,"sources":["../src/components/artifacts/artifact-surface.tsx","../src/components/artifacts/editable-artifact-ui.tsx"],"sourcesContent":["import {\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  LoaderCircleIcon,\n  PresentationIcon,\n} from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/cn\";\n\nexport type ArtifactModality = \"spreadsheet\" | \"document\" | \"presentation\";\n\nexport type ArtifactSurfaceProps = {\n  modality: ArtifactModality;\n  title: string;\n  /** An embedding host may already provide the artifact title and navigation. */\n  showHeader?: boolean | undefined;\n  subtitle?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  children: ReactNode;\n  footer?: ReactNode | undefined;\n  busy?: boolean | undefined;\n  className?: string | undefined;\n};\n\nconst MODALITY_LABEL: Record<ArtifactModality, string> = {\n  spreadsheet: \"Spreadsheet\",\n  document: \"Document\",\n  presentation: \"Presentation\",\n};\n\nfunction ModalityIcon({ modality }: { modality: ArtifactModality }) {\n  switch (modality) {\n    case \"spreadsheet\":\n      return <FileSpreadsheetIcon className=\"size-4\" />;\n    case \"document\":\n      return <FileTextIcon className=\"size-4\" />;\n    case \"presentation\":\n      return <PresentationIcon className=\"size-4\" />;\n  }\n}\n\n/**\n * Modality-neutral artifact chrome. It deliberately owns no file, session, or\n * persistence state: hosts can use the same surface for a local draft, a\n * durable OpenGeni artifact, or a collaborative projection.\n */\nexport function ArtifactSurface({\n  modality,\n  title,\n  showHeader = true,\n  subtitle,\n  actions,\n  children,\n  footer,\n  busy = false,\n  className,\n}: ArtifactSurfaceProps) {\n  return (\n    <section\n      aria-label={`${MODALITY_LABEL[modality]}: ${title}`}\n      aria-busy={busy || undefined}\n      data-og-artifact-modality={modality}\n      className={cn(\n        \"og-root flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 text-og-fg shadow-og-md\",\n        className,\n      )}\n    >\n      {showHeader ? (\n        <header className=\"flex min-h-11 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-2 px-3\">\n          <span\n            aria-hidden\n            className=\"grid size-7 shrink-0 place-items-center rounded-og-sm bg-og-surface-3 text-og-fg-muted\"\n          >\n            <ModalityIcon modality={modality} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <h2 className=\"truncate text-og-base font-medium text-og-fg\">{title}</h2>\n            {subtitle ? (\n              <div className=\"truncate text-og-xs text-og-fg-muted\">{subtitle}</div>\n            ) : null}\n          </div>\n          {busy ? (\n            <LoaderCircleIcon\n              aria-label=\"Updating artifact\"\n              className=\"size-4 shrink-0 animate-spin text-og-fg-muted\"\n            />\n          ) : null}\n          {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n        </header>\n      ) : (\n        <>\n          {typeof subtitle === \"string\" || typeof subtitle === \"number\" ? (\n            <span role=\"status\" className=\"sr-only\">\n              {subtitle}\n            </span>\n          ) : null}\n          {actions ? (\n            <div className=\"flex shrink-0 items-center justify-end gap-1 border-b border-og-border px-3 py-1\">\n              {actions}\n            </div>\n          ) : null}\n        </>\n      )}\n\n      <div className=\"min-h-0 min-w-0 flex-1\">{children}</div>\n\n      {footer ? (\n        <footer className=\"shrink-0 border-t border-og-border bg-og-surface-2\">{footer}</footer>\n      ) : null}\n    </section>\n  );\n}\n","import type {\n  EditableArtifactSession,\n  EditableArtifactSyncView,\n} from \"@opengeni/sdk/editable-artifacts\";\nimport { useEffect, useState } from \"react\";\n\nexport function useEditableArtifactView(\n  session: EditableArtifactSession,\n): EditableArtifactSyncView {\n  const [view, setView] = useState(() => session.getView());\n  useEffect(() => {\n    setView(session.getView());\n    return session.subscribe(setView);\n  }, [session]);\n  return view;\n}\n\n/** Changes whenever the Worker-resident speculative projection may have changed. */\nexport function editableArtifactProjectionKey(view: EditableArtifactSyncView): string {\n  return [\n    view.state,\n    view.cursor,\n    view.headSequence,\n    view.pendingTransactions,\n    view.blockedPending.map((entry) => `${entry.clientTransactionId}:${entry.code}`).join(\",\"),\n  ].join(\":\");\n}\n\nexport function editableArtifactStatusLabel(view: EditableArtifactSyncView): string {\n  switch (view.state) {\n    case \"idle\":\n    case \"connecting\":\n      return \"Connecting…\";\n    case \"syncing\":\n    case \"resyncing\":\n      return \"Syncing…\";\n    case \"reconnecting\":\n      return \"Reconnecting…\";\n    case \"unsupported\":\n      return \"This artifact version is not supported\";\n    case \"failed\":\n      if (editableArtifactAccessRevoked(view)) {\n        return \"You no longer have access to this artifact\";\n      }\n      return view.lastError?.message ?? \"Could not open this artifact\";\n    case \"closed\":\n      return \"Artifact session closed\";\n    case \"live\":\n      return view.writable ? \"Live\" : \"Live · Read only\";\n  }\n}\n\n/** Revoked read authority must hide any projection retained before invalidation. */\nexport function editableArtifactAccessRevoked(view: EditableArtifactSyncView): boolean {\n  if (view.state !== \"failed\" || !view.lastError) return false;\n  return (view.lastError as Error & Readonly<{ code?: unknown }>).code === \"permission_changed\";\n}\n\nexport function EditableArtifactMessage({\n  title,\n  detail,\n  retry,\n  retryLabel = \"Retry\",\n}: {\n  title: string;\n  detail: string;\n  retry?: (() => void) | undefined;\n  retryLabel?: string | undefined;\n}) {\n  return (\n    <div className=\"grid h-full min-h-56 place-items-center bg-og-bg p-6 text-center\">\n      <div>\n        <p className=\"text-og-base font-medium text-og-fg\">{title}</p>\n        <p className=\"mt-1 max-w-lg text-og-sm text-og-fg-muted\">{detail}</p>\n        {retry ? (\n          <button\n            type=\"button\"\n            onClick={retry}\n            className=\"mt-3 rounded-og-sm border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-sm font-medium hover:bg-og-primary-hover outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent\"\n          >\n            {retryLabel}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport function asEditableArtifactError(cause: unknown, fallback: string): Error {\n  return cause instanceof Error ? cause : new Error(fallback);\n}\n"],"mappings":"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","names":["jsx","jsxs"]}