@opengeni/react 3.3.2 → 3.4.1-canary.38960406141001

package/dist/chunk-TGXK4BAZ.js

@@ -0,0 +1,293 @@
+"use client";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/components/artifacts/artifact-chrome.tsx
+import { OpenGeniApiError } from "@opengeni/sdk";
+import {
+  AlertTriangleIcon,
+  ArrowLeftIcon,
+  ChevronDownIcon,
+  FileIcon,
+  FilePenLineIcon,
+  GalleryHorizontalEndIcon,
+  ImageIcon,
+  Loader2Icon,
+  PanelsTopLeftIcon,
+  RotateCcwIcon,
+  Table2Icon,
+  XIcon
+} from "lucide-react";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useMemo
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BUTTON_BASE = "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-bg disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var BUTTON_VARIANT = {
+  ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+  outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-border dark:bg-input/30 dark:hover:bg-input/50"
+};
+var BUTTON_SIZE = {
+  sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+  icon: "size-9",
+  "icon-sm": "size-8"
+};
+function ArtifactButton({
+  variant = "ghost",
+  size = "sm",
+  className,
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      className: cn(BUTTON_BASE, BUTTON_VARIANT[variant], BUTTON_SIZE[size], className),
+      ...props
+    }
+  );
+}
+function ArtifactBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-border px-2 py-0.5 text-xs font-medium whitespace-nowrap text-foreground [&>svg]:pointer-events-none [&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var ArtifactSelect = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs("span", { className: "relative inline-block max-w-full", children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        ref,
+        className: cn(
+          "peer h-9 w-full appearance-none rounded-md border border-border bg-bg px-2.5 pr-8 text-sm text-fg transition-colors hover:border-border-strong focus-visible:border-ring focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChevronDownIcon,
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute right-2.5 top-1/2 size-4 -translate-y-1/2 text-fg-subtle"
+      }
+    )
+  ] })
+);
+ArtifactSelect.displayName = "ArtifactSelect";
+function artifactKindIcon(kind) {
+  if (kind === "image") return /* @__PURE__ */ jsx(ImageIcon, { className: "size-4" });
+  if (kind === "file") return /* @__PURE__ */ jsx(FileIcon, { className: "size-4" });
+  if (kind === "site") return /* @__PURE__ */ jsx(PanelsTopLeftIcon, { className: "size-4" });
+  if (kind === "document") return /* @__PURE__ */ jsx(FilePenLineIcon, { className: "size-4" });
+  if (kind === "spreadsheet") return /* @__PURE__ */ jsx(Table2Icon, { className: "size-4" });
+  return /* @__PURE__ */ jsx(GalleryHorizontalEndIcon, { className: "size-4" });
+}
+function artifactKindSubtitle(kind) {
+  if (kind === "site") return "Site \xB7 published preview";
+  if (kind === "image") return "Image \xB7 retained file";
+  if (kind === "file") return "File \xB7 retained file";
+  return `${kind[0].toUpperCase()}${kind.slice(1)} \xB7 shared editor`;
+}
+var DEFAULT_ARTIFACT_LABELS = Object.freeze({
+  back: "Back",
+  close: "Close",
+  opening: "Opening artifact\u2026",
+  artifact: "Artifact",
+  startingEditor: "Starting the secure editing session\u2026",
+  kindSubtitle: (kind) => artifactKindSubtitle(kind),
+  live: "Live",
+  reloadSite: "Reload Site",
+  openFullScreen: "Open Site full screen",
+  editWithAgent: "Edit with Opengeni",
+  editShort: "Edit",
+  preview: "Preview",
+  loadPreview: "Load preview",
+  loadSitePreview: "Load Site preview",
+  siteVersion: "Site version",
+  savedVersion: "Saved version",
+  version: (revision) => `Version ${revision}`,
+  openSite: "Open Site",
+  loadingSite: "Loading Site\u2026",
+  siteArchived: "This Site is archived.",
+  siteUnpublished: "This Site is archived or unpublished.",
+  siteReferenceInvalid: "This Site reference is invalid.",
+  siteLoadFailed: "Couldn\u2019t load this Site.",
+  retry: "Retry",
+  tryAgain: "Try again",
+  toolCount: (count) => `${count} ${count === 1 ? "tool" : "tools"}`,
+  toolsAvailable: (count) => `${count} workspace tools available to this Site`,
+  sourceFileCount: (count) => `${count} source ${count === 1 ? "file" : "files"}`,
+  viewingDisabled: {
+    title: "Artifact viewing isn't enabled",
+    message: "This app doesn't serve editable artifacts yet."
+  },
+  editorsMissing: {
+    title: "This artifact can't open here",
+    message: "This app hasn't installed the document, spreadsheet, and presentation editors."
+  },
+  siteErrors: {
+    unavailable: {
+      title: "This Site isn't available",
+      message: "It may have been removed, or you may not have access."
+    },
+    invalid: {
+      title: "This Site link isn't valid",
+      message: "Check the address and open a Site from your workspace library."
+    },
+    transient: {
+      title: "Couldn't load this Site",
+      message: "A temporary problem prevented this Site from loading. Try again."
+    }
+  },
+  editableErrors: {
+    unavailable: {
+      title: "This artifact isn't available",
+      message: "It may have been removed, or you may not have access."
+    },
+    invalid: {
+      title: "This artifact link isn't valid",
+      message: "Check the address and open the artifact from your workspace library."
+    },
+    transient: {
+      title: "Could not open this artifact",
+      message: "A temporary problem prevented this artifact from opening. Try again."
+    }
+  },
+  reference: (id) => `Reference: ${id}`
+});
+var ArtifactLabelsContext = createContext(DEFAULT_ARTIFACT_LABELS);
+function ArtifactLabelsProvider({
+  labels,
+  children
+}) {
+  const parent = useContext(ArtifactLabelsContext);
+  const value = useMemo(() => labels ? { ...parent, ...labels } : parent, [labels, parent]);
+  return /* @__PURE__ */ jsx(ArtifactLabelsContext.Provider, { value, children });
+}
+function useArtifactLabels() {
+  return useContext(ArtifactLabelsContext);
+}
+function ArtifactViewerHeader({
+  kind,
+  title,
+  subtitle,
+  titleSlot,
+  onBack,
+  backLabel,
+  actions,
+  onClose,
+  closeLabel
+}) {
+  const labels = useArtifactLabels();
+  backLabel ??= labels.back;
+  closeLabel ??= labels.close;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-og-artifact-header": "",
+      className: "flex min-h-11 shrink-0 items-center gap-2 border-b border-border px-2",
+      children: [
+        onBack ? /* @__PURE__ */ jsx(ArtifactButton, { size: "icon-sm", "aria-label": backLabel, title: backLabel, onClick: onBack, children: /* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-4" }) }) : null,
+        /* @__PURE__ */ jsx("span", { className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-accent text-accent-foreground", children: kind ? artifactKindIcon(kind) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4" }) }),
+        titleSlot ?? /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "m-0 truncate text-sm font-medium", children: title }),
+          subtitle ?? (kind ? labels.kindSubtitle(kind) : "") ? /* @__PURE__ */ jsx("p", { className: "m-0 truncate text-xs text-fg-subtle", children: subtitle ?? (kind ? labels.kindSubtitle(kind) : "") }) : null
+        ] }),
+        actions,
+        onClose ? /* @__PURE__ */ jsx(
+          ArtifactButton,
+          {
+            size: "icon-sm",
+            className: "shrink-0",
+            "aria-label": closeLabel,
+            title: closeLabel,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ArtifactLoading({ label }) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      role: "status",
+      className: "grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] 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, { "aria-hidden": true, className: "mx-auto mb-3 size-5 animate-spin text-fg" }),
+        label
+      ] })
+    }
+  );
+}
+function ArtifactProblem({
+  view,
+  onRetry
+}) {
+  const labels = useArtifactLabels();
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      role: "alert",
+      className: "grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] 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, { "aria-hidden": true, className: "mx-auto mb-3 size-5 text-status-waiting" }),
+        /* @__PURE__ */ jsx("h2", { className: "m-0 text-base font-semibold", children: view.title }),
+        /* @__PURE__ */ jsx("p", { className: "mb-0 mt-2 text-sm leading-5 text-fg-muted", children: artifactLoadErrorMessage(view, labels) }),
+        view.retryable && onRetry ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxs(ArtifactButton, { variant: "outline", onClick: onRetry, children: [
+          /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }),
+          labels.tryAgain
+        ] }) }) : null
+      ] })
+    }
+  );
+}
+function artifactLoadErrorView(error, kind, labels = DEFAULT_ARTIFACT_LABELS) {
+  const copy = kind === "site" ? labels.siteErrors : labels.editableErrors;
+  const correlationId = error instanceof OpenGeniApiError ? error.correlationId : void 0;
+  const withSupport = (view) => correlationId ? { ...view, correlationId } : view;
+  if (error instanceof OpenGeniApiError) {
+    if (error.status === 401 || error.status === 403 || error.status === 404) {
+      return withSupport({ ...copy.unavailable, retryable: false });
+    }
+    if (error.status === 422) return withSupport({ ...copy.invalid, retryable: false });
+    return withSupport({ ...copy.transient, retryable: error.retryable });
+  }
+  return { ...copy.transient, retryable: true };
+}
+function artifactLoadErrorMessage(view, labels = DEFAULT_ARTIFACT_LABELS) {
+  return view.correlationId ? `${view.message} ${labels.reference(view.correlationId)}` : view.message;
+}
+
+export {
+  ArtifactButton,
+  ArtifactBadge,
+  ArtifactSelect,
+  artifactKindIcon,
+  artifactKindSubtitle,
+  DEFAULT_ARTIFACT_LABELS,
+  ArtifactLabelsProvider,
+  useArtifactLabels,
+  ArtifactViewerHeader,
+  ArtifactLoading,
+  ArtifactProblem,
+  artifactLoadErrorView,
+  artifactLoadErrorMessage
+};
+//# sourceMappingURL=chunk-TGXK4BAZ.js.map

