@opengeni/react 0.48.0 → 0.52.1

package/dist/{chunk-O4VXOBGF.js → chunk-WSK7G5LE.js}

@@ -1,3 +1,7 @@
+import {
+  cn
+} from "./chunk-22KP6LR5.js";
+
 // src/components/queue-draft-policy.ts
 function requestQueueDraftEdit(composer, confirmReplacement, editImmediately) {
   if (composer.hasDraftContent()) {
@@ -93,10 +97,74 @@ function QueueErrorAlert({
   ) });
 }
 
+// src/components/timeline-annotations.tsx
+import { Suspense, lazy, useRef, useState } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var TimelineAnnotationsDialog = lazy(() => import("./timeline-annotations-dialog-U7EVLR75.js"));
+function TimelineAnnotationsChip({
+  annotations,
+  editable = false,
+  focusAnnotationId,
+  onFocusConsumed,
+  onUpdate,
+  onRemove,
+  onRevealSource,
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const triggerRef = useRef(null);
+  if (annotations.length === 0) return null;
+  const focusRequested = Boolean(
+    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId)
+  );
+  const visible = open || focusRequested;
+  const countLabel = `${annotations.length} ${annotations.length === 1 ? "annotation" : "annotations"}`;
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: cn(
+          "inline-flex min-h-8 items-center gap-1.5 rounded-full border border-og-border bg-og-surface-1 px-2.5 py-1 text-og-sm font-medium text-og-fg-muted outline-hidden transition hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]",
+          className
+        ),
+        "aria-label": `Review ${countLabel}`,
+        "aria-haspopup": "dialog",
+        "aria-expanded": visible,
+        onClick: () => setOpen((current) => !current),
+        children: countLabel
+      }
+    ),
+    visible ? /* @__PURE__ */ jsx2(Suspense, { fallback: null, children: /* @__PURE__ */ jsx2(
+      TimelineAnnotationsDialog,
+      {
+        annotations,
+        editable,
+        focusAnnotationId,
+        onFocusConsumed: () => {
+          setOpen(true);
+          onFocusConsumed?.();
+        },
+        onUpdate,
+        onRemove,
+        onRevealSource,
+        triggerRef,
+        countLabel,
+        onDismiss: (restoreFocus) => {
+          setOpen(false);
+          if (restoreFocus) triggerRef.current?.focus();
+        }
+      }
+    ) }) : null
+  ] });
+}
+
 export {
   requestQueueDraftEdit,
   EmptyQueueStateSurface,
   QueueStoppingStatus,
-  QueueErrorAlert
+  QueueErrorAlert,
+  TimelineAnnotationsChip
 };
-//# sourceMappingURL=chunk-O4VXOBGF.js.map
+//# sourceMappingURL=chunk-WSK7G5LE.js.map

