@opengeni/react 0.13.0 → 0.15.0

package/dist/chunk-NFYVQWIB.js

@@ -1,1377 +0,0 @@
-// src/types/machines.ts
-function connectionStatusForState(state) {
-  switch (state) {
-    case "online":
-    case "consent_required":
-    case "display_unavailable":
-      return "online";
-    case "reconnecting":
-    case "enrolling":
-      return "reconnecting";
-    case "offline":
-      return "offline";
-    default: {
-      const _never = state;
-      return _never;
-    }
-  }
-}
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [{ text: ["og-xs", "og-sm", "og-base", "og-md"] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/machine-status-pill.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var CONNECTION_STATUS_META = {
-  online: {
-    label: "Online",
-    dotClassName: "bg-og-status-running",
-    badgeClassName: "text-og-status-running border-og-status-running/30 bg-og-status-running/10",
-    pulse: false
-  },
-  reconnecting: {
-    label: "Reconnecting",
-    dotClassName: "bg-og-status-waiting",
-    badgeClassName: "text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10",
-    pulse: true
-  },
-  offline: {
-    label: "Offline",
-    dotClassName: "bg-og-status-failed",
-    badgeClassName: "text-og-fg-subtle border-og-border bg-og-status-failed/10",
-    pulse: false
-  }
-};
-var MACHINE_STATE_BADGE_META = {
-  consent_required: {
-    label: "Consent required",
-    badgeClassName: "text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10"
-  },
-  display_unavailable: {
-    label: "No display",
-    badgeClassName: "text-og-fg-muted border-og-border bg-og-surface-2"
-  },
-  enrolling: {
-    label: "Enrolling",
-    badgeClassName: "text-og-accent border-og-accent/30 bg-og-accent-soft"
-  }
-};
-function ConnectionStatusPill({
-  status,
-  label,
-  size = "md",
-  className
-}) {
-  const meta = CONNECTION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "data-connection-status": status,
-      className: cn(
-        "og-root inline-flex shrink-0 items-center rounded-full border font-medium",
-        size === "sm" ? "gap-1 px-1.5 py-px text-og-xs" : "gap-1.5 px-2 py-0.5 text-og-sm",
-        meta.badgeClassName,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(ConnectionDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
-        label ?? meta.label
-      ]
-    }
-  );
-}
-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
-    }
-  );
-}
-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
-      ]
-    }
-  );
-}
-
-// src/lib/format.ts
-function formatRelativeTime(iso, now = /* @__PURE__ */ new Date()) {
-  const then = new Date(iso).getTime();
-  if (Number.isNaN(then)) {
-    return "";
-  }
-  const seconds = Math.max(0, Math.floor((now.getTime() - then) / 1e3));
-  if (seconds < 10) {
-    return "now";
-  }
-  if (seconds < 60) {
-    return `${seconds}s`;
-  }
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) {
-    return `${minutes}m`;
-  }
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) {
-    return `${hours}h`;
-  }
-  const days = Math.floor(hours / 24);
-  if (days < 14) {
-    return `${days}d`;
-  }
-  return new Date(iso).toLocaleDateString();
-}
-function formatBytes(bytes) {
-  if (bytes < 1024) {
-    return `${bytes} B`;
-  }
-  const units = ["KB", "MB", "GB"];
-  let value = bytes / 1024;
-  for (const unit of units) {
-    if (value < 1024 || unit === "GB") {
-      return `${value.toFixed(value < 10 ? 1 : 0)} ${unit}`;
-    }
-    value /= 1024;
-  }
-  return `${bytes} B`;
-}
-function truncate(text, maxLength) {
-  const collapsed = text.replace(/\s+/g, " ").trim();
-  if (collapsed.length <= maxLength) {
-    return collapsed;
-  }
-  return `${collapsed.slice(0, Math.max(0, maxLength - 1)).trimEnd()}\u2026`;
-}
-function stringifyPayload(value) {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  if (typeof value === "string") {
-    const parsed = tryParseJson(value);
-    if (parsed !== void 0 && typeof parsed === "object") {
-      return stringifyPayload(parsed);
-    }
-    return value;
-  }
-  try {
-    return JSON.stringify(value, null, 2) ?? String(value);
-  } catch {
-    return String(value);
-  }
-}
-function tryParseJson(text) {
-  const trimmed = text.trim();
-  if (!trimmed.startsWith("{") && !trimmed.startsWith("[") && !trimmed.startsWith('"')) {
-    return void 0;
-  }
-  try {
-    return JSON.parse(trimmed);
-  } catch {
-    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) {
-    return "The model provider rejected this deployment's engine credentials. Sending messages won't help until the deployment's engine configuration is fixed.";
-  }
-  const quotaFailure = normalized.includes("insufficient_quota") || normalized.includes("exceeded your current quota");
-  if (quotaFailure) {
-    return "The model provider refused the request: this deployment's provider quota is exhausted.";
-  }
-  return reason;
-}
-
-// src/components/machine-metrics.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function pct(value) {
-  if (!Number.isFinite(value)) return 0;
-  return Math.max(0, Math.min(100, value));
-}
-function Meter({
-  label,
-  value,
-  fillPct,
-  tone
-}) {
-  const fillClass = tone === "hot" ? "bg-og-status-failed" : tone === "warn" ? "bg-og-status-waiting" : "bg-og-status-running";
-  return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col gap-1", "data-metric": label.toLowerCase(), children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-baseline justify-between gap-2", children: [
-      /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-medium uppercase tracking-wide text-og-fg-subtle", children: label }),
-      /* @__PURE__ */ jsx2("span", { className: "font-og-mono text-[11px] tabular-nums text-og-fg-muted", children: value })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "h-1 w-full overflow-hidden rounded-full bg-og-surface-2", children: /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: cn("h-full rounded-full transition-[width] duration-500", fillClass),
-        style: { width: `${pct(fillPct)}%` }
-      }
-    ) })
-  ] });
-}
-function toneFor(p) {
-  if (p >= 90) return "hot";
-  if (p >= 70) return "warn";
-  return "ok";
-}
-function toneTextClass(tone) {
-  return tone === "hot" ? "text-og-status-failed" : tone === "warn" ? "text-og-status-waiting" : "text-og-status-running";
-}
-function StatTriple({
-  load1,
-  load5,
-  load15,
-  runQueue
-}) {
-  const tone = toneFor(load1 * 100);
-  const stats = [
-    { label: "1m", value: load1 },
-    { label: "5m", value: load5 },
-    { label: "15m", value: load15 }
-  ];
-  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-3", "data-metric": "load", children: [
-    /* @__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("font-og-mono text-[12px] tabular-nums", toneTextClass(tone)), children: s.value.toFixed(2) })
-      ] }, s.label)) })
-    ] }),
-    runQueue > 0 ? /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: "flex shrink-0 items-baseline gap-1.5 rounded-og-sm bg-og-surface-2 px-2 py-1 text-[11px] text-og-fg-subtle",
-        "data-metric": "runqueue",
-        children: [
-          /* @__PURE__ */ jsx2("span", { className: "font-medium uppercase tracking-wide", children: "Queue" }),
-          /* @__PURE__ */ jsx2("span", { className: "font-og-mono tabular-nums text-og-fg-muted", children: runQueue })
-        ]
-      }
-    ) : null
-  ] });
-}
-function MachineMetrics({ metrics, density = "compact", className }) {
-  if (!metrics) {
-    return /* @__PURE__ */ jsx2("div", { className: cn("text-[11px] text-og-fg-subtle", className), "data-metrics-empty": true, children: "No metrics yet" });
-  }
-  const memPct = metrics.memTotalBytes > 0 ? metrics.memUsedBytes / metrics.memTotalBytes * 100 : 0;
-  const diskPct = metrics.diskTotalBytes > 0 ? metrics.diskUsedBytes / metrics.diskTotalBytes * 100 : 0;
-  const hasGpu = metrics.gpuUtilPct !== null;
-  const gpuMemLabel = metrics.gpuMemBytes !== null ? formatBytes(metrics.gpuMemBytes) : null;
-  const ratioGridClass = density === "full" ? "grid-cols-1" : "grid-cols-1 sm:grid-cols-2";
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col gap-3", className), "data-machine-metrics": true, children: [
-    /* @__PURE__ */ jsxs2("div", { className: cn("grid gap-x-4 gap-y-2.5", ratioGridClass), children: [
-      /* @__PURE__ */ jsx2(
-        Meter,
-        {
-          label: "Memory",
-          value: `${formatBytes(metrics.memUsedBytes)} / ${formatBytes(metrics.memTotalBytes)}`,
-          fillPct: memPct,
-          tone: toneFor(memPct)
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        Meter,
-        {
-          label: "Disk",
-          value: `${formatBytes(metrics.diskUsedBytes)} / ${formatBytes(metrics.diskTotalBytes)}`,
-          fillPct: diskPct,
-          tone: toneFor(diskPct)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2.5", children: [
-      /* @__PURE__ */ jsx2(
-        Meter,
-        {
-          label: "CPU",
-          value: `${metrics.cpuPct.toFixed(0)}%`,
-          fillPct: metrics.cpuPct,
-          tone: toneFor(metrics.cpuPct)
-        }
-      ),
-      hasGpu ? /* @__PURE__ */ jsx2(
-        Meter,
-        {
-          label: "GPU",
-          value: gpuMemLabel ? `${metrics.gpuUtilPct.toFixed(0)}% \xB7 ${gpuMemLabel}` : `${metrics.gpuUtilPct.toFixed(0)}%`,
-          fillPct: metrics.gpuUtilPct,
-          tone: toneFor(metrics.gpuUtilPct)
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsx2(
-      StatTriple,
-      {
-        load1: metrics.load1,
-        load5: metrics.load5,
-        load15: metrics.load15,
-        runQueue: metrics.runQueue
-      }
-    )
-  ] });
-}
-
-// src/components/machine-card.tsx
-import {
-  CpuIcon,
-  LaptopIcon,
-  MonitorIcon,
-  MonitorOffIcon,
-  ServerIcon,
-  UsersIcon
-} 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.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 });
-}
-function MachineCard({ machine, onAttach, attaching, className }) {
-  const offline = machine.state === "offline";
-  const attachable = !machine.active && !offline && Boolean(onAttach);
-  const shared = machine.sharedSessionCount > 1;
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      "data-machine-card": machine.sandboxId,
-      "data-active": machine.active ? "true" : "false",
-      className: cn(
-        "og-root relative flex flex-col gap-3 overflow-hidden rounded-og-lg border border-og-border",
-        "bg-og-surface-1 p-4 shadow-og-sm",
-        machine.active && "border-og-accent/40",
-        className
-      ),
-      children: [
-        machine.active ? /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-0.5 bg-og-accent" }) : null,
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-            /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: /* @__PURE__ */ jsx3(KindIcon, { machine }) }),
-            /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx3("span", { className: "truncate text-og-base font-medium text-og-fg", children: machine.name }),
-                machine.active ? /* @__PURE__ */ jsx3(
-                  "span",
-                  {
-                    "data-active-marker": true,
-                    className: "shrink-0 rounded-full border border-og-accent/30 bg-og-accent-soft px-1.5 py-px text-og-xs font-medium text-og-accent",
-                    children: "Active"
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-og-xs text-og-fg-subtle", children: [
-                /* @__PURE__ */ jsx3("span", { className: "capitalize", children: machine.isSessionGroup ? "session sandbox" : machine.kind }),
-                /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsxs3("span", { className: "font-og-mono", children: [
-                  machine.os,
-                  "/",
-                  machine.arch
-                ] }),
-                /* @__PURE__ */ jsx3("span", { "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1", children: [
-                  machine.hasDisplay ? /* @__PURE__ */ jsx3(MonitorIcon, { className: "size-3", "aria-hidden": true }) : /* @__PURE__ */ jsx3(MonitorOffIcon, { className: "size-3", "aria-hidden": true }),
-                  machine.hasDisplay ? "display" : "headless"
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3(
-            MachineStatusPill,
-            {
-              state: machine.state,
-              sharedSessionCount: machine.sharedSessionCount,
-              size: "sm",
-              className: "shrink-0"
-            }
-          )
-        ] }),
-        shared ? /* @__PURE__ */ jsxs3(
-          "p",
-          {
-            "data-shared-disclosure": true,
-            className: "flex items-center gap-1.5 rounded-og-md border border-og-accent/25 bg-og-accent-soft px-2.5 py-1.5 text-og-xs text-og-fg-muted",
-            children: [
-              /* @__PURE__ */ jsx3(UsersIcon, { className: "size-3.5 shrink-0 text-og-accent", "aria-hidden": true }),
-              "Shared \u2014 ",
-              machine.sharedSessionCount,
-              " sessions are on this machine."
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ jsx3(MachineMetrics, { metrics: machine.metrics }),
-        /* @__PURE__ */ jsxs3("div", { className: "mt-1 flex items-center justify-between gap-3 text-og-xs text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx3("span", { children: machine.lastSeenAt ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-            "Last seen ",
-            formatRelativeTime(machine.lastSeenAt)
-          ] }) : "Never connected" }),
-          machine.active ? /* @__PURE__ */ jsx3("span", { className: "text-og-accent", children: "Routing here" }) : attachable ? /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              "data-attach": true,
-              disabled: attaching,
-              onClick: () => onAttach?.(machine),
-              className: cn(
-                "rounded-og-sm border border-og-border px-2.5 py-1 text-og-xs font-medium text-og-fg-muted transition-colors pointer-coarse:min-h-10",
-                "hover:border-og-border-strong hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-50"
-              ),
-              children: attaching ? "Switching\u2026" : "Attach"
-            }
-          ) : /* @__PURE__ */ jsx3("span", { className: "text-og-fg-subtle/70", children: offline ? "Unavailable" : "\u2014" })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/machines-dashboard.tsx
-import { LaptopIcon as LaptopIcon2, PlusIcon, RefreshCwIcon } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function EmptyState({ onEnroll }) {
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      "data-machines-empty": true,
-      className: "flex flex-col items-center justify-center gap-3 rounded-og-lg border border-dashed border-og-border bg-og-surface-1 px-6 py-12 text-center",
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "flex size-10 items-center justify-center rounded-full bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx4(LaptopIcon2, { className: "size-5", "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx4("p", { className: "text-og-base font-medium text-og-fg", children: "No machines yet" }),
-          /* @__PURE__ */ jsx4("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." })
-        ] }),
-        onEnroll ? /* @__PURE__ */ jsxs4(
-          "button",
-          {
-            type: "button",
-            "data-enroll-cta": true,
-            onClick: 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-10",
-            children: [
-              /* @__PURE__ */ jsx4(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
-              "Enroll a machine"
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function Header({
-  count,
-  onEnroll,
-  onRefresh,
-  loading
-}) {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-baseline gap-2", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "text-og-base font-semibold text-og-fg", children: "Machines" }),
-      /* @__PURE__ */ jsx4("span", { className: "font-og-mono text-og-xs text-og-fg-subtle", children: count })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-      onRefresh ? /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          "data-refresh": true,
-          onClick: onRefresh,
-          title: "Refresh",
-          className: "rounded-og-sm p-1.5 text-og-fg-subtle transition-colors hover:bg-og-surface-2 hover:text-og-fg",
-          children: /* @__PURE__ */ jsx4(RefreshCwIcon, { className: cn("size-3.5", loading && "animate-og-spin"), "aria-hidden": true })
-        }
-      ) : null,
-      onEnroll ? /* @__PURE__ */ jsxs4(
-        "button",
-        {
-          type: "button",
-          "data-enroll-cta": true,
-          onClick: onEnroll,
-          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-10",
-          children: [
-            /* @__PURE__ */ jsx4(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
-            "Enroll machine"
-          ]
-        }
-      ) : null
-    ] })
-  ] });
-}
-function MachinesDashboard({
-  machines,
-  activeSandboxId,
-  loading,
-  error,
-  onAttach,
-  attachingSandboxId,
-  onEnroll,
-  onRefresh,
-  className
-}) {
-  const isEmpty = !loading && !error && machines.length === 0;
-  return /* @__PURE__ */ jsxs4("section", { "data-machines-dashboard": true, className: cn("og-root flex flex-col gap-3", className), children: [
-    /* @__PURE__ */ jsx4(Header, { count: machines.length, onEnroll, onRefresh, loading }),
-    error ? /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        "data-machines-error": true,
-        className: "flex flex-wrap items-center justify-between gap-2 rounded-og-md border border-og-status-failed/30 bg-og-status-failed/10 px-3 py-2 text-og-sm text-og-status-failed",
-        children: [
-          /* @__PURE__ */ jsxs4("span", { children: [
-            "Could not load machines: ",
-            error.message
-          ] }),
-          onRefresh ? /* @__PURE__ */ jsxs4(
-            "button",
-            {
-              type: "button",
-              "data-machines-retry": true,
-              onClick: onRefresh,
-              disabled: loading,
-              className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-status-failed/30 px-2 py-1 text-og-xs font-medium transition-colors hover:border-og-status-failed/50 disabled:cursor-not-allowed disabled:opacity-60 pointer-coarse:min-h-10",
-              children: [
-                /* @__PURE__ */ jsx4(RefreshCwIcon, { className: cn("size-3.5", loading && "animate-og-spin"), "aria-hidden": true }),
-                loading ? "Retrying\u2026" : "Retry"
-              ]
-            }
-          ) : null
-        ]
-      }
-    ) : 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(
-      MachineCard,
-      {
-        machine: {
-          ...machine,
-          active: machine.active || machine.sandboxId === activeSandboxId
-        },
-        onAttach,
-        attaching: attachingSandboxId === machine.sandboxId
-      },
-      machine.sandboxId
-    )) })
-  ] });
-}
-
-// 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, className }) {
-  const Icon = kind === "selfhosted" ? LaptopIcon3 : CpuIcon2;
-  const stateBadge = MACHINE_STATE_BADGE_META[state];
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      "data-machine-dock-bar": true,
-      className: cn(
-        "flex shrink-0 items-center justify-between gap-2 border-b border-og-border bg-og-surface-1 px-2.5 py-1",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx5(Icon, { className: "size-3.5 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
-          /* @__PURE__ */ jsx5("span", { className: "truncate text-[11px] font-medium text-og-fg", children: name }),
-          stateBadge ? /* @__PURE__ */ jsx5(
-            "span",
-            {
-              "data-state-badge": state,
-              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"
-          }
-        )
-      ]
-    }
-  );
-}
-function SharedMachineDisclosure({
-  sharedSessionCount,
-  density = "compact",
-  className
-}) {
-  const others = Math.max(0, sharedSessionCount - 1);
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      "data-shared-disclosure": true,
-      className: cn(
-        "flex items-center gap-1.5 border-og-accent/25 bg-og-accent-soft text-og-fg-muted",
-        density === "full" ? "rounded-og-md border px-3 py-2 text-[12px]" : "border-b px-2.5 py-1 text-[11px]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx5(UsersIcon2, { className: "size-3.5 shrink-0 text-og-accent", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs5("span", { children: [
-          "Shared \u2014 ",
-          others === 1 ? "another session is" : `${others} other sessions are`,
-          " on this machine. They see the same terminal, files, and desktop."
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/enrollment-device-flow.tsx
-import { CopyIcon, ExternalLinkIcon, LaptopIcon as LaptopIcon4, TerminalIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var PHASE_TO_STATE = {
-  pending: "enrolling",
-  authorized: "online",
-  denied: "offline",
-  expired: "offline",
-  disabled: "offline"
-};
-function PhaseLabel({ phase }) {
-  const text = {
-    pending: "Waiting for approval",
-    authorized: "Connected",
-    denied: "Denied",
-    expired: "Code expired",
-    disabled: "Enrollment disabled"
-  };
-  return /* @__PURE__ */ jsx6("span", { children: text[phase] });
-}
-function EnrollmentDeviceFlow({
-  userCode,
-  verificationUri,
-  verificationUriComplete,
-  installCommand,
-  phase = "pending",
-  expiresInSeconds,
-  onCopyCode,
-  onCopyInstall,
-  onOpenVerification,
-  className
-}) {
-  const href = verificationUriComplete ?? verificationUri;
-  const codeIsPlaceholder = !/[A-Za-z0-9]/.test(userCode);
-  const awaitingCode = phase === "pending" && codeIsPlaceholder;
-  return /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      "data-enrollment-device-flow": true,
-      className: cn(
-        "og-root flex w-full max-w-md flex-col gap-4 rounded-og-lg border border-og-border bg-og-surface-1 p-5 shadow-og-sm",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx6("span", { className: "flex size-7 items-center justify-center rounded-full bg-og-surface-2 text-og-fg-muted", children: /* @__PURE__ */ jsx6(LaptopIcon4, { className: "size-4", "aria-hidden": true }) }),
-            /* @__PURE__ */ jsx6("h2", { className: "text-sm font-semibold text-og-fg", children: "Connect a machine" })
-          ] }),
-          /* @__PURE__ */ jsx6(
-            ConnectionStatusPill,
-            {
-              status: PHASE_TO_STATE[phase] === "online" ? "online" : PHASE_TO_STATE[phase] === "offline" ? "offline" : "reconnecting",
-              label: /* @__PURE__ */ jsx6(PhaseLabel, { phase }),
-              size: "sm"
-            }
-          )
-        ] }),
-        installCommand ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx6("span", { className: "text-[11px] font-medium uppercase tracking-wide text-og-fg-subtle", children: "1 \xB7 Run on the machine" }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2 overflow-hidden rounded-og-md border border-og-border bg-og-bg px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsxs6("code", { className: "flex min-w-0 items-center gap-2 overflow-x-auto font-og-mono text-[12px] text-og-fg", children: [
-              /* @__PURE__ */ jsx6(TerminalIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
-              installCommand
-            ] }),
-            /* @__PURE__ */ jsx6(
-              "button",
-              {
-                type: "button",
-                "data-copy-install": true,
-                onClick: onCopyInstall,
-                title: "Copy command",
-                className: "shrink-0 rounded-og-sm p-1.5 text-og-fg-subtle transition-colors hover:bg-og-surface-2 hover:text-og-fg",
-                children: /* @__PURE__ */ jsx6(CopyIcon, { className: "size-4", "aria-hidden": true })
-              }
-            )
-          ] })
-        ] }) : null,
-        /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx6("span", { className: "text-[11px] font-medium uppercase tracking-wide text-og-fg-subtle", children: installCommand ? "2 \xB7 Approve the machine" : "Approve the machine" }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3 rounded-og-md border border-og-border bg-og-bg px-3 py-2.5", children: [
-            awaitingCode ? /* @__PURE__ */ jsx6("span", { "data-user-code": true, className: "font-og-mono text-[13px] text-og-fg-subtle", children: "Run the command above \u2014 your code appears here" }) : /* @__PURE__ */ jsx6(
-              "span",
-              {
-                "data-user-code": true,
-                className: "select-all font-og-mono text-2xl font-semibold tracking-[0.25em] text-og-fg",
-                children: userCode
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              "button",
-              {
-                type: "button",
-                "data-copy-code": true,
-                onClick: onCopyCode,
-                disabled: awaitingCode,
-                title: "Copy code",
-                className: "shrink-0 rounded-og-sm p-1.5 text-og-fg-subtle transition-colors hover:bg-og-surface-2 hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent disabled:hover:text-og-fg-subtle",
-                children: /* @__PURE__ */ jsx6(CopyIcon, { className: "size-4", "aria-hidden": true })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs6(
-          "a",
-          {
-            href,
-            "data-open-verification": true,
-            target: "_blank",
-            rel: "noreferrer",
-            onClick: onOpenVerification,
-            className: "inline-flex items-center justify-center gap-1.5 rounded-og-sm bg-og-accent px-3 py-2 text-sm font-medium text-og-accent-fg transition-colors hover:bg-og-accent-strong",
-            children: [
-              "Open approval page",
-              /* @__PURE__ */ jsx6(ExternalLinkIcon, { className: "size-3.5", "aria-hidden": true })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx6("p", { className: "text-center text-[11px] text-og-fg-subtle", children: awaitingCode ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
-          "The one-liner prints a short code. Open",
-          " ",
-          /* @__PURE__ */ jsx6("span", { className: "font-og-mono text-og-fg-muted", children: verificationUri }),
-          " and confirm the code shown there matches."
-        ] }) : /* @__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",
-          " ",
-          /* @__PURE__ */ jsx6("span", { className: "font-og-mono text-og-fg-muted", children: verificationUri }),
-          ".",
-          typeof expiresInSeconds === "number" ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
-            " Expires in ",
-            Math.max(0, Math.round(expiresInSeconds / 60)),
-            " min."
-          ] }) : null
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/components/enrollment-consent.tsx
-import { useState } from "react";
-import {
-  CircleAlertIcon,
-  LaptopIcon as LaptopIcon5,
-  MonitorIcon as MonitorIcon2,
-  ScreenShareIcon,
-  ShieldAlertIcon,
-  TerminalIcon as TerminalIcon2,
-  UsersIcon as UsersIcon3
-} from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function Capability({ icon, title, body }) {
-  return /* @__PURE__ */ jsxs7("li", { className: "flex items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx7("span", { className: "mt-0.5 shrink-0 text-og-status-failed", children: icon }),
-    /* @__PURE__ */ jsxs7("span", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx7("span", { className: "block text-og-base font-medium text-og-fg", children: title }),
-      /* @__PURE__ */ jsx7("span", { className: "block text-og-sm text-og-fg-muted", children: body })
-    ] })
-  ] });
-}
-function EnrollmentConsent({
-  userCode,
-  machine,
-  phase = "review",
-  onApprove,
-  onDeny,
-  errorMessage,
-  className
-}) {
-  const [allowScreenControl, setAllowScreenControl] = useState(machine.requestsScreenControl);
-  const busy = phase === "approving";
-  if (phase === "approved") {
-    return /* @__PURE__ */ jsx7(
-      ConsentResult,
-      {
-        className,
-        tone: "ok",
-        title: "Machine connected",
-        body: `${machine.machineName} is now enrolled in this workspace. You can close this page \u2014 it will appear in your Machines dashboard.`
-      }
-    );
-  }
-  if (phase === "denied") {
-    return /* @__PURE__ */ jsx7(
-      ConsentResult,
-      {
-        className,
-        tone: "muted",
-        title: "Enrollment denied",
-        body: `You declined to connect ${machine.machineName}. The agent has no access to this machine. You can re-run the install one-liner to try again.`
-      }
-    );
-  }
-  if (phase === "error") {
-    return /* @__PURE__ */ jsx7(
-      ConsentResult,
-      {
-        className,
-        tone: "danger",
-        title: "Could not complete enrollment",
-        body: errorMessage ?? "The code may have expired. Re-run the install one-liner on the machine for a fresh code."
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      "data-enrollment-consent": true,
-      className: cn(
-        "og-root mx-auto flex w-full max-w-md flex-col gap-5 rounded-og-lg border border-og-status-failed/30 bg-og-surface-1 p-6 shadow-og-md",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx7("span", { className: "flex size-9 shrink-0 items-center justify-center rounded-full bg-og-status-failed/15 text-og-status-failed", children: /* @__PURE__ */ jsx7(ShieldAlertIcon, { className: "size-5", "aria-hidden": true }) }),
-          /* @__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",
-              " ",
-              /* @__PURE__ */ jsx7("span", { className: "font-medium text-og-fg", children: machine.machineName }),
-              " with full access. This is your real computer \u2014 not a sandbox."
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-2 rounded-og-md border border-og-border bg-og-surface-2 px-3 py-2 text-og-sm", children: [
-          /* @__PURE__ */ jsx7(LaptopIcon5, { className: "size-4 text-og-fg-subtle", "aria-hidden": true }),
-          /* @__PURE__ */ jsx7("span", { className: "font-medium text-og-fg", children: machine.machineName }),
-          /* @__PURE__ */ jsxs7("span", { className: "font-og-mono text-og-fg-subtle", children: [
-            machine.os,
-            "/",
-            machine.arch
-          ] }),
-          /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "text-og-fg-subtle", children: "\xB7" }),
-          /* @__PURE__ */ jsxs7("span", { className: "text-og-fg-subtle", children: [
-            "code ",
-            /* @__PURE__ */ jsx7("span", { className: "font-og-mono font-medium text-og-fg", children: userCode })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs7("ul", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsx7(
-            Capability,
-            {
-              icon: /* @__PURE__ */ jsx7(TerminalIcon2, { className: "size-4", "aria-hidden": true }),
-              title: "Read, write & run anything",
-              body: "The agent can read and modify any file, run any command, and use your git credentials \u2014 as if it were you at the keyboard."
-            }
-          ),
-          machine.canOfferDisplay ? /* @__PURE__ */ jsx7(
-            Capability,
-            {
-              icon: /* @__PURE__ */ jsx7(MonitorIcon2, { className: "size-4", "aria-hidden": true }),
-              title: "See your screen",
-              body: "The agent can capture this machine's display to watch what it is doing."
-            }
-          ) : null,
-          /* @__PURE__ */ jsx7(
-            Capability,
-            {
-              icon: /* @__PURE__ */ jsx7(UsersIcon3, { className: "size-4", "aria-hidden": true }),
-              title: "Shared while connected",
-              body: "Any session in this workspace can use this machine while it is online. Disconnect the agent to revoke access instantly."
-            }
-          )
-        ] }),
-        machine.canOfferDisplay ? /* @__PURE__ */ jsxs7(
-          "label",
-          {
-            "data-screen-control-toggle": true,
-            className: "flex cursor-pointer items-start gap-3 rounded-og-md border border-og-border bg-og-bg px-3 py-2.5",
-            children: [
-              /* @__PURE__ */ jsx7(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: allowScreenControl,
-                  disabled: busy,
-                  onChange: (e) => setAllowScreenControl(e.target.checked),
-                  className: "mt-0.5 size-4 accent-og-accent"
-                }
-              ),
-              /* @__PURE__ */ jsxs7("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1.5 text-og-base font-medium text-og-fg", children: [
-                  /* @__PURE__ */ jsx7(ScreenShareIcon, { className: "size-3.5 text-og-fg-muted", "aria-hidden": true }),
-                  "Also let the agent control my mouse & keyboard"
-                ] }),
-                /* @__PURE__ */ jsx7("span", { className: "mt-0.5 block text-og-sm text-og-fg-muted", children: "Optional. Enables computer-use \u2014 the agent can move the pointer, type, and click on this machine's desktop. Leave off to let it only watch." })
-              ] })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs7("p", { className: "flex items-start gap-2 rounded-og-md border border-og-border bg-og-bg px-3 py-2 text-og-sm text-og-fg-muted", children: [
-          /* @__PURE__ */ jsx7(CircleAlertIcon, { className: "mt-px size-3.5 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
-          "This machine has no display, so screen control isn't available \u2014 files, terminal, and git only."
-        ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx7(
-            "button",
-            {
-              type: "button",
-              "data-deny": true,
-              disabled: busy,
-              onClick: () => onDeny?.(),
-              className: "flex-1 rounded-og-sm border border-og-border px-3 py-2 text-og-sm font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg disabled:opacity-50 pointer-coarse:min-h-10",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx7(
-            "button",
-            {
-              type: "button",
-              "data-approve": true,
-              disabled: busy,
-              onClick: () => onApprove?.(allowScreenControl),
-              className: "flex-1 rounded-og-sm bg-og-status-failed px-3 py-2 text-og-sm font-semibold text-og-accent-fg transition-colors hover:opacity-90 disabled:opacity-50 pointer-coarse:min-h-10",
-              children: busy ? "Connecting\u2026" : "Grant full access"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function ConsentResult({
-  tone,
-  title,
-  body,
-  className
-}) {
-  const ring = tone === "ok" ? "border-og-status-running/30" : tone === "danger" ? "border-og-status-failed/30" : "border-og-border";
-  const iconClass = tone === "ok" ? "text-og-status-running" : tone === "danger" ? "text-og-status-failed" : "text-og-fg-subtle";
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      "data-enrollment-result": tone,
-      className: cn(
-        "og-root mx-auto flex w-full max-w-md flex-col items-center gap-3 rounded-og-lg border bg-og-surface-1 p-6 text-center shadow-og-md",
-        ring,
-        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("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 })
-      ]
-    }
-  );
-}
-
-// src/hooks/use-machines.ts
-import { useCallback as useCallback2, useState as useState3 } from "react";
-
-// src/provider.tsx
-import { createContext, useContext, useMemo } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var OpenGeniContext = createContext(null);
-function OpenGeniProvider({ client, workspaceId, children }) {
-  const value = useMemo(() => ({ client, workspaceId }), [client, workspaceId]);
-  return /* @__PURE__ */ jsx8(OpenGeniContext.Provider, { value, children });
-}
-function useOpenGeni(override = {}) {
-  const context = useContext(OpenGeniContext);
-  const client = override.client ?? context?.client;
-  const workspaceId = override.workspaceId ?? context?.workspaceId;
-  if (!client || !workspaceId) {
-    throw new Error(
-      "@opengeni/react: no OpenGeni client/workspace available. Wrap the tree in <OpenGeniProvider> or pass { client, workspaceId } to the hook."
-    );
-  }
-  return { client, workspaceId };
-}
-function useOpenGeniClient(override = {}) {
-  const context = useContext(OpenGeniContext);
-  const client = override.client ?? context?.client;
-  if (!client) {
-    throw new Error(
-      "@opengeni/react: no OpenGeni client available. Wrap the tree in <OpenGeniProvider> or pass { client } to the hook."
-    );
-  }
-  return client;
-}
-
-// src/hooks/internal.ts
-import { useCallback, useEffect, useRef, useState as useState2 } from "react";
-function usePolledValue(load, options = {}) {
-  const enabled = options.enabled ?? true;
-  const pollIntervalMs = options.pollIntervalMs;
-  const [data, setData] = useState2(null);
-  const [loading, setLoading] = useState2(enabled);
-  const [error, setError] = useState2(null);
-  const generation = useRef(0);
-  const loadRef = useRef(load);
-  useEffect(() => {
-    if (loadRef.current !== load) {
-      loadRef.current = load;
-      setData(null);
-      setError(null);
-    }
-  }, [load]);
-  const run = useCallback(async () => {
-    const ticket = ++generation.current;
-    try {
-      const result = await load();
-      if (ticket === generation.current) {
-        setData(result);
-        setError(null);
-        setLoading(false);
-      }
-    } catch (cause) {
-      if (ticket === generation.current) {
-        setError(cause instanceof Error ? cause : new Error(String(cause)));
-        setLoading(false);
-      }
-    }
-  }, [load]);
-  useEffect(() => {
-    if (!enabled) {
-      setLoading(false);
-      return;
-    }
-    setLoading(true);
-    void run();
-    if (pollIntervalMs === void 0 || pollIntervalMs <= 0) {
-      return () => {
-        generation.current += 1;
-      };
-    }
-    const timer = setInterval(() => void run(), pollIntervalMs);
-    return () => {
-      clearInterval(timer);
-      generation.current += 1;
-    };
-  }, [run, enabled, pollIntervalMs]);
-  return { data, loading, error, refresh: run };
-}
-function useMutationRunner() {
-  const [mutating, setMutating] = useState2(false);
-  const [mutationError, setMutationError] = useState2(null);
-  const inFlight = useRef(0);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const run = useCallback(async (operation) => {
-    inFlight.current += 1;
-    if (mounted.current) {
-      setMutating(true);
-      setMutationError(null);
-    }
-    try {
-      return await operation();
-    } catch (cause) {
-      if (mounted.current) {
-        setMutationError(cause instanceof Error ? cause : new Error(String(cause)));
-      }
-      return null;
-    } finally {
-      inFlight.current -= 1;
-      if (mounted.current && inFlight.current === 0) {
-        setMutating(false);
-      }
-    }
-  }, []);
-  return {
-    mutating,
-    mutationError,
-    clearMutationError: useCallback(() => setMutationError(null), []),
-    run
-  };
-}
-function useSessionEventTrigger(client, workspaceId, sessionId, match, onEvent, options = {}) {
-  const enabled = options.enabled ?? true;
-  const events = options.events;
-  const sharedFeed = events !== void 0;
-  const matchRef = useRef(match);
-  matchRef.current = match;
-  const onEventRef = useRef(onEvent);
-  onEventRef.current = onEvent;
-  const consumedRef = useRef(0);
-  const feedKeyRef = useRef(null);
-  useEffect(() => {
-    if (!sharedFeed || !enabled || !sessionId) {
-      return;
-    }
-    const feedKey = `${workspaceId}\0${sessionId}`;
-    const firstSequence = events[0]?.sequence ?? 0;
-    if (feedKeyRef.current !== feedKey || firstSequence > consumedRef.current + 1) {
-      feedKeyRef.current = feedKey;
-      consumedRef.current = 0;
-    }
-    for (const event of events) {
-      if (event.sequence <= consumedRef.current) {
-        continue;
-      }
-      consumedRef.current = event.sequence;
-      if (matchRef.current(event)) {
-        onEventRef.current(event);
-      }
-    }
-  }, [sharedFeed, enabled, events, workspaceId, sessionId]);
-  useEffect(() => {
-    if (sharedFeed || !enabled || !sessionId) {
-      return;
-    }
-    const controller = new AbortController();
-    void (async () => {
-      try {
-        const session = await client.getSession(workspaceId, sessionId);
-        if (controller.signal.aborted) {
-          return;
-        }
-        const stream = client.streamEvents(workspaceId, sessionId, {
-          after: session.lastSequence,
-          signal: controller.signal
-        });
-        for await (const event of stream) {
-          if (matchRef.current(event)) {
-            onEventRef.current(event);
-          }
-        }
-      } catch {
-      }
-    })();
-    return () => {
-      controller.abort();
-    };
-  }, [sharedFeed, enabled, client, workspaceId, sessionId]);
-}
-function useDebouncedCallback(callback, delayMs = 150) {
-  const callbackRef = useRef(callback);
-  callbackRef.current = callback;
-  const timerRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (timerRef.current !== null) {
-        clearTimeout(timerRef.current);
-      }
-    };
-  }, []);
-  return useCallback(() => {
-    if (timerRef.current !== null) {
-      clearTimeout(timerRef.current);
-    }
-    timerRef.current = setTimeout(() => {
-      timerRef.current = null;
-      callbackRef.current();
-    }, delayMs);
-  }, [delayMs]);
-}
-
-// src/hooks/use-machines.ts
-var EMPTY = { activeSandboxId: null, activeEpoch: 0, machines: [] };
-function useMachines(options = {}) {
-  const { client, workspaceId } = useOpenGeni(options);
-  const machinesClient = options.machinesClient ?? client;
-  const sessionId = options.sessionId;
-  const load = useCallback2(async () => {
-    return await machinesClient.listMachines(workspaceId, sessionId ? { sessionId } : void 0);
-  }, [machinesClient, workspaceId, sessionId]);
-  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 = loadedData ?? EMPTY;
-  const canAttach = sessionId !== void 0 && (typeof machinesClient.attachMachine === "function" || typeof machinesClient.swapActiveSandbox === "function");
-  const attach = useCallback2(
-    async (sandboxId) => {
-      if (sessionId === void 0) return false;
-      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 run(async () => {
-        await runSwap();
-        return true;
-      });
-      setAttachingSandboxId(null);
-      if (result) await refresh();
-      return result === true;
-    },
-    [machinesClient, workspaceId, sessionId, run, refresh]
-  );
-  const fetchSeries = useCallback2(
-    async (enrollmentId, window = "1h") => {
-      if (!machinesClient.machineMetricsSeries) return [];
-      return await machinesClient.machineMetricsSeries(workspaceId, enrollmentId, { window });
-    },
-    [machinesClient, workspaceId]
-  );
-  return {
-    machines: data.machines,
-    activeSandboxId: data.activeSandboxId,
-    activeEpoch: data.activeEpoch,
-    loading,
-    error,
-    refresh,
-    attach,
-    canAttach,
-    fetchSeries,
-    attaching: mutating,
-    attachingSandboxId,
-    mutationError,
-    clearMutationError
-  };
-}
-
-export {
-  OpenGeniProvider,
-  useOpenGeni,
-  useOpenGeniClient,
-  usePolledValue,
-  useMutationRunner,
-  useSessionEventTrigger,
-  useDebouncedCallback,
-  formatRelativeTime,
-  formatBytes,
-  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,
-  EnrollmentDeviceFlow,
-  EnrollmentConsent
-};
-//# sourceMappingURL=chunk-NFYVQWIB.js.map