package/dist/chunk-TGXK4BAZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/artifacts/artifact-chrome.tsx"],"sourcesContent":["import { OpenGeniApiError } from \"@opengeni/sdk\";\nimport {\n  AlertTriangleIcon,\n  ArrowLeftIcon,\n  ChevronDownIcon,\n  FileIcon,\n  FilePenLineIcon,\n  GalleryHorizontalEndIcon,\n  ImageIcon,\n  Loader2Icon,\n  PanelsTopLeftIcon,\n  RotateCcwIcon,\n  Table2Icon,\n  XIcon,\n} from \"lucide-react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Shared chrome for artifact surfaces: the Opengeni console and embedding hosts\n * render the same header, controls, and load states. Class names use the\n * package theme aliases, so the console's own Tailwind build and the compiled\n * `.og-root` stylesheet resolve them identically.\n */\n\nexport type ArtifactKind = \"document\" | \"spreadsheet\" | \"presentation\" | \"site\" | \"image\" | \"file\";\n\nconst BUTTON_BASE =\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-bg disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\nconst BUTTON_VARIANT = {\n  ghost: \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n  outline:\n    \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-border dark:bg-input/30 dark:hover:bg-input/50\",\n} as const;\nconst BUTTON_SIZE = {\n  sm: \"h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5\",\n  icon: \"size-9\",\n  \"icon-sm\": \"size-8\",\n} as const;\n\nexport function ArtifactButton({\n  variant = \"ghost\",\n  size = \"sm\",\n  className,\n  type = \"button\",\n  ...props\n}: ComponentProps<\"button\"> & {\n  variant?: keyof typeof BUTTON_VARIANT;\n  size?: keyof typeof BUTTON_SIZE;\n}) {\n  return (\n    <button\n      type={type}\n      className={cn(BUTTON_BASE, BUTTON_VARIANT[variant], BUTTON_SIZE[size], className)}\n      {...props}\n    />\n  );\n}\n\nexport function ArtifactBadge({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-border px-2 py-0.5 text-xs font-medium whitespace-nowrap text-foreground [&>svg]:pointer-events-none [&>svg]:size-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const ArtifactSelect = forwardRef<HTMLSelectElement, ComponentProps<\"select\">>(\n  ({ className, children, ...props }, ref) => (\n    <span className=\"relative inline-block max-w-full\">\n      <select\n        ref={ref}\n        className={cn(\n          \"peer h-9 w-full appearance-none rounded-md border border-border bg-bg px-2.5 pr-8 text-sm text-fg transition-colors hover:border-border-strong focus-visible:border-ring focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </select>\n      <ChevronDownIcon\n        aria-hidden=\"true\"\n        className=\"pointer-events-none absolute right-2.5 top-1/2 size-4 -translate-y-1/2 text-fg-subtle\"\n      />\n    </span>\n  ),\n);\nArtifactSelect.displayName = \"ArtifactSelect\";\n\nexport function artifactKindIcon(kind: ArtifactKind): ReactNode {\n  if (kind === \"image\") return <ImageIcon className=\"size-4\" />;\n  if (kind === \"file\") return <FileIcon className=\"size-4\" />;\n  if (kind === \"site\") return <PanelsTopLeftIcon className=\"size-4\" />;\n  if (kind === \"document\") return <FilePenLineIcon className=\"size-4\" />;\n  if (kind === \"spreadsheet\") return <Table2Icon className=\"size-4\" />;\n  return <GalleryHorizontalEndIcon className=\"size-4\" />;\n}\n\nexport function artifactKindSubtitle(kind: ArtifactKind): string {\n  if (kind === \"site\") return \"Site · published preview\";\n  if (kind === \"image\") return \"Image · retained file\";\n  if (kind === \"file\") return \"File · retained file\";\n  return `${kind[0]!.toUpperCase()}${kind.slice(1)} · shared editor`;\n}\n\ntype LoadErrorCopy = Readonly<\n  Record<\n    \"unavailable\" | \"invalid\" | \"transient\",\n    {\n      title: string;\n      message: string;\n    }\n  >\n>;\n\n/**\n * Every user-facing string in the artifact surfaces (inline Site preview, Site\n * frame, viewer header and states). Hosts translate by passing a partial\n * `labels` object; unspecified keys keep the English defaults.\n */\nexport type ArtifactLabels = Readonly<{\n  back: string;\n  close: string;\n  /** Header title and loading copy until an artifact's title is known. */\n  opening: string;\n  /** Header title when an artifact cannot be opened. */\n  artifact: string;\n  startingEditor: string;\n  kindSubtitle: (kind: ArtifactKind) => string;\n  live: string;\n  reloadSite: string;\n  openFullScreen: string;\n  editWithAgent: string;\n  editShort: string;\n  preview: string;\n  loadPreview: string;\n  loadSitePreview: string;\n  siteVersion: string;\n  savedVersion: string;\n  version: (revision: number) => string;\n  openSite: string;\n  loadingSite: string;\n  siteArchived: string;\n  siteUnpublished: string;\n  siteReferenceInvalid: string;\n  siteLoadFailed: string;\n  retry: string;\n  tryAgain: string;\n  toolCount: (count: number) => string;\n  toolsAvailable: (count: number) => string;\n  sourceFileCount: (count: number) => string;\n  viewingDisabled: { title: string; message: string };\n  editorsMissing: { title: string; message: string };\n  siteErrors: LoadErrorCopy;\n  editableErrors: LoadErrorCopy;\n  reference: (id: string) => string;\n}>;\n\nexport const DEFAULT_ARTIFACT_LABELS: ArtifactLabels = Object.freeze({\n  back: \"Back\",\n  close: \"Close\",\n  opening: \"Opening artifact…\",\n  artifact: \"Artifact\",\n  startingEditor: \"Starting the secure editing session…\",\n  kindSubtitle: (kind: ArtifactKind) => artifactKindSubtitle(kind),\n  live: \"Live\",\n  reloadSite: \"Reload Site\",\n  openFullScreen: \"Open Site full screen\",\n  editWithAgent: \"Edit with Opengeni\",\n  editShort: \"Edit\",\n  preview: \"Preview\",\n  loadPreview: \"Load preview\",\n  loadSitePreview: \"Load Site preview\",\n  siteVersion: \"Site version\",\n  savedVersion: \"Saved version\",\n  version: (revision: number) => `Version ${revision}`,\n  openSite: \"Open Site\",\n  loadingSite: \"Loading Site…\",\n  siteArchived: \"This Site is archived.\",\n  siteUnpublished: \"This Site is archived or unpublished.\",\n  siteReferenceInvalid: \"This Site reference is invalid.\",\n  siteLoadFailed: \"Couldn’t load this Site.\",\n  retry: \"Retry\",\n  tryAgain: \"Try again\",\n  toolCount: (count: number) => `${count} ${count === 1 ? \"tool\" : \"tools\"}`,\n  toolsAvailable: (count: number) => `${count} workspace tools available to this Site`,\n  sourceFileCount: (count: number) => `${count} source ${count === 1 ? \"file\" : \"files\"}`,\n  viewingDisabled: {\n    title: \"Artifact viewing isn't enabled\",\n    message: \"This app doesn't serve editable artifacts yet.\",\n  },\n  editorsMissing: {\n    title: \"This artifact can't open here\",\n    message: \"This app hasn't installed the document, spreadsheet, and presentation editors.\",\n  },\n  siteErrors: {\n    unavailable: {\n      title: \"This Site isn't available\",\n      message: \"It may have been removed, or you may not have access.\",\n    },\n    invalid: {\n      title: \"This Site link isn't valid\",\n      message: \"Check the address and open a Site from your workspace library.\",\n    },\n    transient: {\n      title: \"Couldn't load this Site\",\n      message: \"A temporary problem prevented this Site from loading. Try again.\",\n    },\n  },\n  editableErrors: {\n    unavailable: {\n      title: \"This artifact isn't available\",\n      message: \"It may have been removed, or you may not have access.\",\n    },\n    invalid: {\n      title: \"This artifact link isn't valid\",\n      message: \"Check the address and open the artifact from your workspace library.\",\n    },\n    transient: {\n      title: \"Could not open this artifact\",\n      message: \"A temporary problem prevented this artifact from opening. Try again.\",\n    },\n  },\n  reference: (id: string) => `Reference: ${id}`,\n});\n\nconst ArtifactLabelsContext = createContext<ArtifactLabels>(DEFAULT_ARTIFACT_LABELS);\n\n/** Translate every artifact surface below; nested providers override outer ones. */\nexport function ArtifactLabelsProvider({\n  labels,\n  children,\n}: {\n  labels: Partial<ArtifactLabels> | undefined;\n  children: ReactNode;\n}) {\n  const parent = useContext(ArtifactLabelsContext);\n  const value = useMemo(() => (labels ? { ...parent, ...labels } : parent), [labels, parent]);\n  return <ArtifactLabelsContext.Provider value={value}>{children}</ArtifactLabelsContext.Provider>;\n}\n\nexport function useArtifactLabels(): ArtifactLabels {\n  return useContext(ArtifactLabelsContext);\n}\n\n/**\n * One artifact header: optional Back, the kind tile, title (or a host-supplied\n * title control), trailing actions, and optional Close. The console dock and\n * embedded viewers share it.\n */\nexport function ArtifactViewerHeader({\n  kind,\n  title,\n  subtitle,\n  titleSlot,\n  onBack,\n  backLabel,\n  actions,\n  onClose,\n  closeLabel,\n}: Readonly<{\n  /** `null` while the host does not know the modality yet. */\n  kind: ArtifactKind | null;\n  title: string;\n  subtitle?: string | undefined;\n  /** Replaces the title text, for example with a picker. */\n  titleSlot?: ReactNode;\n  onBack?: (() => void) | undefined;\n  backLabel?: string | undefined;\n  actions?: ReactNode;\n  onClose?: (() => void) | undefined;\n  closeLabel?: string | undefined;\n}>) {\n  const labels = useArtifactLabels();\n  backLabel ??= labels.back;\n  closeLabel ??= labels.close;\n  return (\n    <div\n      data-og-artifact-header=\"\"\n      className=\"flex min-h-11 shrink-0 items-center gap-2 border-b border-border px-2\"\n    >\n      {onBack ? (\n        <ArtifactButton size=\"icon-sm\" aria-label={backLabel} title={backLabel} onClick={onBack}>\n          <ArrowLeftIcon className=\"size-4\" />\n        </ArtifactButton>\n      ) : null}\n      <span className=\"flex size-7 shrink-0 items-center justify-center rounded-md bg-accent text-accent-foreground\">\n        {kind ? artifactKindIcon(kind) : <FileIcon className=\"size-4\" />}\n      </span>\n      {titleSlot ?? (\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"m-0 truncate text-sm font-medium\">{title}</p>\n          {(subtitle ?? (kind ? labels.kindSubtitle(kind) : \"\")) ? (\n            <p className=\"m-0 truncate text-xs text-fg-subtle\">\n              {subtitle ?? (kind ? labels.kindSubtitle(kind) : \"\")}\n            </p>\n          ) : null}\n        </div>\n      )}\n      {actions}\n      {onClose ? (\n        <ArtifactButton\n          size=\"icon-sm\"\n          className=\"shrink-0\"\n          aria-label={closeLabel}\n          title={closeLabel}\n          onClick={onClose}\n        >\n          <XIcon className=\"size-4\" />\n        </ArtifactButton>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ArtifactLoading({ label }: { label: string }) {\n  return (\n    <section\n      role=\"status\"\n      className=\"grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] place-items-center px-4 text-center\"\n    >\n      <div className=\"max-w-sm rounded-lg border border-border bg-surface p-5 text-sm text-fg-muted\">\n        <Loader2Icon aria-hidden className=\"mx-auto mb-3 size-5 animate-spin text-fg\" />\n        {label}\n      </div>\n    </section>\n  );\n}\n\nexport function ArtifactProblem({\n  view,\n  onRetry,\n}: {\n  view: ArtifactLoadErrorView;\n  onRetry?: (() => void) | undefined;\n}) {\n  const labels = useArtifactLabels();\n  return (\n    <section\n      role=\"alert\"\n      className=\"grid h-full min-h-0 flex-1 grid-cols-[minmax(0,1fr)] place-items-center px-4 text-center\"\n    >\n      <div className=\"w-full max-w-md rounded-lg border border-border bg-surface p-5\">\n        <AlertTriangleIcon aria-hidden className=\"mx-auto mb-3 size-5 text-status-waiting\" />\n        <h2 className=\"m-0 text-base font-semibold\">{view.title}</h2>\n        <p className=\"mb-0 mt-2 text-sm leading-5 text-fg-muted\">\n          {artifactLoadErrorMessage(view, labels)}\n        </p>\n        {view.retryable && onRetry ? (\n          <div className=\"mt-4 flex justify-center\">\n            <ArtifactButton variant=\"outline\" onClick={onRetry}>\n              <RotateCcwIcon aria-hidden=\"true\" />\n              {labels.tryAgain}\n            </ArtifactButton>\n          </div>\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\nexport type ArtifactLoadErrorKind = \"site\" | \"editable\";\n\nexport type ArtifactLoadErrorView = Readonly<{\n  title: string;\n  message: string;\n  retryable: boolean;\n  correlationId?: string;\n}>;\n\n/** Site/editor load copy. Never surfaces raw Opengeni API status text. */\nexport function artifactLoadErrorView(\n  error: unknown,\n  kind: ArtifactLoadErrorKind,\n  labels: ArtifactLabels = DEFAULT_ARTIFACT_LABELS,\n): ArtifactLoadErrorView {\n  const copy = kind === \"site\" ? labels.siteErrors : labels.editableErrors;\n  const correlationId = error instanceof OpenGeniApiError ? error.correlationId : undefined;\n  const withSupport = (view: {\n    title: string;\n    message: string;\n    retryable: boolean;\n  }): ArtifactLoadErrorView => (correlationId ? { ...view, correlationId } : view);\n  if (error instanceof OpenGeniApiError) {\n    if (error.status === 401 || error.status === 403 || error.status === 404) {\n      return withSupport({ ...copy.unavailable, retryable: false });\n    }\n    if (error.status === 422) return withSupport({ ...copy.invalid, retryable: false });\n    return withSupport({ ...copy.transient, retryable: error.retryable });\n  }\n  return { ...copy.transient, retryable: true };\n}\n\nexport function artifactLoadErrorMessage(\n  view: ArtifactLoadErrorView,\n  labels: ArtifactLabels = DEFAULT_ARTIFACT_LABELS,\n): string {\n  return view.correlationId\n    ? `${view.message} ${labels.reference(view.correlationId)}`\n    : view.message;\n}\n"],"mappings":";;;;;;AAAA,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAqCH,cAsBA,YAtBA;AAxBJ,IAAM,cACJ;AACF,IAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,SACE;AACJ;AACA,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,WAAW;AACb;AAEO,SAAS,eAAe;AAAA,EAC7B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAGG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,aAAa,eAAe,OAAO,GAAG,YAAY,IAAI,GAAG,SAAS;AAAA,MAC/E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAA2B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC,qBAAC,UAAK,WAAU,oCACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;AACA,eAAe,cAAc;AAEtB,SAAS,iBAAiB,MAA+B;AAC9D,MAAI,SAAS,QAAS,QAAO,oBAAC,aAAU,WAAU,UAAS;AAC3D,MAAI,SAAS,OAAQ,QAAO,oBAAC,YAAS,WAAU,UAAS;AACzD,MAAI,SAAS,OAAQ,QAAO,oBAAC,qBAAkB,WAAU,UAAS;AAClE,MAAI,SAAS,WAAY,QAAO,oBAAC,mBAAgB,WAAU,UAAS;AACpE,MAAI,SAAS,cAAe,QAAO,oBAAC,cAAW,WAAU,UAAS;AAClE,SAAO,oBAAC,4BAAyB,WAAU,UAAS;AACtD;AAEO,SAAS,qBAAqB,MAA4B;AAC/D,MAAI,SAAS,OAAQ,QAAO;AAC5B,MAAI,SAAS,QAAS,QAAO;AAC7B,MAAI,SAAS,OAAQ,QAAO;AAC5B,SAAO,GAAG,KAAK,CAAC,EAAG,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC;AAClD;AAuDO,IAAM,0BAA0C,OAAO,OAAO;AAAA,EACnE,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,cAAc,CAAC,SAAuB,qBAAqB,IAAI;AAAA,EAC/D,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAAS,CAAC,aAAqB,WAAW,QAAQ;AAAA,EAClD,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW,CAAC,UAAkB,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,EACxE,gBAAgB,CAAC,UAAkB,GAAG,KAAK;AAAA,EAC3C,iBAAiB,CAAC,UAAkB,GAAG,KAAK,WAAW,UAAU,IAAI,SAAS,OAAO;AAAA,EACrF,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,aAAa;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,IACd,aAAa;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,WAAW,CAAC,OAAe,cAAc,EAAE;AAC7C,CAAC;AAED,IAAM,wBAAwB,cAA8B,uBAAuB;AAG5E,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,WAAW,qBAAqB;AAC/C,QAAM,QAAQ,QAAQ,MAAO,SAAS,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,QAAS,CAAC,QAAQ,MAAM,CAAC;AAC1F,SAAO,oBAAC,sBAAsB,UAAtB,EAA+B,OAAe,UAAS;AACjE;AAEO,SAAS,oBAAoC;AAClD,SAAO,WAAW,qBAAqB;AACzC;AAOO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAYI;AACF,QAAM,SAAS,kBAAkB;AACjC,gBAAc,OAAO;AACrB,iBAAe,OAAO;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,2BAAwB;AAAA,MACxB,WAAU;AAAA,MAET;AAAA,iBACC,oBAAC,kBAAe,MAAK,WAAU,cAAY,WAAW,OAAO,WAAW,SAAS,QAC/E,8BAAC,iBAAc,WAAU,UAAS,GACpC,IACE;AAAA,QACJ,oBAAC,UAAK,WAAU,gGACb,iBAAO,iBAAiB,IAAI,IAAI,oBAAC,YAAS,WAAU,UAAS,GAChE;AAAA,QACC,aACC,qBAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,OAAE,WAAU,oCAAoC,iBAAM;AAAA,UACrD,aAAa,OAAO,OAAO,aAAa,IAAI,IAAI,MAChD,oBAAC,OAAE,WAAU,uCACV,uBAAa,OAAO,OAAO,aAAa,IAAI,IAAI,KACnD,IACE;AAAA,WACN;AAAA,QAED;AAAA,QACA,UACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,OAAO;AAAA,YACP,SAAS;AAAA,YAET,8BAAC,SAAM,WAAU,UAAS;AAAA;AAAA,QAC5B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,gBAAgB,EAAE,MAAM,GAAsB;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,+BAAC,SAAI,WAAU,iFACb;AAAA,4BAAC,eAAY,eAAW,MAAC,WAAU,4CAA2C;AAAA,QAC7E;AAAA,SACH;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,kBAAkB;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,+BAAC,SAAI,WAAU,kEACb;AAAA,4BAAC,qBAAkB,eAAW,MAAC,WAAU,2CAA0C;AAAA,QACnF,oBAAC,QAAG,WAAU,+BAA+B,eAAK,OAAM;AAAA,QACxD,oBAAC,OAAE,WAAU,6CACV,mCAAyB,MAAM,MAAM,GACxC;AAAA,QACC,KAAK,aAAa,UACjB,oBAAC,SAAI,WAAU,4BACb,+BAAC,kBAAe,SAAQ,WAAU,SAAS,SACzC;AAAA,8BAAC,iBAAc,eAAY,QAAO;AAAA,UACjC,OAAO;AAAA,WACV,GACF,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;AAYO,SAAS,sBACd,OACA,MACA,SAAyB,yBACF;AACvB,QAAM,OAAO,SAAS,SAAS,OAAO,aAAa,OAAO;AAC1D,QAAM,gBAAgB,iBAAiB,mBAAmB,MAAM,gBAAgB;AAChF,QAAM,cAAc,CAAC,SAIS,gBAAgB,EAAE,GAAG,MAAM,cAAc,IAAI;AAC3E,MAAI,iBAAiB,kBAAkB;AACrC,QAAI,MAAM,WAAW,OAAO,MAAM,WAAW,OAAO,MAAM,WAAW,KAAK;AACxE,aAAO,YAAY,EAAE,GAAG,KAAK,aAAa,WAAW,MAAM,CAAC;AAAA,IAC9D;AACA,QAAI,MAAM,WAAW,IAAK,QAAO,YAAY,EAAE,GAAG,KAAK,SAAS,WAAW,MAAM,CAAC;AAClF,WAAO,YAAY,EAAE,GAAG,KAAK,WAAW,WAAW,MAAM,UAAU,CAAC;AAAA,EACtE;AACA,SAAO,EAAE,GAAG,KAAK,WAAW,WAAW,KAAK;AAC9C;AAEO,SAAS,yBACd,MACA,SAAyB,yBACjB;AACR,SAAO,KAAK,gBACR,GAAG,KAAK,OAAO,IAAI,OAAO,UAAU,KAAK,aAAa,CAAC,KACvD,KAAK;AACX;","names":[]}