package/dist/chunk-WSK7G5LE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.tsx","../src/components/timeline-annotations.tsx"],"sourcesContent":["import type { ComposerState } from \"../hooks/use-composer\";\n\n/**\n * Decide whether checking out a queued prompt would replace current composer\n * content. `hasDraftContent` reads the synchronous draft refs, so this stays\n * correct even when a controlled input update has not rendered yet.\n */\nexport function requestQueueDraftEdit(\n  composer: Pick<ComposerState, \"hasDraftContent\">,\n  confirmReplacement: () => void,\n  editImmediately: () => void,\n): void {\n  if (composer.hasDraftContent()) {\n    confirmReplacement();\n  } else {\n    editImmediately();\n  }\n}\n","import { Loader2Icon, RotateCwIcon } from \"lucide-react\";\n\nimport type { UseTurnQueueResult } from \"../hooks/use-turn-queue\";\n\ntype QueueStateProps = {\n  queue: UseTurnQueueResult;\n};\n\nexport function EmptyQueueStateSurface({ queue }: QueueStateProps) {\n  const hasError = Boolean(queue.error || queue.mutationError);\n  return (\n    <div\n      className=\"og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6\"\n      data-testid=\"queue-surface\"\n    >\n      <div className=\"overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm\">\n        {queue.stoppingPreviousAttempt ? (\n          <QueueStoppingStatus queue={queue} dividerAfter={hasError} />\n        ) : null}\n        {hasError ? <QueueErrorAlert queue={queue} /> : null}\n      </div>\n    </div>\n  );\n}\n\nexport function QueueStoppingStatus({\n  queue,\n  dividerAfter = false,\n}: QueueStateProps & { dividerAfter?: boolean }) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={`flex min-h-11 items-center gap-2.5 bg-status-waiting/[0.07] px-3 py-2 text-og-control text-fg ${\n        dividerAfter ? \"border-b border-status-waiting/20\" : \"\"\n      }`}\n      data-testid=\"stopping-previous-attempt\"\n    >\n      <Loader2Icon\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-status-waiting motion-reduce:animate-none\"\n      />\n      <span className=\"min-w-0\">\n        <span className=\"font-medium\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Stopping current attempt…\"\n            : \"Stopping previous attempt…\"}\n        </span>{\" \"}\n        <span className=\"text-fg-muted\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Queued work stays saved until you resume.\"\n            : \"Queued work is saved and starts automatically.\"}\n        </span>\n      </span>\n    </div>\n  );\n}\n\nexport function QueueErrorAlert({\n  queue,\n  dividerBefore = false,\n}: QueueStateProps & { dividerBefore?: boolean }) {\n  return (\n    <div className={`${dividerBefore ? \"border-t border-border\" : \"\"} p-2`}>\n      <div\n        role=\"alert\"\n        className=\"flex min-w-0 max-w-full flex-wrap items-start gap-2 rounded-md bg-status-failed/10 px-2 py-1.5 text-og-control text-status-failed\"\n      >\n        <span\n          role=\"region\"\n          aria-label=\"Queue error details\"\n          tabIndex={0}\n          className=\"max-h-[min(5rem,20dvh)] min-w-0 max-w-full flex-[1_1_5rem] overflow-auto overscroll-contain whitespace-pre-wrap rounded-sm outline-hidden [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40\"\n          data-testid=\"queue-error-message\"\n          dir=\"auto\"\n        >\n          {(queue.mutationError ?? queue.error)?.message}\n        </span>\n        <button\n          type=\"button\"\n          onClick={() => {\n            queue.clearMutationError();\n            void queue.refresh();\n          }}\n          aria-label=\"Dismiss queue error and retry\"\n          title=\"Retry loading the queue\"\n          className=\"ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-hidden transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]\"\n        >\n          <RotateCwIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n","import type {\n  DraftTimelineAnnotation,\n  TimelineAnnotation,\n  TimelineAnnotationSource,\n} from \"@opengeni/sdk\";\nimport { Suspense, lazy, useRef, useState } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nexport type TimelineAnnotationLike = DraftTimelineAnnotation | TimelineAnnotation;\n\nconst TimelineAnnotationsDialog = lazy(() => import(\"./timeline-annotations-dialog\"));\n\nexport function TimelineAnnotationsChip({\n  annotations,\n  editable = false,\n  focusAnnotationId,\n  onFocusConsumed,\n  onUpdate,\n  onRemove,\n  onRevealSource,\n  className,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  editable?: boolean | undefined;\n  focusAnnotationId?: string | null | undefined;\n  onFocusConsumed?: (() => void) | undefined;\n  onUpdate?: ((id: string, note: string) => void) | undefined;\n  onRemove?: ((id: string) => void) | undefined;\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n  if (annotations.length === 0) return null;\n  const focusRequested = Boolean(\n    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId),\n  );\n  const visible = open || focusRequested;\n  const countLabel = `${annotations.length} ${annotations.length === 1 ? \"annotation\" : \"annotations\"}`;\n\n  return (\n    <>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={cn(\n          \"inline-flex min-h-8 items-center gap-1.5 rounded-full border border-og-border bg-og-surface-1 px-2.5 py-1 text-og-sm font-medium text-og-fg-muted outline-hidden transition hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]\",\n          className,\n        )}\n        aria-label={`Review ${countLabel}`}\n        aria-haspopup=\"dialog\"\n        aria-expanded={visible}\n        onClick={() => setOpen((current) => !current)}\n      >\n        {countLabel}\n      </button>\n      {visible ? (\n        <Suspense fallback={null}>\n          <TimelineAnnotationsDialog\n            annotations={annotations}\n            editable={editable}\n            focusAnnotationId={focusAnnotationId}\n            onFocusConsumed={() => {\n              setOpen(true);\n              onFocusConsumed?.();\n            }}\n            onUpdate={onUpdate}\n            onRemove={onRemove}\n            onRevealSource={onRevealSource}\n            triggerRef={triggerRef}\n            countLabel={countLabel}\n            onDismiss={(restoreFocus) => {\n              setOpen(false);\n              if (restoreFocus) triggerRef.current?.focus();\n            }}\n          />\n        </Suspense>\n      ) : null}\n    </>\n  );\n}\n\nexport default TimelineAnnotationsChip;\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/{chunk-OL6QVXGF.js → chunk-X4S56Y2H.js}

@@ -1,3 +1,7 @@
+import {
+  formatBytes,
+  formatRelativeTime
+} from "./chunk-LAKLF4PA.js";
 import {
   useMutationRunner,
   usePageLiveActivity,
@@ -6,11 +10,7 @@ import {
 import {
   OpenGeniContext,
   useOpenGeni
-} from "./chunk-EKZH6IDG.js";
-import {
-  formatBytes,
-  formatRelativeTime
-} from "./chunk-LAKLF4PA.js";
+} from "./chunk-HDBG7XGO.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -1924,6 +1924,23 @@ function reloadForContractMismatchOnce(mismatch) {
 
 // src/hooks/use-machines.ts
 var EMPTY = { activeSandboxId: null, activeEpoch: 0, machines: [] };
+function swapFailureMessage(result) {
+  if (result.reason?.trim()) return result.reason;
+  switch (result.code) {
+    case "recovery_in_progress":
+      return "The managed sandbox is still recovering. Try again shortly.";
+    case "recovery_degraded":
+      return "The managed sandbox recovery is degraded and needs attention.";
+    case "recovery_unrecoverable":
+      return "The managed sandbox could not be recovered.";
+    case "offline_enrollment":
+      return "The selected machine is offline.";
+    case "concurrent_swap":
+      return "The session route changed concurrently. Refresh and try again.";
+    default:
+      return "The session stayed on its current sandbox.";
+  }
+}
 function useMachines(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const machinesClient = options.machinesClient ?? client;
@@ -1965,7 +1982,10 @@ function useMachines(options = {}) {
       const ownedIdentity = identityKey;
       setAttachState({ identity: ownedIdentity, sandboxId });
       const result = await run(async () => {
-        await runSwap();
+        const response = await runSwap();
+        if (response && typeof response === "object" && "swapped" in response && response.swapped === false) {
+          throw new Error(swapFailureMessage(response));
+        }
         return true;
       });
       if (identityRef.current === ownedIdentity) {
@@ -2049,4 +2069,4 @@ export {
   OpenGeniProvider,
   useMachines
 };
-//# sourceMappingURL=chunk-OL6QVXGF.js.map
+//# sourceMappingURL=chunk-X4S56Y2H.js.map