@opengeni/react 0.11.0 → 0.13.0

package/README.md

@@ -123,7 +123,7 @@ export function App() {
   handlers) behind `CommandPalette`.
 - `useWorkspaceSessions()` / `useScheduledTasks()` — workspace lists for
   fleet/manager views (optional polling).
-- `useEnvironments()` — workspace environments with create/update/remove and
+- `useVariable sets()` — workspace variable sets with create/update/remove and
   write-only `setVariable`/`deleteVariable` (values never come back on reads).
 - `usePacks()` — capability packs + installations with
   register/enable/remove and `installationFor(packId)`.

package/dist/{chunk-5C7RGAWA.js → chunk-NFYVQWIB.js}

@@ -67,7 +67,12 @@ var MACHINE_STATE_BADGE_META = {
     badgeClassName: "text-og-accent border-og-accent/30 bg-og-accent-soft"
   }
 };
-function ConnectionStatusPill({ status, label, size = "md", className }) {
+function ConnectionStatusPill({
+  status,
+  label,
+  size = "md",
+  className
+}) {
   const meta = CONNECTION_STATUS_META[status];
   return /* @__PURE__ */ jsxs(
     "span",
@@ -88,42 +93,64 @@ function ConnectionStatusPill({ status, label, size = "md", className }) {
 }
 function ConnectionDot({ status, className }) {
   const meta = CONNECTION_STATUS_META[status];
-  return /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex size-1.5 shrink-0 rounded-full", meta.dotClassName, className), children: meta.pulse ? /* @__PURE__ */ jsx("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "relative inline-flex size-1.5 shrink-0 rounded-full",
+        meta.dotClassName,
+        className
+      ),
+      children: meta.pulse ? /* @__PURE__ */ jsx("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
+    }
+  );
 }
-function MachineStatusPill({ state, sharedSessionCount, size = "md", className }) {
+function MachineStatusPill({
+  state,
+  sharedSessionCount,
+  size = "md",
+  className
+}) {
   const stateBadge = MACHINE_STATE_BADGE_META[state];
   const shared = (sharedSessionCount ?? 0) > 1;
-  return /* @__PURE__ */ jsxs("span", { className: cn("og-root inline-flex flex-wrap items-center gap-1", className), "data-machine-state": state, children: [
-    /* @__PURE__ */ jsx(ConnectionStatusPill, { status: connectionStatusForState(state), size }),
-    stateBadge ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-state-badge": state,
-        className: cn(
-          "inline-flex shrink-0 items-center rounded-full border font-medium",
-          size === "sm" ? "px-1.5 py-px text-og-xs" : "px-2 py-0.5 text-og-sm",
-          stateBadge.badgeClassName
-        ),
-        children: stateBadge.label
-      }
-    ) : null,
-    shared ? /* @__PURE__ */ jsxs(
-      "span",
-      {
-        "data-shared-chip": true,
-        className: cn(
-          "inline-flex shrink-0 items-center gap-1 rounded-full border font-medium",
-          "text-og-accent border-og-accent/30 bg-og-accent-soft",
-          size === "sm" ? "px-1.5 py-px text-og-xs" : "px-2 py-0.5 text-og-sm"
-        ),
-        title: `${sharedSessionCount} sessions are on this machine`,
-        children: [
-          "Shared \xB7 ",
-          sharedSessionCount
-        ]
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("og-root inline-flex flex-wrap items-center gap-1", className),
+      "data-machine-state": state,
+      children: [
+        /* @__PURE__ */ jsx(ConnectionStatusPill, { status: connectionStatusForState(state), size }),
+        stateBadge ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-state-badge": state,
+            className: cn(
+              "inline-flex shrink-0 items-center rounded-full border font-medium",
+              size === "sm" ? "px-1.5 py-px text-og-xs" : "px-2 py-0.5 text-og-sm",
+              stateBadge.badgeClassName
+            ),
+            children: stateBadge.label
+          }
+        ) : null,
+        shared ? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "data-shared-chip": true,
+            className: cn(
+              "inline-flex shrink-0 items-center gap-1 rounded-full border font-medium",
+              "text-og-accent border-og-accent/30 bg-og-accent-soft",
+              size === "sm" ? "px-1.5 py-px text-og-xs" : "px-2 py-0.5 text-og-sm"
+            ),
+            title: `${sharedSessionCount} sessions are on this machine`,
+            children: [
+              "Shared \xB7 ",
+              sharedSessionCount
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
 }
 
 // src/lib/format.ts
@@ -202,10 +229,28 @@ function tryParseJson(text) {
     return void 0;
   }
 }
+var CREDIT_EXHAUSTION_MESSAGE = "Out of OpenGeni credits \u2014 this workspace's balance is empty. Add credits to continue; the conversation is preserved.";
+function isCreditExhaustion(input) {
+  if (typeof input === "string") {
+    return input.toLowerCase().includes("insufficient opengeni credits");
+  }
+  if (input.segmentLimit === "budget_exhausted") {
+    return true;
+  }
+  for (const text of [input.error, input.detail]) {
+    if (typeof text === "string" && text.toLowerCase().includes("insufficient opengeni credits")) {
+      return true;
+    }
+  }
+  return false;
+}
 function humanizeFailureReason(reason) {
   if (!reason) {
     return reason;
   }
+  if (isCreditExhaustion(reason)) {
+    return CREDIT_EXHAUSTION_MESSAGE;
+  }
   const normalized = reason.toLowerCase();
   const authFailure = normalized.includes("incorrect api key") || normalized.includes("invalid api key") || normalized.includes("invalid_api_key") || normalized.includes("platform.openai.com/account/api-keys") || normalized.includes("401") && (normalized.includes("api key") || normalized.includes("unauthorized"));
   if (authFailure) {
@@ -269,7 +314,16 @@ function StatTriple({
     /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col gap-1", children: [
       /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-medium uppercase tracking-wide text-og-fg-subtle", children: "Load" }),
       /* @__PURE__ */ jsx2("div", { className: "flex items-baseline gap-3", children: stats.map((s) => /* @__PURE__ */ jsxs2("div", { className: "flex items-baseline gap-1", children: [
-        /* @__PURE__ */ jsx2("span", { className: cn("text-[10px] font-medium uppercase tracking-wide", toneTextClass(tone)), children: s.label }),
+        /* @__PURE__ */ jsx2(
+          "span",
+          {
+            className: cn(
+              "text-[10px] font-medium uppercase tracking-wide",
+              toneTextClass(tone)
+            ),
+            children: s.label
+          }
+        ),
         /* @__PURE__ */ jsx2("span", { className: cn("font-og-mono text-[12px] tabular-nums", toneTextClass(tone)), children: s.value.toFixed(2) })
       ] }, s.label)) })
     ] }),
@@ -359,7 +413,8 @@ import {
 } from "lucide-react";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function KindIcon({ machine }) {
-  if (machine.isSessionGroup) return /* @__PURE__ */ jsx3(ServerIcon, { className: "size-4 text-og-fg-subtle", "aria-hidden": true });
+  if (machine.isSessionGroup)
+    return /* @__PURE__ */ jsx3(ServerIcon, { className: "size-4 text-og-fg-subtle", "aria-hidden": true });
   if (machine.kind === "modal") return /* @__PURE__ */ jsx3(CpuIcon, { className: "size-4 text-og-fg-subtle", "aria-hidden": true });
   return /* @__PURE__ */ jsx3(LaptopIcon, { className: "size-4 text-og-fg-subtle", "aria-hidden": true });
 }
@@ -411,7 +466,15 @@ function MachineCard({ machine, onAttach, attaching, className }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx3(MachineStatusPill, { state: machine.state, sharedSessionCount: machine.sharedSessionCount, size: "sm", className: "shrink-0" })
+          /* @__PURE__ */ jsx3(
+            MachineStatusPill,
+            {
+              state: machine.state,
+              sharedSessionCount: machine.sharedSessionCount,
+              size: "sm",
+              className: "shrink-0"
+            }
+          )
         ] }),
         shared ? /* @__PURE__ */ jsxs3(
           "p",
@@ -564,10 +627,19 @@ function MachinesDashboard({
         ]
       }
     ) : null,
-    loading && machines.length === 0 ? /* @__PURE__ */ jsx4("div", { "data-machines-loading": true, className: "grid gap-3 sm:grid-cols-2", children: [0, 1].map((i) => /* @__PURE__ */ jsx4("div", { className: "h-36 animate-og-pulse rounded-og-lg border border-og-border bg-og-surface-1" }, i)) }) : isEmpty ? /* @__PURE__ */ jsx4(EmptyState, { onEnroll }) : /* @__PURE__ */ jsx4("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", "data-machines-grid": true, children: machines.map((machine) => /* @__PURE__ */ jsx4(
+    loading && machines.length === 0 ? /* @__PURE__ */ jsx4("div", { "data-machines-loading": true, className: "grid gap-3 sm:grid-cols-2", children: [0, 1].map((i) => /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: "h-36 animate-og-pulse rounded-og-lg border border-og-border bg-og-surface-1"
+      },
+      i
+    )) }) : isEmpty ? /* @__PURE__ */ jsx4(EmptyState, { onEnroll }) : /* @__PURE__ */ jsx4("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3", "data-machines-grid": true, children: machines.map((machine) => /* @__PURE__ */ jsx4(
       MachineCard,
       {
-        machine: { ...machine, active: machine.active || machine.sandboxId === activeSandboxId },
+        machine: {
+          ...machine,
+          active: machine.active || machine.sandboxId === activeSandboxId
+        },
         onAttach,
         attaching: attachingSandboxId === machine.sandboxId
       },
@@ -579,10 +651,9 @@ function MachinesDashboard({
 // src/components/machine-dock-bar.tsx
 import { LaptopIcon as LaptopIcon3, CpuIcon as CpuIcon2, UsersIcon as UsersIcon2 } from "lucide-react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function MachineDockBar({ name, kind, state, sharedSessionCount, className }) {
+function MachineDockBar({ name, kind, state, className }) {
   const Icon = kind === "selfhosted" ? LaptopIcon3 : CpuIcon2;
   const stateBadge = MACHINE_STATE_BADGE_META[state];
-  const shared = (sharedSessionCount ?? 0) > 1;
   return /* @__PURE__ */ jsxs5(
     "div",
     {
@@ -599,17 +670,31 @@ function MachineDockBar({ name, kind, state, sharedSessionCount, className }) {
             "span",
             {
               "data-state-badge": state,
-              className: cn("shrink-0 rounded-full border px-1.5 py-px text-[10px] font-medium", stateBadge.badgeClassName),
+              className: cn(
+                "shrink-0 rounded-full border px-1.5 py-px text-[10px] font-medium",
+                stateBadge.badgeClassName
+              ),
               children: stateBadge.label
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx5(ConnectionStatusPill, { status: connectionStatusForState(state), size: "sm", className: "shrink-0" })
+        /* @__PURE__ */ jsx5(
+          ConnectionStatusPill,
+          {
+            status: connectionStatusForState(state),
+            size: "sm",
+            className: "shrink-0"
+          }
+        )
       ]
     }
   );
 }
-function SharedMachineDisclosure({ sharedSessionCount, density = "compact", className }) {
+function SharedMachineDisclosure({
+  sharedSessionCount,
+  density = "compact",
+  className
+}) {
   const others = Math.max(0, sharedSessionCount - 1);
   return /* @__PURE__ */ jsxs5(
     "div",
@@ -758,7 +843,8 @@ function EnrollmentDeviceFlow({
         ] }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
           "Confirm code ",
           /* @__PURE__ */ jsx6("span", { className: "font-og-mono text-og-fg-muted", children: userCode }),
-          " \u2014 the one printed by the one-liner \u2014 at ",
+          " \u2014 the one printed by the one-liner \u2014 at",
+          " ",
           /* @__PURE__ */ jsx6("span", { className: "font-og-mono text-og-fg-muted", children: verificationUri }),
           ".",
           typeof expiresInSeconds === "number" ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
@@ -851,7 +937,8 @@ function EnrollmentConsent({
           /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
             /* @__PURE__ */ jsx7("h1", { className: "text-og-md font-semibold text-og-fg", children: "Give the agent your whole machine?" }),
             /* @__PURE__ */ jsxs7("p", { className: "mt-1 text-og-base text-og-fg-muted", children: [
-              "Approving lets the OpenGeni agent run on ",
+              "Approving lets the OpenGeni agent run on",
+              " ",
               /* @__PURE__ */ jsx7("span", { className: "font-medium text-og-fg", children: machine.machineName }),
               " with full access. This is your real computer \u2014 not a sandbox."
             ] })
@@ -972,7 +1059,16 @@ function ConsentResult({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx7("span", { className: cn("flex size-10 items-center justify-center rounded-full bg-og-surface-2", iconClass), children: /* @__PURE__ */ jsx7(LaptopIcon5, { className: "size-5", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: cn(
+              "flex size-10 items-center justify-center rounded-full bg-og-surface-2",
+              iconClass
+            ),
+            children: /* @__PURE__ */ jsx7(LaptopIcon5, { className: "size-5", "aria-hidden": true })
+          }
+        ),
         /* @__PURE__ */ jsx7("h1", { className: "text-og-md font-semibold text-og-fg", children: title }),
         /* @__PURE__ */ jsx7("p", { className: "max-w-sm text-og-base text-og-fg-muted", children: body })
       ]
@@ -1193,10 +1289,18 @@ function useMachines(options = {}) {
   const load = useCallback2(async () => {
     return await machinesClient.listMachines(workspaceId, sessionId ? { sessionId } : void 0);
   }, [machinesClient, workspaceId, sessionId]);
-  const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });
-  const mutation = useMutationRunner();
+  const {
+    data: loadedData,
+    loading,
+    error,
+    refresh
+  } = usePolledValue(load, {
+    pollIntervalMs: options.pollIntervalMs,
+    enabled: options.enabled
+  });
+  const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
   const [attachingSandboxId, setAttachingSandboxId] = useState3(null);
-  const data = state.data ?? EMPTY;
+  const data = loadedData ?? EMPTY;
   const canAttach = sessionId !== void 0 && (typeof machinesClient.attachMachine === "function" || typeof machinesClient.swapActiveSandbox === "function");
   const attach = useCallback2(
     async (sandboxId) => {
@@ -1204,15 +1308,15 @@ function useMachines(options = {}) {
       const runSwap = machinesClient.attachMachine ? () => machinesClient.attachMachine(workspaceId, sessionId, sandboxId) : machinesClient.swapActiveSandbox ? () => machinesClient.swapActiveSandbox(workspaceId, sessionId, { target: sandboxId }) : null;
       if (!runSwap) return false;
       setAttachingSandboxId(sandboxId);
-      const result = await mutation.run(async () => {
+      const result = await run(async () => {
         await runSwap();
         return true;
       });
       setAttachingSandboxId(null);
-      if (result) await state.refresh();
+      if (result) await refresh();
       return result === true;
     },
-    [machinesClient, workspaceId, sessionId, mutation.run, state.refresh]
+    [machinesClient, workspaceId, sessionId, run, refresh]
   );
   const fetchSeries = useCallback2(
     async (enrollmentId, window = "1h") => {
@@ -1225,16 +1329,16 @@ function useMachines(options = {}) {
     machines: data.machines,
     activeSandboxId: data.activeSandboxId,
     activeEpoch: data.activeEpoch,
-    loading: state.loading,
-    error: state.error,
-    refresh: state.refresh,
+    loading,
+    error,
+    refresh,
     attach,
     canAttach,
     fetchSeries,
-    attaching: mutation.mutating,
+    attaching: mutating,
     attachingSandboxId,
-    mutationError: mutation.mutationError,
-    clearMutationError: mutation.clearMutationError
+    mutationError,
+    clearMutationError
   };
 }
 
@@ -1251,21 +1355,23 @@ export {
   truncate,
   stringifyPayload,
   tryParseJson,
+  CREDIT_EXHAUSTION_MESSAGE,
+  isCreditExhaustion,
   humanizeFailureReason,
   cn,
+  useMachines,
   connectionStatusForState,
   CONNECTION_STATUS_META,
   MACHINE_STATE_BADGE_META,
   ConnectionStatusPill,
   ConnectionDot,
   MachineStatusPill,
+  MachineDockBar,
+  SharedMachineDisclosure,
   MachineMetrics,
   MachineCard,
   MachinesDashboard,
-  MachineDockBar,
-  SharedMachineDisclosure,
   EnrollmentDeviceFlow,
-  EnrollmentConsent,
-  useMachines
+  EnrollmentConsent
 };
-//# sourceMappingURL=chunk-5C7RGAWA.js.map
+//# sourceMappingURL=chunk-NFYVQWIB.js.map