package/dist/{chunk-5YK2ZDIG.js → chunk-TNEZNMSN.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/lib/relay-wire.ts
 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
 var STREAM_KIND_DESKTOP = 2;
@@ -92,13 +94,6 @@ function decodeStreamFrame(bytes) {
   return { seq, data };
 }
 
-// src/lib/host-platform.ts
-function interactionHostPlatform() {
-  if (typeof navigator === "undefined") return "other";
-  const platform = navigator.platform || navigator.userAgent;
-  return /Mac|iPhone|iPad|iPod/u.test(platform) ? "mac" : "other";
-}
-
 export {
   STREAM_KIND_DESKTOP,
   STREAM_KIND_PTY,
@@ -110,7 +105,6 @@ export {
   encodeStreamClose,
   encodeStreamFrame,
   decodeStreamOpenAck,
-  decodeStreamFrame,
-  interactionHostPlatform
+  decodeStreamFrame
 };
-//# sourceMappingURL=chunk-5YK2ZDIG.js.map
+//# sourceMappingURL=chunk-TNEZNMSN.js.map

package/dist/chunk-TNEZNMSN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/relay-wire.ts"],"sourcesContent":["// Minimal HAND-MIRROR of the relay stream wire messages the desktop frame client\n// needs (`StreamOpen`/`StreamClose` encode; `StreamOpenAck` + `StreamFrame` decode). It exists\n// because the publish-closure guard (scripts/publish-closure-guard.ts) forbids\n// `@opengeni/react` from depending on `@opengeni/agent-proto` — the published SDK\n// closure may only reach `@opengeni/sdk` among `@opengeni/*` packages. So, exactly\n// as the guard prescribes (\"hand-mirror it\"), we re-encode just these three\n// messages against the third-party `@bufbuild/protobuf/wire` runtime (the same\n// runtime `@opengeni/agent-proto` generates against), byte-compatible with the\n// generated code. Field numbers copied verbatim from\n// `packages/agent-proto/src/gen/opengeni_agent.ts`:\n//   StreamChannel: channelId=1, workspaceId=2, agentId=3, kind=4(int32), port=5(uint32)\n//   StreamOpen:    channel=1(msg), token=2, role=3(int32), resumeFromSeq=4(uint64, omitted when \"0\")\n//   StreamOpenAck: accepted=1(bool), error=2(AgentError msg), resumeFromSeq=3\n//   AgentError:    code=1, message=2, retryable=3, detail=4  (we read only message)\n//   StreamFrame:   channelId=1, seq=2, data=3(bytes), producedAtMs=4  (we read only data)\n//   StreamClose:   channelId=1, reason=2(int32), message=3\nimport { BinaryReader, BinaryWriter } from \"@bufbuild/protobuf/wire\";\n\n/** `StreamKind.STREAM_KIND_DESKTOP` (agent-proto enum value). */\nexport const STREAM_KIND_DESKTOP = 2;\n/** `StreamKind.STREAM_KIND_PTY` (agent-proto enum value). */\nexport const STREAM_KIND_PTY = 1;\n/** `StreamKind.STREAM_KIND_BROWSER` (agent-proto enum value). */\nexport const STREAM_KIND_BROWSER = 3;\n/** `StreamKind.STREAM_KIND_COMPUTER` (agent-proto enum value). */\nexport const STREAM_KIND_COMPUTER = 4;\n/** `StreamRole.STREAM_ROLE_CLIENT` (agent-proto enum value). */\nexport const STREAM_ROLE_CLIENT = 2;\n/** `StreamCloseReason.STREAM_CLOSE_REASON_NORMAL`. */\nexport const STREAM_CLOSE_REASON_NORMAL = 1;\n\nexport interface RelayChannel {\n  channelId: string;\n  workspaceId: string;\n  agentId: string;\n  kind: number;\n  port: number;\n}\n\nexport interface RelayStreamOpen {\n  channel: RelayChannel;\n  token: string;\n  role: number;\n  resumeFromSeq: string;\n}\n\nfunction encodeChannel(message: RelayChannel, writer: BinaryWriter): BinaryWriter {\n  if (message.channelId !== \"\") writer.uint32(10).string(message.channelId);\n  if (message.workspaceId !== \"\") writer.uint32(18).string(message.workspaceId);\n  if (message.agentId !== \"\") writer.uint32(26).string(message.agentId);\n  if (message.kind !== 0) writer.uint32(32).int32(message.kind);\n  if (message.port !== 0) writer.uint32(40).uint32(message.port);\n  return writer;\n}\n\n/** Encode a `StreamOpen`, byte-compatible with `StreamOpen.encode(...).finish()`. */\nexport function encodeStreamOpen(message: RelayStreamOpen): Uint8Array {\n  const writer = new BinaryWriter();\n  encodeChannel(message.channel, writer.uint32(10).fork()).join();\n  if (message.token !== \"\") writer.uint32(18).string(message.token);\n  if (message.role !== 0) writer.uint32(24).int32(message.role);\n  if (message.resumeFromSeq !== \"0\") writer.uint32(32).uint64(message.resumeFromSeq);\n  return writer.finish();\n}\n\n/** Encode an intentional viewer detach. Transport loss omits this message so\n * reconnect/resume remains available. */\nexport function encodeStreamClose(message: {\n  channelId: string;\n  reason: number;\n  message: string;\n}): Uint8Array {\n  const writer = new BinaryWriter();\n  if (message.channelId !== \"\") writer.uint32(10).string(message.channelId);\n  if (message.reason !== 0) writer.uint32(16).int32(message.reason);\n  if (message.message !== \"\") writer.uint32(26).string(message.message);\n  return writer.finish();\n}\n\n/** Encode a viewer→agent PTY input `StreamFrame`. */\nexport function encodeStreamFrame(message: {\n  channelId: string;\n  seq: string;\n  data: Uint8Array;\n  producedAtMs: string;\n}): Uint8Array {\n  const writer = new BinaryWriter();\n  if (message.channelId !== \"\") writer.uint32(10).string(message.channelId);\n  if (message.seq !== \"0\") writer.uint32(16).uint64(message.seq);\n  if (message.data.length > 0) writer.uint32(26).bytes(message.data);\n  if (message.producedAtMs !== \"0\") writer.uint32(32).uint64(message.producedAtMs);\n  return writer.finish();\n}\n\n/** The only `AgentError` field we surface from a rejected ack. */\nfunction decodeAgentErrorMessage(reader: BinaryReader, length: number): { message?: string } {\n  const end = reader.pos + length;\n  let message: string | undefined;\n  while (reader.pos < end) {\n    const tag = reader.uint32();\n    if (tag >>> 3 === 2 && tag === 18) {\n      message = reader.string();\n      continue;\n    }\n    if ((tag & 7) === 4 || tag === 0) break;\n    reader.skip(tag & 7);\n  }\n  return message !== undefined ? { message } : {};\n}\n\n/** Decode a `StreamOpenAck` (we need `accepted` + the error message). */\nexport function decodeStreamOpenAck(bytes: Uint8Array): {\n  accepted: boolean;\n  error?: { message?: string };\n} {\n  const reader = new BinaryReader(bytes);\n  const end = reader.len;\n  let accepted = false;\n  let error: { message?: string } | undefined;\n  while (reader.pos < end) {\n    const tag = reader.uint32();\n    if (tag >>> 3 === 1 && tag === 8) {\n      accepted = reader.bool();\n      continue;\n    }\n    if (tag >>> 3 === 2 && tag === 18) {\n      error = decodeAgentErrorMessage(reader, reader.uint32());\n      continue;\n    }\n    if ((tag & 7) === 4 || tag === 0) break;\n    reader.skip(tag & 7);\n  }\n  return error !== undefined ? { accepted, error } : { accepted };\n}\n\n/** Decode the sequence plus `data` from a `StreamFrame`. */\nexport function decodeStreamFrame(bytes: Uint8Array): { seq: string; data: Uint8Array } {\n  const reader = new BinaryReader(bytes);\n  const end = reader.len;\n  let seq = \"0\";\n  let data = new Uint8Array(0);\n  while (reader.pos < end) {\n    const tag = reader.uint32();\n    if (tag >>> 3 === 2 && tag === 16) {\n      seq = reader.uint64().toString();\n      continue;\n    }\n    if (tag >>> 3 === 3 && tag === 26) {\n      // Copy into a fresh ArrayBuffer-backed view: BinaryReader.bytes() returns\n      // `Uint8Array<ArrayBufferLike>` (a view into the message buffer), which both\n      // narrows the type to `Uint8Array<ArrayBuffer>` and isolates just this frame.\n      data = new Uint8Array(reader.bytes());\n      continue;\n    }\n    if ((tag & 7) === 4 || tag === 0) break;\n    reader.skip(tag & 7);\n  }\n  return { seq, data };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-22KP6LR5.js → chunk-TXS65BB2.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/lib/cn.ts
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
@@ -28,4 +30,4 @@ function cn(...inputs) {
 export {
   cn
 };
-//# sourceMappingURL=chunk-22KP6LR5.js.map
+//# sourceMappingURL=chunk-TXS65BB2.js.map

package/dist/{chunk-22KP6LR5.js.map → chunk-TXS65BB2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/* ----------------------------------------------------------------------------\n   tailwind-merge, taught our design tokens.\n\n   Our type scale and color ramp share the `og-` prefix: `text-og-base` is a\n   FONT SIZE, `text-og-fg-muted` is a COLOR. Stock tailwind-merge can't tell\n   them apart — it lumps every `text-og-*` into one `font-size` group and, when\n   two land in the same class list, drops the earlier one. That silently ate the\n   size off rows like `text-og-base text-og-fg-muted`, leaving titles at the\n   browser-default 16px. Register the custom font-size scale so the size and the\n   color live in different conflict groups and both survive a merge.\n   -------------------------------------------------------------------------- */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [\n        {\n          text: [\n            \"og-xs\",\n            \"og-sm\",\n            \"og-base\",\n            \"og-md\",\n            \"og-control\",\n            \"og-menu\",\n            \"og-composer\",\n            \"og-composer-wide\",\n          ],\n        },\n      ],\n    },\n  },\n});\n\n/** Merge class names with Tailwind-aware conflict resolution. */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,2BAA2B;AAapC,IAAM,UAAU,oBAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa;AAAA,QACX;AAAA,UACE,MAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGM,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}
+{"version":3,"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/* ----------------------------------------------------------------------------\n   tailwind-merge, taught our design tokens.\n\n   Our type scale and color ramp share the `og-` prefix: `text-og-base` is a\n   FONT SIZE, `text-og-fg-muted` is a COLOR. Stock tailwind-merge can't tell\n   them apart — it lumps every `text-og-*` into one `font-size` group and, when\n   two land in the same class list, drops the earlier one. That silently ate the\n   size off rows like `text-og-base text-og-fg-muted`, leaving titles at the\n   browser-default 16px. Register the custom font-size scale so the size and the\n   color live in different conflict groups and both survive a merge.\n   -------------------------------------------------------------------------- */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [\n        {\n          text: [\n            \"og-xs\",\n            \"og-sm\",\n            \"og-base\",\n            \"og-md\",\n            \"og-control\",\n            \"og-menu\",\n            \"og-composer\",\n            \"og-composer-wide\",\n          ],\n        },\n      ],\n    },\n  },\n});\n\n/** Merge class names with Tailwind-aware conflict resolution. */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,2BAA2B;AAapC,IAAM,UAAU,oBAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa;AAAA,QACX;AAAA,UACE,MAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGM,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-UNJPZGNK.js

@@ -0,0 +1,63 @@
+"use client";
+
+// src/preview-loading-paint.ts
+function paintPreviewLoading(context, width, height, time, ink, glowColor) {
+  context.clearRect(0, 0, width, height);
+  const cx = width * (0.5 + 0.13 * Math.sin(time * 0.21));
+  const cy = height * (0.5 + 0.12 * Math.cos(time * 0.27));
+  const glow = context.createRadialGradient(cx, cy, 0, cx, cy, Math.max(width, height) * 0.65);
+  glow.addColorStop(0, glowColor);
+  glow.addColorStop(1, "transparent");
+  context.globalAlpha = 0.09;
+  context.fillStyle = glow;
+  context.fillRect(0, 0, width, height);
+  const rows = Math.ceil(height / 18) + 7;
+  const cols = Math.ceil(width / 18) + 7;
+  const points = Array.from(
+    { length: rows },
+    (_row, r) => Array.from({ length: cols }, (_col, c) => {
+      const x = (c - 3) * 18;
+      const y = (r - 3) * 18;
+      const dist = Math.hypot((x - cx) * 0.8, y - cy);
+      const wave = Math.sin(dist * 0.032 - time * 0.95);
+      return {
+        x: x + (x - cx) / Math.max(dist, 1) * wave * 4,
+        y: y + (y - cy) / Math.max(dist, 1) * wave * 4,
+        l: Math.pow((wave + 1) / 2, 5)
+      };
+    })
+  );
+  context.strokeStyle = ink;
+  context.fillStyle = ink;
+  context.lineWidth = 0.65;
+  points.forEach(
+    (row, r) => row.forEach((p, c) => {
+      context.globalAlpha = 0.035 + p.l * 0.055;
+      context.beginPath();
+      if (c + 1 < cols) {
+        context.moveTo(p.x, p.y);
+        context.lineTo(row[c + 1].x, row[c + 1].y);
+      }
+      if (r + 1 < rows) {
+        context.moveTo(p.x, p.y);
+        context.lineTo(points[r + 1][c].x, points[r + 1][c].y);
+      }
+      context.stroke();
+      context.globalAlpha = 0.15 + p.l * 0.55;
+      context.beginPath();
+      context.arc(p.x, p.y, 0.85 + p.l * 0.65, 0, Math.PI * 2);
+      context.fill();
+    })
+  );
+  context.globalAlpha = 1;
+}
+var PREVIEW_LOADING_COLORS = {
+  dark: { ink: "#9fdccd", glow: "#5fb8a3", background: "#1b1b1b" },
+  light: { ink: "#5f8f84", glow: "#9fe3d3", background: "#f9f9f9" }
+};
+
+export {
+  paintPreviewLoading,
+  PREVIEW_LOADING_COLORS
+};
+//# sourceMappingURL=chunk-UNJPZGNK.js.map

package/dist/chunk-UNJPZGNK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preview-loading-paint.ts"],"sourcesContent":["/**\n * One frame of the \"Preparing preview…\" ripple: a soft drifting glow under an\n * 18px lattice whose points swell along an outward wave. DOM-free and\n * self-contained (it closes over nothing), so the web canvas effect and the\n * native preview document (which embeds its source) draw the same thing.\n */\nexport function paintPreviewLoading(\n  context: CanvasRenderingContext2D,\n  width: number,\n  height: number,\n  time: number,\n  ink: string,\n  glowColor: string,\n): void {\n  context.clearRect(0, 0, width, height);\n  const cx = width * (0.5 + 0.13 * Math.sin(time * 0.21));\n  const cy = height * (0.5 + 0.12 * Math.cos(time * 0.27));\n  const glow = context.createRadialGradient(cx, cy, 0, cx, cy, Math.max(width, height) * 0.65);\n  glow.addColorStop(0, glowColor);\n  glow.addColorStop(1, \"transparent\");\n  context.globalAlpha = 0.09;\n  context.fillStyle = glow;\n  context.fillRect(0, 0, width, height);\n  const rows = Math.ceil(height / 18) + 7;\n  const cols = Math.ceil(width / 18) + 7;\n  const points = Array.from({ length: rows }, (_row, r) =>\n    Array.from({ length: cols }, (_col, c) => {\n      const x = (c - 3) * 18;\n      const y = (r - 3) * 18;\n      const dist = Math.hypot((x - cx) * 0.8, y - cy);\n      const wave = Math.sin(dist * 0.032 - time * 0.95);\n      return {\n        x: x + ((x - cx) / Math.max(dist, 1)) * wave * 4,\n        y: y + ((y - cy) / Math.max(dist, 1)) * wave * 4,\n        l: Math.pow((wave + 1) / 2, 5),\n      };\n    }),\n  );\n  context.strokeStyle = ink;\n  context.fillStyle = ink;\n  context.lineWidth = 0.65;\n  points.forEach((row, r) =>\n    row.forEach((p, c) => {\n      context.globalAlpha = 0.035 + p.l * 0.055;\n      context.beginPath();\n      if (c + 1 < cols) {\n        context.moveTo(p.x, p.y);\n        context.lineTo(row[c + 1]!.x, row[c + 1]!.y);\n      }\n      if (r + 1 < rows) {\n        context.moveTo(p.x, p.y);\n        context.lineTo(points[r + 1]![c]!.x, points[r + 1]![c]!.y);\n      }\n      context.stroke();\n      context.globalAlpha = 0.15 + p.l * 0.55;\n      context.beginPath();\n      context.arc(p.x, p.y, 0.85 + p.l * 0.65, 0, Math.PI * 2);\n      context.fill();\n    }),\n  );\n  context.globalAlpha = 1;\n}\n\n/** The ripple's private ink and glow, tuned to the app's teal on a neutral ground. */\nexport const PREVIEW_LOADING_COLORS = {\n  dark: { ink: \"#9fdccd\", glow: \"#5fb8a3\", background: \"#1b1b1b\" },\n  light: { ink: \"#5f8f84\", glow: \"#9fe3d3\", background: \"#f9f9f9\" },\n} as const;\n"],"mappings":";;;AAMO,SAAS,oBACd,SACA,OACA,QACA,MACA,KACA,WACM;AACN,UAAQ,UAAU,GAAG,GAAG,OAAO,MAAM;AACrC,QAAM,KAAK,SAAS,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI;AACrD,QAAM,KAAK,UAAU,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI;AACtD,QAAM,OAAO,QAAQ,qBAAqB,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,OAAO,MAAM,IAAI,IAAI;AAC3F,OAAK,aAAa,GAAG,SAAS;AAC9B,OAAK,aAAa,GAAG,aAAa;AAClC,UAAQ,cAAc;AACtB,UAAQ,YAAY;AACpB,UAAQ,SAAS,GAAG,GAAG,OAAO,MAAM;AACpC,QAAM,OAAO,KAAK,KAAK,SAAS,EAAE,IAAI;AACtC,QAAM,OAAO,KAAK,KAAK,QAAQ,EAAE,IAAI;AACrC,QAAM,SAAS,MAAM;AAAA,IAAK,EAAE,QAAQ,KAAK;AAAA,IAAG,CAAC,MAAM,MACjD,MAAM,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,MAAM,MAAM;AACxC,YAAM,KAAK,IAAI,KAAK;AACpB,YAAM,KAAK,IAAI,KAAK;AACpB,YAAM,OAAO,KAAK,OAAO,IAAI,MAAM,KAAK,IAAI,EAAE;AAC9C,YAAM,OAAO,KAAK,IAAI,OAAO,QAAQ,OAAO,IAAI;AAChD,aAAO;AAAA,QACL,GAAG,KAAM,IAAI,MAAM,KAAK,IAAI,MAAM,CAAC,IAAK,OAAO;AAAA,QAC/C,GAAG,KAAM,IAAI,MAAM,KAAK,IAAI,MAAM,CAAC,IAAK,OAAO;AAAA,QAC/C,GAAG,KAAK,KAAK,OAAO,KAAK,GAAG,CAAC;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,EACH;AACA,UAAQ,cAAc;AACtB,UAAQ,YAAY;AACpB,UAAQ,YAAY;AACpB,SAAO;AAAA,IAAQ,CAAC,KAAK,MACnB,IAAI,QAAQ,CAAC,GAAG,MAAM;AACpB,cAAQ,cAAc,QAAQ,EAAE,IAAI;AACpC,cAAQ,UAAU;AAClB,UAAI,IAAI,IAAI,MAAM;AAChB,gBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC;AACvB,gBAAQ,OAAO,IAAI,IAAI,CAAC,EAAG,GAAG,IAAI,IAAI,CAAC,EAAG,CAAC;AAAA,MAC7C;AACA,UAAI,IAAI,IAAI,MAAM;AAChB,gBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC;AACvB,gBAAQ,OAAO,OAAO,IAAI,CAAC,EAAG,CAAC,EAAG,GAAG,OAAO,IAAI,CAAC,EAAG,CAAC,EAAG,CAAC;AAAA,MAC3D;AACA,cAAQ,OAAO;AACf,cAAQ,cAAc,OAAO,EAAE,IAAI;AACnC,cAAQ,UAAU;AAClB,cAAQ,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,IAAI,MAAM,GAAG,KAAK,KAAK,CAAC;AACvD,cAAQ,KAAK;AAAA,IACf,CAAC;AAAA,EACH;AACA,UAAQ,cAAc;AACxB;AAGO,IAAM,yBAAyB;AAAA,EACpC,MAAM,EAAE,KAAK,WAAW,MAAM,WAAW,YAAY,UAAU;AAAA,EAC/D,OAAO,EAAE,KAAK,WAAW,MAAM,WAAW,YAAY,UAAU;AAClE;","names":[]}