@opengeni/react 0.45.0 → 0.48.0

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

@@ -68,7 +68,7 @@ function QueueErrorAlert({
             role: "region",
             "aria-label": "Queue error details",
             tabIndex: 0,
-            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-none [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40",
+            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",
             "data-testid": "queue-error-message",
             dir: "auto",
             children: (queue.mutationError ?? queue.error)?.message
@@ -84,7 +84,7 @@ function QueueErrorAlert({
             },
             "aria-label": "Dismiss queue error and retry",
             title: "Retry loading the queue",
-            className: "ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-none transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]",
+            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]",
             children: /* @__PURE__ */ jsx(RotateCwIcon, { className: "size-3.5" })
           }
         )
@@ -99,4 +99,4 @@ export {
   QueueStoppingStatus,
   QueueErrorAlert
 };
-//# sourceMappingURL=chunk-VCBFUSUZ.js.map
+//# sourceMappingURL=chunk-O4VXOBGF.js.map

package/dist/{chunk-VCBFUSUZ.js.map → chunk-O4VXOBGF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.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-none [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-none 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"],"mappings":";AAOO,SAAS,sBACd,UACA,oBACA,iBACM;AACN,MAAI,SAAS,gBAAgB,GAAG;AAC9B,uBAAmB;AAAA,EACrB,OAAO;AACL,oBAAgB;AAAA,EAClB;AACF;;;ACjBA,SAAS,aAAa,oBAAoB;AAepC,SAEI,KAFJ;AAPC,SAAS,uBAAuB,EAAE,MAAM,GAAoB;AACjE,QAAM,WAAW,QAAQ,MAAM,SAAS,MAAM,aAAa;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,+BAAC,SAAI,WAAU,2EACZ;AAAA,cAAM,0BACL,oBAAC,uBAAoB,OAAc,cAAc,UAAU,IACzD;AAAA,QACH,WAAW,oBAAC,mBAAgB,OAAc,IAAK;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,eAAe;AACjB,GAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,iGACT,eAAe,sCAAsC,EACvD;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,UAAK,WAAU,WACd;AAAA,8BAAC,UAAK,WAAU,eACb,gBAAM,kBAAkB,UAAU,WAC/B,mCACA,mCACN;AAAA,UAAQ;AAAA,UACR,oBAAC,UAAK,WAAU,iBACb,gBAAM,kBAAkB,UAAU,WAC/B,8CACA,kDACN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,gBAAgB;AAClB,GAAkD;AAChD,SACE,oBAAC,SAAI,WAAW,GAAG,gBAAgB,2BAA2B,EAAE,QAC9D;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YAEF,iBAAM,iBAAiB,MAAM,QAAQ;AAAA;AAAA,QACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,oBAAM,mBAAmB;AACzB,mBAAK,MAAM,QAAQ;AAAA,YACrB;AAAA,YACA,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,YAAW;AAAA;AAAA,QACrC;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.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"],"mappings":";AAOO,SAAS,sBACd,UACA,oBACA,iBACM;AACN,MAAI,SAAS,gBAAgB,GAAG;AAC9B,uBAAmB;AAAA,EACrB,OAAO;AACL,oBAAgB;AAAA,EAClB;AACF;;;ACjBA,SAAS,aAAa,oBAAoB;AAepC,SAEI,KAFJ;AAPC,SAAS,uBAAuB,EAAE,MAAM,GAAoB;AACjE,QAAM,WAAW,QAAQ,MAAM,SAAS,MAAM,aAAa;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,+BAAC,SAAI,WAAU,2EACZ;AAAA,cAAM,0BACL,oBAAC,uBAAoB,OAAc,cAAc,UAAU,IACzD;AAAA,QACH,WAAW,oBAAC,mBAAgB,OAAc,IAAK;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,eAAe;AACjB,GAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,iGACT,eAAe,sCAAsC,EACvD;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,UAAK,WAAU,WACd;AAAA,8BAAC,UAAK,WAAU,eACb,gBAAM,kBAAkB,UAAU,WAC/B,mCACA,mCACN;AAAA,UAAQ;AAAA,UACR,oBAAC,UAAK,WAAU,iBACb,gBAAM,kBAAkB,UAAU,WAC/B,8CACA,kDACN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,gBAAgB;AAClB,GAAkD;AAChD,SACE,oBAAC,SAAI,WAAW,GAAG,gBAAgB,2BAA2B,EAAE,QAC9D;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YAEF,iBAAM,iBAAiB,MAAM,QAAQ;AAAA;AAAA,QACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,oBAAM,mBAAmB;AACzB,mBAAK,MAAM,QAAQ;AAAA,YACrB;AAAA,YACA,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,YAAW;AAAA;AAAA,QACrC;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/{chunk-6EDV6YFE.js → chunk-OL6QVXGF.js}

@@ -1,7 +1,8 @@
 import {
   useMutationRunner,
+  usePageLiveActivity,
   usePolledValue
-} from "./chunk-EB67J347.js";
+} from "./chunk-KZ73RL76.js";
 import {
   OpenGeniContext,
   useOpenGeni
@@ -533,7 +534,7 @@ function MachineCard({
       className: cn(
         "og-root group relative flex flex-col gap-3 overflow-hidden rounded-og-lg border border-og-border",
         "bg-og-surface-1 p-4 shadow-og-sm transition-colors",
-        openable && "cursor-pointer hover:border-og-border-strong focus-visible:border-og-accent/60 focus-visible:outline-none",
+        openable && "cursor-pointer hover:border-og-border-strong focus-visible:border-og-accent/60 focus-visible:outline-hidden",
         machine.active && "border-og-accent/40",
         className
       ),
@@ -886,7 +887,14 @@ function MetricHistoryChart({
 }
 
 // src/components/machines/machine-detail.tsx
-import { ArrowLeftIcon, CpuIcon as CpuIcon2, LaptopIcon as LaptopIcon2, RadioIcon, ServerIcon as ServerIcon2 } from "lucide-react";
+import {
+  ArrowLeftIcon,
+  CpuIcon as CpuIcon2,
+  LaptopIcon as LaptopIcon2,
+  RadioIcon,
+  ServerIcon as ServerIcon2,
+  Trash2Icon
+} from "lucide-react";
 
 // src/components/machines/series.ts
 var METRIC_WINDOWS = ["15m", "1h", "6h", "24h"];
@@ -985,6 +993,7 @@ function MachineDetail({
   onWindowChange,
   loadingSeries,
   onBack,
+  onRemove,
   now = Date.now(),
   className
 }) {
@@ -1015,20 +1024,36 @@ function MachineDetail({
           machine.arch
         ] })
       ] }),
-      /* @__PURE__ */ jsx7("div", { className: "flex shrink-0 items-center gap-0.5 rounded-og-md border border-og-border bg-og-surface-1 p-0.5", children: METRIC_WINDOWS.map((w) => /* @__PURE__ */ jsx7(
-        "button",
-        {
-          type: "button",
-          onClick: () => onWindowChange(w),
-          "data-active": w === window2,
-          className: cn(
-            "rounded-og-sm px-2 py-1 font-og-mono text-og-xs transition-colors",
-            w === window2 ? "bg-og-surface-3 text-og-fg shadow-og-sm" : "text-og-fg-subtle hover:text-og-fg-muted"
-          ),
-          children: w
-        },
-        w
-      )) })
+      /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 items-center gap-2", children: [
+        onRemove && machine.enrollmentId && !machine.isSessionGroup ? /* @__PURE__ */ jsxs7(
+          "button",
+          {
+            type: "button",
+            "data-remove-machine": true,
+            "aria-label": `Remove machine ${machine.name}`,
+            onClick: () => onRemove(machine),
+            className: "inline-flex min-h-9 items-center gap-1.5 rounded-og-sm border border-og-status-failed/40 px-2.5 py-1 font-medium text-og-xs text-og-status-failed transition-colors hover:bg-og-status-failed/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-status-failed/50 pointer-coarse:min-h-11",
+            children: [
+              /* @__PURE__ */ jsx7(Trash2Icon, { className: "size-3.5", "aria-hidden": true }),
+              /* @__PURE__ */ jsx7("span", { className: "hidden sm:inline", children: "Remove machine" })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-0.5 rounded-og-md border border-og-border bg-og-surface-1 p-0.5", children: METRIC_WINDOWS.map((w) => /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: () => onWindowChange(w),
+            "data-active": w === window2,
+            className: cn(
+              "rounded-og-sm px-2 py-1 font-og-mono text-og-xs transition-colors",
+              w === window2 ? "bg-og-surface-3 text-og-fg shadow-og-sm" : "text-og-fg-subtle hover:text-og-fg-muted"
+            ),
+            children: w
+          },
+          w
+        )) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs7(
       "div",
@@ -1144,7 +1169,7 @@ function EmptyState({ onEnroll }) {
         /* @__PURE__ */ jsx8("span", { className: "flex size-10 items-center justify-center rounded-full bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx8(LaptopIcon3, { className: "size-5", "aria-hidden": true }) }),
         /* @__PURE__ */ jsxs8("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx8("p", { className: "text-og-base font-medium text-og-fg", children: "No machines yet" }),
-          /* @__PURE__ */ jsx8("p", { className: "max-w-xs text-og-sm text-og-fg-muted", children: "Enroll your own computer to run the agent on it \u2014 your files, your terminal, your desktop." })
+          /* @__PURE__ */ jsx8("p", { className: "max-w-xs text-og-sm text-og-fg-muted", children: "Connect your own computer to run the agent on it \u2014 your files, your terminal, your desktop." })
         ] }),
         onEnroll ? /* @__PURE__ */ jsxs8(
           "button",
@@ -1155,7 +1180,7 @@ function EmptyState({ onEnroll }) {
             className: "inline-flex items-center gap-1.5 rounded-og-sm bg-og-accent px-3 py-1.5 text-og-sm font-medium text-og-accent-fg transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-11",
             children: [
               /* @__PURE__ */ jsx8(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
-              "Enroll a machine"
+              "Connect a machine"
             ]
           }
         ) : null
@@ -1195,7 +1220,7 @@ function Header({
           className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2.5 py-1 text-og-sm font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg pointer-coarse:min-h-11",
           children: [
             /* @__PURE__ */ jsx8(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
-            "Enroll machine"
+            "Connect a machine"
           ]
         }
       ) : null
@@ -1724,6 +1749,9 @@ function OpenGeniProvider({
   );
   const callbackRef = useRef2(onWorkspaceControlEvent);
   const reconcilersRef = useRef2(/* @__PURE__ */ new Map());
+  const reconcileInFlightRef = useRef2(/* @__PURE__ */ new Map());
+  const workspaceControlSequencesRef = useRef2(/* @__PURE__ */ new Map());
+  const pageLive = usePageLiveActivity();
   callbackRef.current = onWorkspaceControlEvent;
   const verifyApiContract = useCallback(async () => {
     try {
@@ -1756,28 +1784,54 @@ function OpenGeniProvider({
     []
   );
   const reconcileSession = useMemo(
-    () => async (sessionId) => {
-      await verifyApiContract();
-      const callbacks = [...reconcilersRef.current.get(sessionId)?.values() ?? []];
-      await Promise.all(callbacks.map((reconcile) => reconcile()));
+    () => (sessionId) => {
+      const existing = reconcileInFlightRef.current.get(sessionId);
+      if (existing) return existing;
+      const promise = (async () => {
+        await withTimeout(verifyApiContract(), 1e4, "API contract reconciliation");
+        const callbacks = [...reconcilersRef.current.get(sessionId)?.values() ?? []];
+        await withTimeout(
+          Promise.all(callbacks.map((reconcile) => reconcile())).then(() => void 0),
+          15e3,
+          "session reconciliation"
+        );
+      })().finally(() => {
+        if (reconcileInFlightRef.current.get(sessionId) === promise) {
+          reconcileInFlightRef.current.delete(sessionId);
+        }
+      });
+      reconcileInFlightRef.current.set(sessionId, promise);
+      return promise;
     },
     [verifyApiContract]
   );
   useEffect(() => {
+    if (!pageLive) {
+      setWorkspaceControlConnectionState("idle");
+      return;
+    }
     const controller = new AbortController();
-    setWorkspaceControlEvent(null);
     setWorkspaceControlConnectionState("connecting");
     void (async () => {
       try {
         await verifyApiContract();
         const workspace = await client.getWorkspace(workspaceId);
+        const resumeAfter = Math.max(
+          workspaceControlSequencesRef.current.get(workspaceId) ?? 0,
+          workspace.inferenceControl.revision
+        );
+        workspaceControlSequencesRef.current.set(workspaceId, resumeAfter);
         const stream = client.streamWorkspaceControlEvents(workspaceId, {
-          after: workspace.inferenceControl.revision,
+          after: resumeAfter,
           signal: controller.signal,
           onStateChange: setWorkspaceControlConnectionState
         });
         for await (const event of stream) {
           if (controller.signal.aborted) return;
+          workspaceControlSequencesRef.current.set(
+            workspaceId,
+            Math.max(workspaceControlSequencesRef.current.get(workspaceId) ?? 0, event.sequence)
+          );
           setWorkspaceControlEvent(
             (current) => !current || event.sequence > current.sequence ? event : current
           );
@@ -1792,7 +1846,7 @@ function OpenGeniProvider({
       }
     })();
     return () => controller.abort();
-  }, [client, verifyApiContract, workspaceId]);
+  }, [client, pageLive, verifyApiContract, workspaceId]);
   const value = useMemo(
     () => ({
       client,
@@ -1816,6 +1870,20 @@ function OpenGeniProvider({
     contractMismatch ? /* @__PURE__ */ jsx12(ApiContractMismatchScreen, { mismatch: contractMismatch }) : null
   ] });
 }
+function withTimeout(promise, timeoutMs, label) {
+  let timer;
+  return Promise.race([
+    promise,
+    new Promise((_resolve, reject) => {
+      timer = setTimeout(
+        () => reject(new Error(`${label} timed out after ${timeoutMs}ms`)),
+        timeoutMs
+      );
+    })
+  ]).finally(() => {
+    if (timer !== void 0) clearTimeout(timer);
+  });
+}
 function ApiContractMismatchScreen({ mismatch }) {
   return /* @__PURE__ */ jsx12(
     "div",
@@ -1884,8 +1952,11 @@ function useMachines(options = {}) {
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner(identityKey);
   const [attachState, setAttachState] = useState4(() => ({ identity: identityKey, sandboxId: null }));
   const attachingSandboxId = attachState.identity === identityKey ? attachState.sandboxId : null;
+  const [removeState, setRemoveState] = useState4(() => ({ identity: identityKey, enrollmentId: null }));
+  const removingEnrollmentId = removeState.identity === identityKey ? removeState.enrollmentId : null;
   const data = loadedData ?? EMPTY;
   const canAttach = sessionId !== void 0 && (typeof machinesClient.attachMachine === "function" || typeof machinesClient.swapActiveSandbox === "function");
+  const canRemove = typeof machinesClient.removeEnrollment === "function";
   const attach = useCallback2(
     async (sandboxId) => {
       if (sessionId === void 0) return false;
@@ -1912,6 +1983,24 @@ function useMachines(options = {}) {
     },
     [machinesClient, workspaceId]
   );
+  const remove = useCallback2(
+    async (enrollmentId, request = {}) => {
+      if (!machinesClient.removeEnrollment) return null;
+      const ownedIdentity = identityKey;
+      setRemoveState({ identity: ownedIdentity, enrollmentId });
+      const result = await run(
+        () => machinesClient.removeEnrollment(workspaceId, enrollmentId, request)
+      );
+      if (identityRef.current === ownedIdentity) {
+        setRemoveState({ identity: ownedIdentity, enrollmentId: null });
+        if (result?.outcome === "removed" || result?.outcome === "already_removed") {
+          await refresh();
+        }
+      }
+      return result;
+    },
+    [machinesClient, workspaceId, identityKey, run, refresh]
+  );
   return {
     machines: data.machines,
     activeSandboxId: data.activeSandboxId,
@@ -1922,8 +2011,11 @@ function useMachines(options = {}) {
     attach,
     canAttach,
     fetchSeries,
-    attaching: mutating,
+    attaching: mutating && attachingSandboxId !== null,
     attachingSandboxId,
+    remove,
+    canRemove,
+    removingEnrollmentId,
     mutationError,
     clearMutationError
   };
@@ -1957,4 +2049,4 @@ export {
   OpenGeniProvider,
   useMachines
 };
-//# sourceMappingURL=chunk-6EDV6YFE.js.map
+//# sourceMappingURL=chunk-OL6QVXGF.js.map