@opengeni/react 0.6.2 → 0.8.0

package/src/timeline/screenshot-lightbox.tsx

@@ -136,7 +136,7 @@ function LightboxRoot({ children }: { children: ReactNode }) {
                         {state.caption}
                       </figcaption>
                     ) : (
-                      <figcaption className="font-og-mono text-[10px] uppercase tracking-[0.1em] text-white/35">
+                      <figcaption className="font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35">
                         Esc or click outside to close
                       </figcaption>
                     )}

package/src/timeline/shared.tsx

@@ -155,6 +155,9 @@ export function ActivityDisclosure({
   const rowClass = cn(
     "group/disclosure flex w-full min-w-0 items-center gap-2 rounded-og-sm px-1.5 py-1.5 text-left text-og-base",
     "text-og-fg-muted transition-colors duration-150",
+    // A tool row is a touch target on coarse pointers: grow its padding so the
+    // hit area clears the 40px minimum without loosening the dense desktop rail.
+    "pointer-coarse:py-2.5",
   );
   // The chevron rotates to point down when open; it tracks `data-state` on this
   // same row (the Trigger), so the affordance never freezes.
@@ -295,7 +298,7 @@ export function TermBlock({
   const showHeader = command != null || workdir != null;
 
   return (
-    <div className="overflow-hidden rounded-og-sm border border-og-border bg-og-bg/70">
+    <div className="min-w-0 overflow-hidden rounded-og-sm border border-og-border bg-og-bg/70">
       {showHeader ? (
         <div className="flex items-center gap-2 border-b border-og-border/70 px-2.5 py-1.5">
           <span className="select-none text-og-status-idle">$</span>

package/src/timeline/tool-diff.tsx

@@ -49,7 +49,7 @@ function LayoutToggle({ layout, onChange }: { layout: "unified" | "split"; onCha
           type="button"
           onClick={() => onChange(value)}
           className={cn(
-            "rounded-[5px] px-2 py-[3px] text-[11px] font-medium capitalize transition-colors",
+            "rounded-og-xs px-2 py-[3px] text-og-xs font-medium capitalize transition-colors",
             layout === value ? "bg-og-surface-2 text-og-fg" : "text-og-fg-subtle hover:text-og-fg-muted",
           )}
         >

package/src/timeline/tool-renderers.tsx

@@ -15,7 +15,7 @@ import {
   WrenchIcon,
 } from "lucide-react";
 import type { ReactNode } from "react";
-import { stringifyPayload } from "../lib/format";
+import { stringifyPayload, tryParseJson } from "../lib/format";
 import {
   applyPatchOps,
   controlCaret,
@@ -30,6 +30,7 @@ import {
   tailPeek,
   unwrapMcpOutput,
   v4aToGitFileDiff,
+  screenshotDataUrl,
   type ApplyPatchOperation,
 } from "./parsers";
 import { createToolRegistry, type ToolRegistry, type ToolRegistryEntry, type ToolRendererProps } from "./registry";
@@ -477,20 +478,49 @@ function computerVerb(action: ComputerAction | undefined): string {
   }
 }
 
+
+/** Coerce a function-tool arguments payload into the ComputerAction fields. */
+function asComputerArgs(args: unknown): Partial<ComputerAction> {
+  if (!args) {
+    return {};
+  }
+  const parsed = typeof args === "string" ? tryParseJson(args) : args;
+  if (!parsed || typeof parsed !== "object") {
+    return {};
+  }
+  const record = parsed as Record<string, unknown>;
+  return {
+    ...(typeof record.x === "number" ? { x: record.x } : {}),
+    ...(typeof record.y === "number" ? { y: record.y } : {}),
+    ...(typeof record.text === "string" ? { text: record.text } : {}),
+    ...(Array.isArray(record.keys) ? { keys: record.keys as string[] } : {}),
+    ...(typeof record.button === "string" ? { button: record.button } : {}),
+  };
+}
+
 function ComputerCallRenderer({ item }: ToolRendererProps) {
   const raw = (item.raw ?? {}) as {
     action?: ComputerAction;
     actions?: ComputerAction[];
     providerData?: { approvalStatus?: string };
   };
-  const action = raw.action;
+  // Function-mode computer tools (computer_screenshot / computer_click / …,
+  // used on codex + chat-wire providers since the explicit tool-transport
+  // change) carry the action in the tool NAME + arguments instead of raw.action.
+  // Normalize them into the same ComputerAction shape so one renderer serves
+  // every transport.
+  const functionAction: ComputerAction | undefined =
+    !raw.action && item.name.startsWith("computer_") && item.name !== "computer_call"
+      ? { type: item.name.slice("computer_".length), ...(asComputerArgs(item.arguments)) }
+      : undefined;
+  const action = raw.action ?? functionAction;
   const actions = raw.actions ?? (action ? [action] : []);
   const verb = computerVerb(action);
   const out = item.output;
   const running = item.status === "running";
   const rejected = raw.providerData?.approvalStatus === "rejected";
   const readOnly = typeof out === "string" && out.includes("read-only");
-  const isImage = typeof out === "string" && out.startsWith("data:image");
+  const shotUrl = screenshotDataUrl(out);
   const empty = out === "" || out == null;
   const batched = actions.length > 1 ? actions.map((a) => computerVerb(a)).join(" · ") : null;
   // Fold the batched-action count into the title (one media affordance per row),
@@ -542,8 +572,8 @@ function ComputerCallRenderer({ item }: ToolRendererProps) {
   const isFailed = item.status === "failed";
   const isCancelled = item.status === "cancelled";
 
-  if (isImage && typeof out === "string") {
-    const caption = `computer_call · ${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
+  if (shotUrl) {
+    const caption = `${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
     return (
       <ActivityDisclosure
         icon={isShot ? <CameraIcon className={ICON_SIZE} /> : <MousePointer2Icon className={ICON_SIZE} />}
@@ -551,9 +581,9 @@ function ComputerCallRenderer({ item }: ToolRendererProps) {
         title={`${verb}${countSuffix}`}
         failed={isFailed}
         cancelled={isCancelled}
-        media={<Thumbnail src={out} caption={caption} />}
+        media={<Thumbnail src={shotUrl} caption={caption} />}
       >
-        <ScreenshotFigure src={out} caption={caption} />
+        <ScreenshotFigure src={shotUrl} caption={caption} />
         {batched ? <BodyNote>batched: {batched}</BodyNote> : null}
       </ActivityDisclosure>
     );
@@ -866,6 +896,15 @@ const BASE_ENTRIES: ToolRegistryEntry[] = [
   { match: "name", name: "write_stdin", render: WriteStdinRenderer },
   { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
   { match: "name", name: "computer_call", render: ComputerCallRenderer },
+  // Function-mode computer tools (codex / chat-wire transports).
+  { match: "name", name: "computer_screenshot", render: ComputerCallRenderer },
+  { match: "name", name: "computer_click", render: ComputerCallRenderer },
+  { match: "name", name: "computer_double_click", render: ComputerCallRenderer },
+  { match: "name", name: "computer_move", render: ComputerCallRenderer },
+  { match: "name", name: "computer_scroll", render: ComputerCallRenderer },
+  { match: "name", name: "computer_type", render: ComputerCallRenderer },
+  { match: "name", name: "computer_keypress", render: ComputerCallRenderer },
+  { match: "name", name: "computer_drag", render: ComputerCallRenderer },
   { match: "name", name: "web_search_call", render: WebSearchRenderer },
   { match: "name", name: "view_image", render: ViewImageRenderer },
   { match: "name", name: "environment_set_variable", render: SecretSetRenderer },

package/src/timeline/turn-summary.tsx

@@ -3,7 +3,8 @@ import { useState } from "react";
 import { Collapsible } from "radix-ui";
 import { cn } from "../lib/cn";
 import { useForcedDefaultOpen } from "./disclosure-context";
-import { applyPatchOps, isApplyPatch } from "./parsers";
+import { useEntranceAnimation } from "./entrance";
+import { applyPatchOps, isApplyPatch, screenshotDataUrl } from "./parsers";
 import { rawTypeOf } from "./registry";
 import type { ActivityItem, TurnOutcome } from "./types";
 export type { TurnOutcome } from "./types";
@@ -39,13 +40,17 @@ export function TurnSummary({ items, outcome, failureText, durationMs, defaultOp
   // (screenshot instrumentation); otherwise the turn starts folded.
   const forcedDefaultOpen = useForcedDefaultOpen();
   const [open, setOpen] = useState(defaultOpen ?? forcedDefaultOpen ?? false);
+  const enter = useEntranceAnimation();
   const facets = summarizeTurn(items, durationMs);
 
   return (
-    <Collapsible.Root open={open} onOpenChange={setOpen} className="animate-og-enter">
+    <Collapsible.Root open={open} onOpenChange={setOpen} className={enter ? "animate-og-enter" : undefined}>
       <Collapsible.Trigger
         className={cn(
           "group flex w-full items-center gap-2.5 rounded-og-md border px-3 py-2 text-left text-og-base transition-colors",
+          // A folded turn is a touch target on coarse pointers: grow the row so
+          // it clears the 40px minimum without disturbing the calm desktop rhythm.
+          "pointer-coarse:py-2.5",
           // Only a failed turn earns the one filled/tinted card in the timeline;
           // complete and cancelled stay flat and calm.
           outcome === "failed"
@@ -84,6 +89,21 @@ export function TurnSummary({ items, outcome, failureText, durationMs, defaultOp
           ) : null}
           {outcome === "cancelled" ? <span className="text-og-fg-subtle"> · interrupted</span> : null}
         </span>
+        {/* The disclosure hint. Calm at rest on fine pointers (revealed on hover
+            and keyboard focus), but always present on coarse pointers where there
+            is no hover to lean on — so the fold never reads as a static status
+            line. Purely visual: the trigger's aria-expanded already conveys state
+            to assistive tech, so the hint is hidden from the accessible name. */}
+        <span
+          aria-hidden
+          className={cn(
+            "ml-auto shrink-0 pl-2 text-og-xs text-og-fg-subtle transition-opacity duration-150",
+            "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
+            "pointer-coarse:opacity-100",
+          )}
+        >
+          {open ? "hide steps" : "show steps"}
+        </span>
       </Collapsible.Trigger>
       <Collapsible.Content className="overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand">
         <div className="pt-2">{children}</div>
@@ -106,8 +126,8 @@ function summarizeTurn(items: ActivityItem[], durationMs?: number): string {
       files += applyPatchOps(item.raw).length;
     } else if (item.name === "exec_command") {
       commands += 1;
-    } else if (rawTypeOf(item) === "computer_call" || item.name === "computer_call") {
-      if (typeof item.output === "string" && item.output.startsWith("data:image")) {
+    } else if (rawTypeOf(item) === "computer_call" || item.name === "computer_call" || item.name === "computer_screenshot") {
+      if (screenshotDataUrl(item.output) !== null) {
         screenshots += 1;
       }
     }

package/styles/tokens.css

@@ -17,6 +17,8 @@
   --og-font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;
   --og-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
   --og-font-features: "cv11", "ss01", "ss03";
+  --og-code-font-size: 12px;
+  --og-code-line-height: 18px;
 
   /* Radius ----------------------------------------------------------------- */
   --og-radius-xs: 4px;
@@ -48,6 +50,7 @@
   /* Accent — one brand hue, used sparingly ----------------------------------- */
   --og-color-accent: oklch(0.72 0.15 255);
   --og-color-accent-strong: oklch(0.78 0.14 255);
+  --og-color-accent-deep: oklch(0.62 0.18 255);
   --og-color-accent-fg: oklch(0.985 0.005 260);
   --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 16%, transparent);
 
@@ -59,6 +62,8 @@
   --og-color-status-failed: oklch(0.7 0.16 22);
   --og-color-status-cancelled: oklch(0.6 0.035 260);
   --og-color-danger: oklch(0.66 0.18 22);
+  --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 14%, transparent);
+  --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 14%, transparent);
 
   /* Elevation ----------------------------------------------------------------
      Dark surfaces barely cast shadows; elevation reads mostly from the
@@ -91,6 +96,7 @@
 
   --og-color-accent: oklch(0.55 0.18 255);
   --og-color-accent-strong: oklch(0.48 0.19 255);
+  --og-color-accent-deep: oklch(0.44 0.19 255);
   --og-color-accent-fg: oklch(0.985 0.005 260);
   --og-color-accent-soft: color-mix(in oklch, var(--og-color-accent) 11%, transparent);
 
@@ -101,6 +107,8 @@
   --og-color-status-failed: oklch(0.55 0.19 22);
   --og-color-status-cancelled: oklch(0.55 0.025 260);
   --og-color-danger: oklch(0.55 0.2 22);
+  --og-color-diff-add-bg: color-mix(in oklch, var(--og-color-status-idle) 12%, transparent);
+  --og-color-diff-del-bg: color-mix(in oklch, var(--og-color-status-failed) 12%, transparent);
 
   --og-shadow-sm: 0 1px 2px oklch(0.2 0.02 260 / 0.07);
   --og-shadow-md: 0 2px 8px oklch(0.2 0.02 260 / 0.09), 0 1px 2px oklch(0.2 0.02 260 / 0.06);

package/dist/chunk-DEW2ZNF2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/machines.ts","../src/lib/cn.ts","../src/components/machine-status-pill.tsx","../src/lib/format.ts","../src/components/machine-metrics.tsx","../src/components/machine-card.tsx","../src/components/machines-dashboard.tsx","../src/components/machine-dock-bar.tsx","../src/components/enrollment-device-flow.tsx","../src/components/enrollment-consent.tsx","../src/hooks/use-machines.ts","../src/provider.tsx","../src/hooks/internal.ts"],"sourcesContent":["// ----------------------------------------------------------------------------\n// Bring-your-own-compute — Machines view-model.\n//\n// The data-contract types (MachineView / MetricSample / MachinesResponse /\n// MachineMetricsSeriesResponse / MachineKind / MachineState) are the\n// orchestrator-owned SHARED DATA CONTRACT that M10 ships in `@opengeni/sdk`\n// (hand-written mirrors of `@opengeni/contracts`, pinned by contract-parity).\n// M9 RE-EXPORTS them here so the dashboard UI imports a single, stable name and\n// never drifts from the API — exactly as the contract intends.\n//\n// (During concurrent M9/M10 development this module briefly carried a local\n// view-model with the same field names; once M10 landed the SDK types we\n// reconciled to re-export them — the field names were identical by design.)\n//\n// Endpoints these model (M10 owns the SDK client methods):\n//   GET /v1/workspaces/:ws/machines                        -> MachinesResponse\n//   GET /v1/workspaces/:ws/machines/:enrollmentId/metrics/series?window=1h\n//                                                          -> { samples: MetricSample[] }\n// ----------------------------------------------------------------------------\nimport type {\n  MachineKind,\n  MachineMetricsSeriesResponse,\n  MachinesResponse,\n  MachineState,\n  MachineView,\n  MetricSample,\n} from \"@opengeni/sdk\";\n\nexport type {\n  MachineKind,\n  MachineMetricsSeriesResponse,\n  MachinesResponse,\n  MachineState,\n  MachineView,\n  MetricSample,\n};\n\n// --- connection-status grouping (a PURE UI projection — not a contract type) --\n\n/**\n * The three connection-status pill values the UI surfaces across the dashboard,\n * the dock, and the timeline. `consent_required` / `display_unavailable` /\n * `enrolling` are NOT connection states — they map onto a connection state for\n * the pill and carry their own badge separately.\n */\nexport type ConnectionStatus = \"online\" | \"reconnecting\" | \"offline\";\n\n/** Project a machine `state` onto its connection-status pill value. */\nexport function connectionStatusForState(state: MachineState): ConnectionStatus {\n  switch (state) {\n    case \"online\":\n    case \"consent_required\":\n    case \"display_unavailable\":\n      // The control plane is reachable; the limitation is consent / no display.\n      return \"online\";\n    case \"reconnecting\":\n    case \"enrolling\":\n      return \"reconnecting\";\n    case \"offline\":\n      return \"offline\";\n    default: {\n      // Exhaustiveness guard — a new state must be classified explicitly.\n      const _never: never = state;\n      return _never;\n    }\n  }\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/* ----------------------------------------------------------------------------\n   tailwind-merge, taught our design tokens.\n\n   Our type scale and color ramp share the `og-` prefix: `text-og-base` is a\n   FONT SIZE, `text-og-fg-muted` is a COLOR. Stock tailwind-merge can't tell\n   them apart — it lumps every `text-og-*` into one `font-size` group and, when\n   two land in the same class list, drops the earlier one. That silently ate the\n   size off rows like `text-og-base text-og-fg-muted`, leaving titles at the\n   browser-default 16px. Register the custom font-size scale so the size and the\n   color live in different conflict groups and both survive a merge.\n   -------------------------------------------------------------------------- */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [{ text: [\"og-xs\", \"og-sm\", \"og-base\", \"og-md\"] }],\n    },\n  },\n});\n\n/** Merge class names with Tailwind-aware conflict resolution. */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cn } from \"../lib/cn\";\nimport {\n  type ConnectionStatus,\n  connectionStatusForState,\n  type MachineState,\n} from \"../types/machines\";\n\nexport type ConnectionStatusMeta = {\n  label: string;\n  dotClassName: string;\n  badgeClassName: string;\n  /** Live/transient states breathe; settled states hold still. */\n  pulse: boolean;\n};\n\n/** Token-backed meta for the three connection-status pill values. */\nexport const CONNECTION_STATUS_META: Record<ConnectionStatus, ConnectionStatusMeta> = {\n  online: {\n    label: \"Online\",\n    dotClassName: \"bg-og-status-running\",\n    badgeClassName: \"text-og-status-running border-og-status-running/30 bg-og-status-running/10\",\n    pulse: false,\n  },\n  reconnecting: {\n    label: \"Reconnecting\",\n    dotClassName: \"bg-og-status-waiting\",\n    badgeClassName: \"text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10\",\n    pulse: true,\n  },\n  offline: {\n    label: \"Offline\",\n    dotClassName: \"bg-og-status-failed\",\n    badgeClassName: \"text-og-fg-subtle border-og-border bg-og-status-failed/10\",\n    pulse: false,\n  },\n};\n\nexport type MachineStateBadgeMeta = {\n  label: string;\n  badgeClassName: string;\n};\n\n/**\n * The non-connection state badges that ride ALONGSIDE the connection pill —\n * `consent_required` / `display_unavailable` / `enrolling` describe a capability\n * limitation, not reachability, so they render as their own tinted chip.\n */\nexport const MACHINE_STATE_BADGE_META: Partial<Record<MachineState, MachineStateBadgeMeta>> = {\n  consent_required: {\n    label: \"Consent required\",\n    badgeClassName: \"text-og-status-waiting border-og-status-waiting/35 bg-og-status-waiting/10\",\n  },\n  display_unavailable: {\n    label: \"No display\",\n    badgeClassName: \"text-og-fg-muted border-og-border bg-og-surface-2\",\n  },\n  enrolling: {\n    label: \"Enrolling\",\n    badgeClassName: \"text-og-accent border-og-accent/30 bg-og-accent-soft\",\n  },\n};\n\nexport type ConnectionStatusPillProps = {\n  status: ConnectionStatus;\n  /** Override the label (\"Online\" -> \"Connected\", ...). */\n  label?: string | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n};\n\n/**\n * The connection-status pill (online / reconnecting / offline) surfaced across\n * the Machines dashboard, the dock header, and the session timeline. Reconnecting\n * breathes (the resiliency-as-headline blip), online/offline hold still.\n */\nexport function ConnectionStatusPill({ status, label, size = \"md\", className }: ConnectionStatusPillProps) {\n  const meta = CONNECTION_STATUS_META[status];\n  return (\n    <span\n      data-connection-status={status}\n      className={cn(\n        \"og-root inline-flex shrink-0 items-center rounded-full border font-medium\",\n        size === \"sm\" ? \"gap-1 px-1.5 py-px text-[10px]\" : \"gap-1.5 px-2 py-0.5 text-xs\",\n        meta.badgeClassName,\n        className,\n      )}\n    >\n      <ConnectionDot status={status} className={size === \"sm\" ? \"size-1\" : \"size-1.5\"} />\n      {label ?? meta.label}\n    </span>\n  );\n}\n\nexport type ConnectionDotProps = {\n  status: ConnectionStatus;\n  className?: string | undefined;\n};\n\n/** Just the dot — for dense rows, the dock header, and timeline notices. */\nexport function ConnectionDot({ status, className }: ConnectionDotProps) {\n  const meta = CONNECTION_STATUS_META[status];\n  return (\n    <span className={cn(\"relative inline-flex size-1.5 shrink-0 rounded-full\", meta.dotClassName, className)}>\n      {meta.pulse ? <span className={cn(\"absolute inset-0 animate-og-pulse rounded-full\", meta.dotClassName)} /> : null}\n    </span>\n  );\n}\n\nexport type MachineStatusPillProps = {\n  /** The machine's full state — drives the connection pill + any state badge. */\n  state: MachineState;\n  /** How many live sessions share this lease (renders a \"Shared\" chip when >1). */\n  sharedSessionCount?: number | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n};\n\n/**\n * The composite machine status surface: the connection pill PLUS any\n * consent/display/enrolling badge PLUS a shared-in-use chip. One component the\n * dashboard row, the dock header, and the timeline all reuse so the status\n * language is identical everywhere.\n */\nexport function MachineStatusPill({ state, sharedSessionCount, size = \"md\", className }: MachineStatusPillProps) {\n  const stateBadge = MACHINE_STATE_BADGE_META[state];\n  const shared = (sharedSessionCount ?? 0) > 1;\n  return (\n    <span className={cn(\"og-root inline-flex flex-wrap items-center gap-1\", className)} data-machine-state={state}>\n      <ConnectionStatusPill status={connectionStatusForState(state)} size={size} />\n      {stateBadge ? (\n        <span\n          data-state-badge={state}\n          className={cn(\n            \"inline-flex shrink-0 items-center rounded-full border font-medium\",\n            size === \"sm\" ? \"px-1.5 py-px text-[10px]\" : \"px-2 py-0.5 text-xs\",\n            stateBadge.badgeClassName,\n          )}\n        >\n          {stateBadge.label}\n        </span>\n      ) : null}\n      {shared ? (\n        <span\n          data-shared-chip\n          className={cn(\n            \"inline-flex shrink-0 items-center gap-1 rounded-full border font-medium\",\n            \"text-og-accent border-og-accent/30 bg-og-accent-soft\",\n            size === \"sm\" ? \"px-1.5 py-px text-[10px]\" : \"px-2 py-0.5 text-xs\",\n          )}\n          title={`${sharedSessionCount} sessions are on this machine`}\n        >\n          Shared · {sharedSessionCount}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n","/** Compact relative time: \"now\", \"42s\", \"7m\", \"3h\", \"2d\", then a date. */\nexport function formatRelativeTime(iso: string, now: Date = new Date()): string {\n  const then = new Date(iso).getTime();\n  if (Number.isNaN(then)) {\n    return \"\";\n  }\n  const seconds = Math.max(0, Math.floor((now.getTime() - then) / 1000));\n  if (seconds < 10) {\n    return \"now\";\n  }\n  if (seconds < 60) {\n    return `${seconds}s`;\n  }\n  const minutes = Math.floor(seconds / 60);\n  if (minutes < 60) {\n    return `${minutes}m`;\n  }\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) {\n    return `${hours}h`;\n  }\n  const days = Math.floor(hours / 24);\n  if (days < 14) {\n    return `${days}d`;\n  }\n  return new Date(iso).toLocaleDateString();\n}\n\n/** Human-readable byte size: \"512 B\", \"8.0 KB\", \"1.4 MB\", \"3 GB\". */\nexport function formatBytes(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n  const units = [\"KB\", \"MB\", \"GB\"] as const;\n  let value = bytes / 1024;\n  for (const unit of units) {\n    if (value < 1024 || unit === \"GB\") {\n      return `${value.toFixed(value < 10 ? 1 : 0)} ${unit}`;\n    }\n    value /= 1024;\n  }\n  return `${bytes} B`;\n}\n\n/** Single-line preview of arbitrary text, for tiles and collapsed rows. */\nexport function truncate(text: string, maxLength: number): string {\n  const collapsed = text.replace(/\\s+/g, \" \").trim();\n  if (collapsed.length <= maxLength) {\n    return collapsed;\n  }\n  return `${collapsed.slice(0, Math.max(0, maxLength - 1)).trimEnd()}…`;\n}\n\n/** Render an unknown payload as readable text (pretty JSON when possible). */\nexport function stringifyPayload(value: unknown): string {\n  if (value === null || value === undefined) {\n    return \"\";\n  }\n  if (typeof value === \"string\") {\n    const parsed = tryParseJson(value);\n    if (parsed !== undefined && typeof parsed === \"object\") {\n      return stringifyPayload(parsed);\n    }\n    return value;\n  }\n  try {\n    return JSON.stringify(value, null, 2) ?? String(value);\n  } catch {\n    return String(value);\n  }\n}\n\n/** JSON.parse that returns `undefined` instead of throwing. */\nexport function tryParseJson(text: string): unknown {\n  const trimmed = text.trim();\n  if (!trimmed.startsWith(\"{\") && !trimmed.startsWith(\"[\") && !trimmed.startsWith('\"')) {\n    return undefined;\n  }\n  try {\n    return JSON.parse(trimmed) as unknown;\n  } catch {\n    return undefined;\n  }\n}\n","import { cn } from \"../lib/cn\";\nimport { formatBytes } from \"../lib/format\";\nimport type { MetricSample } from \"../types/machines\";\n\nexport type MachineMetricsProps = {\n  /** The latest metric sample, or null when the machine hasn't reported yet. */\n  metrics: MetricSample | null;\n  /** Compact (dashboard row) vs full (the dock detail). */\n  density?: \"compact\" | \"full\" | undefined;\n  className?: string | undefined;\n};\n\n/** Clamp a 0..100-ish percent into the bar range. */\nfunction pct(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.max(0, Math.min(100, value));\n}\n\n/** A label/value pair with a token-tinted utilisation bar. */\nfunction Meter({\n  label,\n  value,\n  fillPct,\n  tone,\n}: {\n  label: string;\n  value: string;\n  fillPct: number;\n  tone: \"ok\" | \"warn\" | \"hot\";\n}) {\n  const fillClass =\n    tone === \"hot\" ? \"bg-og-status-failed\" : tone === \"warn\" ? \"bg-og-status-waiting\" : \"bg-og-status-running\";\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1\" data-metric={label.toLowerCase()}>\n      <div className=\"flex items-baseline justify-between gap-2\">\n        <span className=\"text-[10px] font-medium uppercase tracking-wide text-og-fg-subtle\">{label}</span>\n        <span className=\"font-og-mono text-[11px] tabular-nums text-og-fg-muted\">{value}</span>\n      </div>\n      <div className=\"h-1 w-full overflow-hidden rounded-full bg-og-surface-2\">\n        <div\n          className={cn(\"h-full rounded-full transition-[width] duration-500\", fillClass)}\n          style={{ width: `${pct(fillPct)}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\n/** Map a percent to a calm/warn/hot tone (no color invented — token classes). */\nfunction toneFor(p: number): \"ok\" | \"warn\" | \"hot\" {\n  if (p >= 90) return \"hot\";\n  if (p >= 70) return \"warn\";\n  return \"ok\";\n}\n\n/** The token text color for a tone (matches the `Meter` fill ramp). */\nfunction toneTextClass(tone: \"ok\" | \"warn\" | \"hot\"): string {\n  return tone === \"hot\" ? \"text-og-status-failed\" : tone === \"warn\" ? \"text-og-status-waiting\" : \"text-og-status-running\";\n}\n\n/**\n * Load average as three labeled mini-stats (1m / 5m / 15m) — an honest triple of\n * numbers, NOT a fake gauge. The whole triple is tinted by `load1`'s tone (load\n * isn't a 0..100 ratio, so we tone it but never draw a bar). Run queue rides\n * alongside as a quiet chip when there's pending work.\n */\nfunction StatTriple({\n  load1,\n  load5,\n  load15,\n  runQueue,\n}: {\n  load1: number;\n  load5: number;\n  load15: number;\n  runQueue: number;\n}) {\n  // Load isn't a percent — tone by load1 against a nominal single-core ceiling\n  // (≥0.9/core ≈ saturated). Used only to tint the labels/values, never a bar.\n  const tone = toneFor(load1 * 100);\n  const stats: Array<{ label: string; value: number }> = [\n    { label: \"1m\", value: load1 },\n    { label: \"5m\", value: load5 },\n    { label: \"15m\", value: load15 },\n  ];\n  return (\n    <div className=\"flex items-center justify-between gap-3\" data-metric=\"load\">\n      <div className=\"flex min-w-0 flex-col gap-1\">\n        <span className=\"text-[10px] font-medium uppercase tracking-wide text-og-fg-subtle\">Load</span>\n        <div className=\"flex items-baseline gap-3\">\n          {stats.map((s) => (\n            <div key={s.label} className=\"flex items-baseline gap-1\">\n              <span className={cn(\"text-[10px] font-medium uppercase tracking-wide\", toneTextClass(tone))}>\n                {s.label}\n              </span>\n              <span className={cn(\"font-og-mono text-[12px] tabular-nums\", toneTextClass(tone))}>\n                {s.value.toFixed(2)}\n              </span>\n            </div>\n          ))}\n        </div>\n      </div>\n      {runQueue > 0 ? (\n        <div\n          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\"\n          data-metric=\"runqueue\"\n        >\n          <span className=\"font-medium uppercase tracking-wide\">Queue</span>\n          <span className=\"font-og-mono tabular-nums text-og-fg-muted\">{runQueue}</span>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Per-machine resource meters: CPU%, load average, memory, disk, and GPU when\n * present. Renders the M2 `machine_metrics_latest` sample. When `metrics` is\n * null the panel shows a quiet \"no samples yet\" placeholder (offline / just\n * enrolled). GPU rows only render when `gpuUtilPct` is non-null.\n */\nexport function MachineMetrics({ metrics, density = \"compact\", className }: MachineMetricsProps) {\n  if (!metrics) {\n    return (\n      <div className={cn(\"text-[11px] text-og-fg-subtle\", className)} data-metrics-empty>\n        No metrics yet\n      </div>\n    );\n  }\n\n  const memPct = metrics.memTotalBytes > 0 ? (metrics.memUsedBytes / metrics.memTotalBytes) * 100 : 0;\n  const diskPct = metrics.diskTotalBytes > 0 ? (metrics.diskUsedBytes / metrics.diskTotalBytes) * 100 : 0;\n  const hasGpu = metrics.gpuUtilPct !== null;\n  const gpuMemLabel = metrics.gpuMemBytes !== null ? formatBytes(metrics.gpuMemBytes) : null;\n  // Memory & disk are honest used/total ratios → full-width meters; stack them in\n  // the dock detail, two-up in the dashboard row.\n  const ratioGridClass = density === \"full\" ? \"grid-cols-1\" : \"grid-cols-1 sm:grid-cols-2\";\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)} data-machine-metrics>\n      {/* Resources — used/total ratios with real 0..100% bars. */}\n      <div className={cn(\"grid gap-x-4 gap-y-2.5\", ratioGridClass)}>\n        <Meter\n          label=\"Memory\"\n          value={`${formatBytes(metrics.memUsedBytes)} / ${formatBytes(metrics.memTotalBytes)}`}\n          fillPct={memPct}\n          tone={toneFor(memPct)}\n        />\n        <Meter\n          label=\"Disk\"\n          value={`${formatBytes(metrics.diskUsedBytes)} / ${formatBytes(metrics.diskTotalBytes)}`}\n          fillPct={diskPct}\n          tone={toneFor(diskPct)}\n        />\n      </div>\n\n      {/* Utilization — CPU% (and GPU% when present) as honest percent gauges. */}\n      <div className=\"grid grid-cols-2 gap-x-4 gap-y-2.5\">\n        <Meter\n          label=\"CPU\"\n          value={`${metrics.cpuPct.toFixed(0)}%`}\n          fillPct={metrics.cpuPct}\n          tone={toneFor(metrics.cpuPct)}\n        />\n        {hasGpu ? (\n          <Meter\n            label=\"GPU\"\n            value={gpuMemLabel ? `${metrics.gpuUtilPct!.toFixed(0)}% · ${gpuMemLabel}` : `${metrics.gpuUtilPct!.toFixed(0)}%`}\n            fillPct={metrics.gpuUtilPct!}\n            tone={toneFor(metrics.gpuUtilPct!)}\n          />\n        ) : null}\n      </div>\n\n      {/* Activity — load average as labeled mini-stats (no fake bar) + run queue. */}\n      <StatTriple\n        load1={metrics.load1}\n        load5={metrics.load5}\n        load15={metrics.load15}\n        runQueue={metrics.runQueue}\n      />\n    </div>\n  );\n}\n","import {\n  CpuIcon,\n  LaptopIcon,\n  MonitorIcon,\n  MonitorOffIcon,\n  ServerIcon,\n  UsersIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { formatRelativeTime } from \"../lib/format\";\nimport type { MachineView } from \"../types/machines\";\nimport { MachineMetrics } from \"./machine-metrics\";\nimport { MachineStatusPill } from \"./machine-status-pill\";\n\nexport type MachineCardProps = {\n  machine: MachineView;\n  /** Attach/swap the session's active sandbox to this machine. */\n  onAttach?: ((machine: MachineView) => void) | undefined;\n  /** Whether an attach/swap is currently in flight (disables the affordance). */\n  attaching?: boolean | undefined;\n  className?: string | undefined;\n};\n\nfunction KindIcon({ machine }: { machine: MachineView }) {\n  if (machine.isSessionGroup) return <ServerIcon className=\"size-4 text-og-fg-subtle\" aria-hidden />;\n  if (machine.kind === \"modal\") return <CpuIcon className=\"size-4 text-og-fg-subtle\" aria-hidden />;\n  return <LaptopIcon className=\"size-4 text-og-fg-subtle\" aria-hidden />;\n}\n\n/**\n * One machine in the Machines dashboard: name + kind + OS/arch, the composite\n * connection/state/shared status, latest resource meters, last-seen recency, and\n * an attach/swap affordance. The session's currently-active sandbox carries an\n * accent edge + an \"Active\" marker (never an attach button — it's already active).\n */\nexport function MachineCard({ machine, onAttach, attaching, className }: MachineCardProps) {\n  const offline = machine.state === \"offline\";\n  const attachable = !machine.active && !offline && Boolean(onAttach);\n  const shared = machine.sharedSessionCount > 1;\n\n  return (\n    <div\n      data-machine-card={machine.sandboxId}\n      data-active={machine.active ? \"true\" : \"false\"}\n      className={cn(\n        \"og-root relative flex flex-col gap-3 overflow-hidden rounded-og-lg border border-og-border\",\n        \"bg-og-surface-1 p-4 shadow-og-sm\",\n        machine.active && \"border-og-accent/40\",\n        className,\n      )}\n    >\n      {machine.active ? (\n        <span aria-hidden className=\"absolute inset-y-0 left-0 w-0.5 bg-og-accent\" />\n      ) : null}\n\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-2.5\">\n          <span className=\"mt-0.5 shrink-0\">\n            <KindIcon machine={machine} />\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              <span className=\"truncate text-sm font-medium text-og-fg\">{machine.name}</span>\n              {machine.active ? (\n                <span\n                  data-active-marker\n                  className=\"shrink-0 rounded-full border border-og-accent/30 bg-og-accent-soft px-1.5 py-px text-[10px] font-medium text-og-accent\"\n                >\n                  Active\n                </span>\n              ) : null}\n            </div>\n            <div className=\"mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-[11px] text-og-fg-subtle\">\n              <span className=\"capitalize\">{machine.isSessionGroup ? \"session sandbox\" : machine.kind}</span>\n              <span aria-hidden>·</span>\n              <span className=\"font-og-mono\">\n                {machine.os}/{machine.arch}\n              </span>\n              <span aria-hidden>·</span>\n              <span className=\"inline-flex items-center gap-1\">\n                {machine.hasDisplay ? (\n                  <MonitorIcon className=\"size-3\" aria-hidden />\n                ) : (\n                  <MonitorOffIcon className=\"size-3\" aria-hidden />\n                )}\n                {machine.hasDisplay ? \"display\" : \"headless\"}\n              </span>\n            </div>\n          </div>\n        </div>\n        <MachineStatusPill state={machine.state} sharedSessionCount={machine.sharedSessionCount} size=\"sm\" className=\"shrink-0\" />\n      </div>\n\n      {shared ? (\n        <p\n          data-shared-disclosure\n          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-[11px] text-og-fg-muted\"\n        >\n          <UsersIcon className=\"size-3.5 shrink-0 text-og-accent\" aria-hidden />\n          Shared — {machine.sharedSessionCount} sessions are on this machine.\n        </p>\n      ) : null}\n\n      <MachineMetrics metrics={machine.metrics} />\n\n      <div className=\"mt-1 flex items-center justify-between gap-3 text-[11px] text-og-fg-subtle\">\n        <span>\n          {machine.lastSeenAt ? <>Last seen {formatRelativeTime(machine.lastSeenAt)}</> : \"Never connected\"}\n        </span>\n        {machine.active ? (\n          <span className=\"text-og-accent\">Routing here</span>\n        ) : attachable ? (\n          <button\n            type=\"button\"\n            data-attach\n            disabled={attaching}\n            onClick={() => onAttach?.(machine)}\n            className={cn(\n              \"rounded-og-sm border border-og-border px-2.5 py-1 text-[11px] font-medium text-og-fg-muted transition-colors\",\n              \"hover:border-og-border-strong hover:text-og-fg disabled:cursor-not-allowed disabled:opacity-50\",\n            )}\n          >\n            {attaching ? \"Switching…\" : \"Attach\"}\n          </button>\n        ) : (\n          <span className=\"text-og-fg-subtle/70\">{offline ? \"Unavailable\" : \"—\"}</span>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { type ReactNode } from \"react\";\nimport { LaptopIcon, PlusIcon, RefreshCwIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport type { MachineView } from \"../types/machines\";\nimport { MachineCard } from \"./machine-card\";\n\nexport type MachinesDashboardProps = {\n  machines: MachineView[];\n  /** The session's active sandbox id (drives the per-card \"Active\" marker). */\n  activeSandboxId?: string | null | undefined;\n  loading?: boolean | undefined;\n  error?: Error | null | undefined;\n  /** Attach/swap the session's active sandbox to a machine. */\n  onAttach?: ((machine: MachineView) => void) | undefined;\n  /** The sandbox id currently being attached/swapped to (disables that card). */\n  attachingSandboxId?: string | null | undefined;\n  /** Open the enrollment flow (the \"Enroll a machine\" CTA). */\n  onEnroll?: (() => void) | undefined;\n  onRefresh?: (() => void) | undefined;\n  className?: string | undefined;\n};\n\nfunction EmptyState({ onEnroll }: { onEnroll?: (() => void) | undefined }) {\n  return (\n    <div\n      data-machines-empty\n      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\"\n    >\n      <span className=\"flex size-10 items-center justify-center rounded-full bg-og-surface-2 text-og-fg-subtle\">\n        <LaptopIcon className=\"size-5\" aria-hidden />\n      </span>\n      <div className=\"space-y-1\">\n        <p className=\"text-sm font-medium text-og-fg\">No machines yet</p>\n        <p className=\"max-w-xs text-[12px] text-og-fg-muted\">\n          Enroll your own computer to run the agent on it — your files, your terminal, your desktop.\n        </p>\n      </div>\n      {onEnroll ? (\n        <button\n          type=\"button\"\n          data-enroll-cta\n          onClick={onEnroll}\n          className=\"inline-flex items-center gap-1.5 rounded-og-sm bg-og-accent px-3 py-1.5 text-xs font-medium text-og-accent-fg transition-colors hover:bg-og-accent-strong\"\n        >\n          <PlusIcon className=\"size-3.5\" aria-hidden />\n          Enroll a machine\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction Header({\n  count,\n  onEnroll,\n  onRefresh,\n}: {\n  count: number;\n  onEnroll?: (() => void) | undefined;\n  onRefresh?: (() => void) | undefined;\n}): ReactNode {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"flex items-baseline gap-2\">\n        <h2 className=\"text-sm font-semibold text-og-fg\">Machines</h2>\n        <span className=\"font-og-mono text-[11px] text-og-fg-subtle\">{count}</span>\n      </div>\n      <div className=\"flex items-center gap-1.5\">\n        {onRefresh ? (\n          <button\n            type=\"button\"\n            data-refresh\n            onClick={onRefresh}\n            title=\"Refresh\"\n            className=\"rounded-og-sm p-1.5 text-og-fg-subtle transition-colors hover:bg-og-surface-2 hover:text-og-fg\"\n          >\n            <RefreshCwIcon className=\"size-3.5\" aria-hidden />\n          </button>\n        ) : null}\n        {onEnroll ? (\n          <button\n            type=\"button\"\n            data-enroll-cta\n            onClick={onEnroll}\n            className=\"inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2.5 py-1 text-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg\"\n          >\n            <PlusIcon className=\"size-3.5\" aria-hidden />\n            Enroll\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The workspace Machines dashboard: the fleet of selfhosted enrollments + the\n * session's Modal sandbox, each with its connection-status pill, state badges,\n * latest metrics, and an attach/swap affordance. Renders the empty state (no\n * machines → enroll CTA), a load error, and the populated grid. The component\n * is purely presentational — feed it `MachinesResponse` data via `useMachines`.\n */\nexport function MachinesDashboard({\n  machines,\n  activeSandboxId,\n  loading,\n  error,\n  onAttach,\n  attachingSandboxId,\n  onEnroll,\n  onRefresh,\n  className,\n}: MachinesDashboardProps) {\n  const isEmpty = !loading && !error && machines.length === 0;\n\n  return (\n    <section data-machines-dashboard className={cn(\"og-root flex flex-col gap-3\", className)}>\n      <Header count={machines.length} onEnroll={onEnroll} onRefresh={onRefresh} />\n\n      {error ? (\n        <p\n          data-machines-error\n          className=\"rounded-og-md border border-og-status-failed/30 bg-og-status-failed/10 px-3 py-2 text-[12px] text-og-status-failed\"\n        >\n          Could not load machines: {error.message}\n        </p>\n      ) : null}\n\n      {loading && machines.length === 0 ? (\n        <div data-machines-loading className=\"grid gap-3 sm:grid-cols-2\">\n          {[0, 1].map((i) => (\n            <div key={i} className=\"h-36 animate-og-pulse rounded-og-lg border border-og-border bg-og-surface-1\" />\n          ))}\n        </div>\n      ) : isEmpty ? (\n        <EmptyState onEnroll={onEnroll} />\n      ) : (\n        <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\" data-machines-grid>\n          {machines.map((machine) => (\n            <MachineCard\n              key={machine.sandboxId}\n              machine={{ ...machine, active: machine.active || machine.sandboxId === activeSandboxId }}\n              onAttach={onAttach}\n              attaching={attachingSandboxId === machine.sandboxId}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n","import { LaptopIcon, CpuIcon, UsersIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport type { MachineKind, MachineState } from \"../types/machines\";\nimport { ConnectionStatusPill, MACHINE_STATE_BADGE_META } from \"./machine-status-pill\";\nimport { connectionStatusForState } from \"../types/machines\";\n\nexport type MachineDockBarProps = {\n  /** The active machine's display name. */\n  name: string;\n  kind: MachineKind;\n  state: MachineState;\n  /** Live sessions sharing this whole-machine lease (>1 ⇒ shared disclosure). */\n  sharedSessionCount?: number | undefined;\n  className?: string | undefined;\n};\n\n/**\n * A slim bar that surfaces WHICH machine the dock surfaces (Files/Terminal/\n * Desktop) are bound to + its connection status. Mounted above the dock tabs so\n * the user always knows whether they are looking at the Modal box or their own\n * machine, and whether it is online / reconnecting / offline. The surfaces below\n * render IDENTICALLY regardless of backend — this bar is the only backend-aware\n * chrome (the dock-parity contract: selfhosted == Modal for the surfaces).\n */\nexport function MachineDockBar({ name, kind, state, sharedSessionCount, className }: MachineDockBarProps) {\n  const Icon = kind === \"selfhosted\" ? LaptopIcon : CpuIcon;\n  const stateBadge = MACHINE_STATE_BADGE_META[state];\n  const shared = (sharedSessionCount ?? 0) > 1;\n  return (\n    <div\n      data-machine-dock-bar\n      className={cn(\n        \"flex shrink-0 items-center justify-between gap-2 border-b border-og-border bg-og-surface-1 px-2.5 py-1\",\n        className,\n      )}\n    >\n      <div className=\"flex min-w-0 items-center gap-1.5\">\n        <Icon className=\"size-3.5 shrink-0 text-og-fg-subtle\" aria-hidden />\n        <span className=\"truncate text-[11px] font-medium text-og-fg\">{name}</span>\n        {stateBadge ? (\n          <span\n            data-state-badge={state}\n            className={cn(\"shrink-0 rounded-full border px-1.5 py-px text-[10px] font-medium\", stateBadge.badgeClassName)}\n          >\n            {stateBadge.label}\n          </span>\n        ) : null}\n      </div>\n      <ConnectionStatusPill status={connectionStatusForState(state)} size=\"sm\" className=\"shrink-0\" />\n    </div>\n  );\n}\n\nexport type SharedMachineDisclosureProps = {\n  sharedSessionCount: number;\n  /** Compact (inline strip) vs full (a notice block). */\n  density?: \"compact\" | \"full\" | undefined;\n  className?: string | undefined;\n};\n\n/**\n * The \"shared — another session is on this machine\" disclosure. Surfaced in the\n * dock (and reused on the desktop take-control gate) so the user knows others are\n * driving the same whole-machine lease. Render when `sharedSessionCount > 1`.\n */\nexport function SharedMachineDisclosure({ sharedSessionCount, density = \"compact\", className }: SharedMachineDisclosureProps) {\n  const others = Math.max(0, sharedSessionCount - 1);\n  return (\n    <div\n      data-shared-disclosure\n      className={cn(\n        \"flex items-center gap-1.5 border-og-accent/25 bg-og-accent-soft text-og-fg-muted\",\n        density === \"full\" ? \"rounded-og-md border px-3 py-2 text-[12px]\" : \"border-b px-2.5 py-1 text-[11px]\",\n        className,\n      )}\n    >\n      <UsersIcon className=\"size-3.5 shrink-0 text-og-accent\" aria-hidden />\n      <span>\n        Shared — {others === 1 ? \"another session is\" : `${others} other sessions are`} on this machine. They see the same\n        terminal, files, and desktop.\n      </span>\n    </div>\n  );\n}\n","import { type ReactNode } from \"react\";\nimport { CopyIcon, ExternalLinkIcon, LaptopIcon, TerminalIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport type { MachineState } from \"../types/machines\";\nimport { ConnectionStatusPill } from \"./machine-status-pill\";\n\n/** The poll state of an in-flight device-flow enrollment. */\nexport type DeviceFlowPhase = \"pending\" | \"authorized\" | \"denied\" | \"expired\" | \"disabled\";\n\nexport type EnrollmentDeviceFlowProps = {\n  /** The short user code the agent printed (shown big for the human to confirm). */\n  userCode: string;\n  /** Where the user approves — the same-origin device page. */\n  verificationUri: string;\n  /** The complete URI (code pre-filled) for a one-click / QR open. */\n  verificationUriComplete?: string | undefined;\n  /** The install one-liner the user ran (echoed for context). Optional. */\n  installCommand?: string | undefined;\n  phase?: DeviceFlowPhase | undefined;\n  /** Seconds remaining before the code expires (drives a quiet countdown). */\n  expiresInSeconds?: number | undefined;\n  onCopyCode?: (() => void) | undefined;\n  onCopyInstall?: (() => void) | undefined;\n  onOpenVerification?: (() => void) | undefined;\n  className?: string | undefined;\n};\n\nconst PHASE_TO_STATE: Record<DeviceFlowPhase, MachineState> = {\n  pending: \"enrolling\",\n  authorized: \"online\",\n  denied: \"offline\",\n  expired: \"offline\",\n  disabled: \"offline\",\n};\n\nfunction PhaseLabel({ phase }: { phase: DeviceFlowPhase }): ReactNode {\n  const text: Record<DeviceFlowPhase, string> = {\n    pending: \"Waiting for approval\",\n    authorized: \"Connected\",\n    denied: \"Denied\",\n    expired: \"Code expired\",\n    disabled: \"Enrollment disabled\",\n  };\n  return <span>{text[phase]}</span>;\n}\n\n/**\n * The IN-SESSION device-flow panel: the agent (after the install one-liner) prints\n * a short `userCode` + a `verificationUri`; this surfaces them so the user can open\n * the approve page and confirm the code. Polls in the caller; this renders the\n * pending → authorized/denied/expired progression with a connection pill. This is\n * the FIRST step of the IA flow (device-flow → Machines list → attach/swap).\n */\nexport function EnrollmentDeviceFlow({\n  userCode,\n  verificationUri,\n  verificationUriComplete,\n  installCommand,\n  phase = \"pending\",\n  expiresInSeconds,\n  onCopyCode,\n  onCopyInstall,\n  onOpenVerification,\n  className,\n}: EnrollmentDeviceFlowProps) {\n  const href = verificationUriComplete ?? verificationUri;\n  // Before the one-liner runs the caller passes a placeholder (dashes) for the\n  // code — surface that as an explicit waiting state rather than dashes that look\n  // like a real code to type.\n  const codeIsPlaceholder = !/[A-Za-z0-9]/.test(userCode);\n  const awaitingCode = phase === \"pending\" && codeIsPlaceholder;\n  return (\n    <div\n      data-enrollment-device-flow\n      className={cn(\n        \"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\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"flex size-7 items-center justify-center rounded-full bg-og-surface-2 text-og-fg-muted\">\n            <LaptopIcon className=\"size-4\" aria-hidden />\n          </span>\n          <h2 className=\"text-sm font-semibold text-og-fg\">Connect a machine</h2>\n        </div>\n        <ConnectionStatusPill\n          status={\n            PHASE_TO_STATE[phase] === \"online\"\n              ? \"online\"\n              : PHASE_TO_STATE[phase] === \"offline\"\n                ? \"offline\"\n                : \"reconnecting\"\n          }\n          label={(<PhaseLabel phase={phase} />) as unknown as string}\n          size=\"sm\"\n        />\n      </div>\n\n      {installCommand ? (\n        <div className=\"flex flex-col gap-1.5\">\n          <span className=\"text-[11px] font-medium uppercase tracking-wide text-og-fg-subtle\">1 · Run on the machine</span>\n          <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\">\n            <code className=\"flex min-w-0 items-center gap-2 overflow-x-auto font-og-mono text-[12px] text-og-fg\">\n              <TerminalIcon className=\"size-3.5 shrink-0 text-og-fg-subtle\" aria-hidden />\n              {installCommand}\n            </code>\n            <button\n              type=\"button\"\n              data-copy-install\n              onClick={onCopyInstall}\n              title=\"Copy command\"\n              className=\"shrink-0 rounded-og-sm p-1.5 text-og-fg-subtle transition-colors hover:bg-og-surface-2 hover:text-og-fg\"\n            >\n              <CopyIcon className=\"size-4\" aria-hidden />\n            </button>\n          </div>\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-col gap-1.5\">\n        <span className=\"text-[11px] font-medium uppercase tracking-wide text-og-fg-subtle\">\n          {installCommand ? \"2 · Approve the machine\" : \"Approve the machine\"}\n        </span>\n        <div className=\"flex items-center justify-between gap-3 rounded-og-md border border-og-border bg-og-bg px-3 py-2.5\">\n          {awaitingCode ? (\n            <span data-user-code className=\"font-og-mono text-[13px] text-og-fg-subtle\">\n              Run the command above — your code appears here\n            </span>\n          ) : (\n            <span\n              data-user-code\n              className=\"select-all font-og-mono text-2xl font-semibold tracking-[0.25em] text-og-fg\"\n            >\n              {userCode}\n            </span>\n          )}\n          <button\n            type=\"button\"\n            data-copy-code\n            onClick={onCopyCode}\n            disabled={awaitingCode}\n            title=\"Copy code\"\n            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\"\n          >\n            <CopyIcon className=\"size-4\" aria-hidden />\n          </button>\n        </div>\n      </div>\n\n      <a\n        href={href}\n        data-open-verification\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        onClick={onOpenVerification}\n        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\"\n      >\n        Open approval page\n        <ExternalLinkIcon className=\"size-3.5\" aria-hidden />\n      </a>\n\n      <p className=\"text-center text-[11px] text-og-fg-subtle\">\n        {awaitingCode ? (\n          <>\n            The one-liner prints a short code. Open{\" \"}\n            <span className=\"font-og-mono text-og-fg-muted\">{verificationUri}</span> and confirm the code shown there\n            matches.\n          </>\n        ) : (\n          <>\n            Confirm code <span className=\"font-og-mono text-og-fg-muted\">{userCode}</span> — the one printed by the\n            one-liner — at <span className=\"font-og-mono text-og-fg-muted\">{verificationUri}</span>.\n            {typeof expiresInSeconds === \"number\" ? (\n              <> Expires in {Math.max(0, Math.round(expiresInSeconds / 60))} min.</>\n            ) : null}\n          </>\n        )}\n      </p>\n    </div>\n  );\n}\n","import { type ReactNode, useState } from \"react\";\nimport {\n  CircleAlertIcon,\n  LaptopIcon,\n  MonitorIcon,\n  ScreenShareIcon,\n  ShieldAlertIcon,\n  TerminalIcon,\n  UsersIcon,\n} from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\n\n/** The machine identity surfaced to the approver, from the device-flow start. */\nexport type EnrollmentConsentMachine = {\n  /** Human-friendly name (hostname by default). */\n  machineName: string;\n  os: string;\n  arch: string;\n  /** The agent can offer a display (a real screen / Xvfb is available). */\n  canOfferDisplay: boolean;\n  /** The agent requests screen control (computer-use). */\n  requestsScreenControl: boolean;\n};\n\n/** The phase of the approve page (drives the rendered panel). */\nexport type EnrollmentConsentPhase = \"review\" | \"approving\" | \"approved\" | \"denied\" | \"error\";\n\nexport type EnrollmentConsentProps = {\n  /** The short code the user typed / scanned (echoed back for confirmation). */\n  userCode: string;\n  machine: EnrollmentConsentMachine;\n  phase?: EnrollmentConsentPhase | undefined;\n  /** Approve with the chosen screen-control consent. */\n  onApprove?: ((allowScreenControl: boolean) => void) | undefined;\n  onDeny?: (() => void) | undefined;\n  /** Error message when phase === \"error\". */\n  errorMessage?: string | undefined;\n  className?: string | undefined;\n};\n\nfunction Capability({ icon, title, body }: { icon: ReactNode; title: string; body: string }) {\n  return (\n    <li className=\"flex items-start gap-2.5\">\n      <span className=\"mt-0.5 shrink-0 text-og-status-failed\">{icon}</span>\n      <span className=\"min-w-0\">\n        <span className=\"block text-[13px] font-medium text-og-fg\">{title}</span>\n        <span className=\"block text-[12px] text-og-fg-muted\">{body}</span>\n      </span>\n    </li>\n  );\n}\n\n/**\n * The user-facing APPROVE page for the device-flow enrollment: a LOUD,\n * un-minimised whole-machine consent. Approving grants the agent FULL access to\n * this machine — exec, files, terminal — and (when toggled) live screen control.\n * The danger framing is deliberate (§18 hardening: whole-machine = loud consent),\n * never buried. Renders review / approving / approved / denied / error phases.\n */\nexport function EnrollmentConsent({\n  userCode,\n  machine,\n  phase = \"review\",\n  onApprove,\n  onDeny,\n  errorMessage,\n  className,\n}: EnrollmentConsentProps) {\n  const [allowScreenControl, setAllowScreenControl] = useState(machine.requestsScreenControl);\n  const busy = phase === \"approving\";\n\n  if (phase === \"approved\") {\n    return (\n      <ConsentResult\n        className={className}\n        tone=\"ok\"\n        title=\"Machine connected\"\n        body={`${machine.machineName} is now enrolled in this workspace. You can close this page — it will appear in your Machines dashboard.`}\n      />\n    );\n  }\n  if (phase === \"denied\") {\n    return (\n      <ConsentResult\n        className={className}\n        tone=\"muted\"\n        title=\"Enrollment denied\"\n        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.`}\n      />\n    );\n  }\n  if (phase === \"error\") {\n    return (\n      <ConsentResult\n        className={className}\n        tone=\"danger\"\n        title=\"Could not complete enrollment\"\n        body={errorMessage ?? \"The code may have expired. Re-run the install one-liner on the machine for a fresh code.\"}\n      />\n    );\n  }\n\n  return (\n    <div\n      data-enrollment-consent\n      className={cn(\n        \"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\",\n        className,\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <span className=\"flex size-9 shrink-0 items-center justify-center rounded-full bg-og-status-failed/15 text-og-status-failed\">\n          <ShieldAlertIcon className=\"size-5\" aria-hidden />\n        </span>\n        <div className=\"min-w-0\">\n          <h1 className=\"text-base font-semibold text-og-fg\">Give the agent your whole machine?</h1>\n          <p className=\"mt-1 text-[13px] text-og-fg-muted\">\n            Approving lets the OpenGeni agent run on <span className=\"font-medium text-og-fg\">{machine.machineName}</span> with\n            full access. This is your real computer — not a sandbox.\n          </p>\n        </div>\n      </div>\n\n      <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-[12px]\">\n        <LaptopIcon className=\"size-4 text-og-fg-subtle\" aria-hidden />\n        <span className=\"font-medium text-og-fg\">{machine.machineName}</span>\n        <span className=\"font-og-mono text-og-fg-subtle\">\n          {machine.os}/{machine.arch}\n        </span>\n        <span aria-hidden className=\"text-og-fg-subtle\">·</span>\n        <span className=\"text-og-fg-subtle\">\n          code <span className=\"font-og-mono font-medium text-og-fg\">{userCode}</span>\n        </span>\n      </div>\n\n      <ul className=\"flex flex-col gap-3\">\n        <Capability\n          icon={<TerminalIcon className=\"size-4\" aria-hidden />}\n          title=\"Read, write & run anything\"\n          body=\"The agent can read and modify any file, run any command, and use your git credentials — as if it were you at the keyboard.\"\n        />\n        {machine.canOfferDisplay ? (\n          <Capability\n            icon={<MonitorIcon className=\"size-4\" aria-hidden />}\n            title=\"See your screen\"\n            body=\"The agent can capture this machine's display to watch what it is doing.\"\n          />\n        ) : null}\n        <Capability\n          icon={<UsersIcon className=\"size-4\" aria-hidden />}\n          title=\"Shared while connected\"\n          body=\"Any session in this workspace can use this machine while it is online. Disconnect the agent to revoke access instantly.\"\n        />\n      </ul>\n\n      {machine.canOfferDisplay ? (\n        <label\n          data-screen-control-toggle\n          className=\"flex cursor-pointer items-start gap-3 rounded-og-md border border-og-border bg-og-bg px-3 py-2.5\"\n        >\n          <input\n            type=\"checkbox\"\n            checked={allowScreenControl}\n            disabled={busy}\n            onChange={(e) => setAllowScreenControl(e.target.checked)}\n            className=\"mt-0.5 size-4 accent-[var(--og-color-accent)]\"\n          />\n          <span className=\"min-w-0\">\n            <span className=\"flex items-center gap-1.5 text-[13px] font-medium text-og-fg\">\n              <ScreenShareIcon className=\"size-3.5 text-og-fg-muted\" aria-hidden />\n              Also let the agent control my mouse & keyboard\n            </span>\n            <span className=\"mt-0.5 block text-[12px] text-og-fg-muted\">\n              Optional. Enables computer-use — the agent can move the pointer, type, and click on this machine's desktop. Leave\n              off to let it only watch.\n            </span>\n          </span>\n        </label>\n      ) : (\n        <p className=\"flex items-start gap-2 rounded-og-md border border-og-border bg-og-bg px-3 py-2 text-[12px] text-og-fg-muted\">\n          <CircleAlertIcon className=\"mt-px size-3.5 shrink-0 text-og-fg-subtle\" aria-hidden />\n          This machine has no display, so screen control isn't available — files, terminal, and git only.\n        </p>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          data-deny\n          disabled={busy}\n          onClick={() => onDeny?.()}\n          className=\"flex-1 rounded-og-sm border border-og-border px-3 py-2 text-sm font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg disabled:opacity-50\"\n        >\n          Cancel\n        </button>\n        <button\n          type=\"button\"\n          data-approve\n          disabled={busy}\n          onClick={() => onApprove?.(allowScreenControl)}\n          className=\"flex-1 rounded-og-sm bg-og-status-failed px-3 py-2 text-sm font-semibold text-white transition-colors hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? \"Connecting…\" : \"Grant full access\"}\n        </button>\n      </div>\n    </div>\n  );\n}\n\nfunction ConsentResult({\n  tone,\n  title,\n  body,\n  className,\n}: {\n  tone: \"ok\" | \"muted\" | \"danger\";\n  title: string;\n  body: string;\n  className?: string | undefined;\n}) {\n  const ring =\n    tone === \"ok\"\n      ? \"border-og-status-running/30\"\n      : tone === \"danger\"\n        ? \"border-og-status-failed/30\"\n        : \"border-og-border\";\n  const iconClass =\n    tone === \"ok\" ? \"text-og-status-running\" : tone === \"danger\" ? \"text-og-status-failed\" : \"text-og-fg-subtle\";\n  return (\n    <div\n      data-enrollment-result={tone}\n      className={cn(\n        \"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\",\n        ring,\n        className,\n      )}\n    >\n      <span className={cn(\"flex size-10 items-center justify-center rounded-full bg-og-surface-2\", iconClass)}>\n        <LaptopIcon className=\"size-5\" aria-hidden />\n      </span>\n      <h1 className=\"text-base font-semibold text-og-fg\">{title}</h1>\n      <p className=\"max-w-sm text-[13px] text-og-fg-muted\">{body}</p>\n    </div>\n  );\n}\n","import { useCallback, useState } from \"react\";\nimport { useOpenGeni, type ClientOverride } from \"../provider\";\nimport { useMutationRunner, usePolledValue } from \"./internal\";\nimport type { MachinesResponse, MachineView, MetricSample } from \"../types/machines\";\n\n/**\n * The slice of the SDK client the Machines surface needs. The method NAMES +\n * SIGNATURES match M10's `OpenGeniClient` (`listMachines`, `machineMetricsSeries`)\n * so the real SDK client satisfies this surface DIRECTLY for the read paths — no\n * adapter needed. It is declared structurally (not a hard `OpenGeniClient` Pick)\n * so a test/demo/Geni-frontend client can stand in, keeping the hook dual-consumer\n * safe (works in apps/web AND the separate Geni frontend).\n *\n * The active-sandbox SWAP is now a typed SDK call (`swapActiveSandbox`, the M7\n * user-authenticated REST equivalent of the `sandbox_swap` MCP tool). The real\n * SDK client satisfies it structurally, so the default attach path is wired\n * WHENEVER a sessionId is in scope (the swap is session-scoped). `attachMachine`\n * stays an OPTIONAL escape hatch for a host that wants to supply its own swap\n * adapter; when neither it nor a sessionId is present, attach is a no-op and the\n * card hides the button.\n */\nexport type MachinesClientLike = {\n  /** GET /v1/workspaces/:ws/machines — the dashboard list + active pointer. */\n  listMachines: (workspaceId: string, options?: { sessionId?: string }) => Promise<MachinesResponse>;\n  /** GET .../machines/:enrollmentId/metrics/series — the downsampled history. */\n  machineMetricsSeries?: (\n    workspaceId: string,\n    enrollmentId: string,\n    options?: { window?: \"15m\" | \"1h\" | \"6h\" | \"24h\" },\n  ) => Promise<MetricSample[]>;\n  /**\n   * POST .../sessions/:sessionId/active-sandbox — swap the session's active\n   * sandbox to a machine. The default swap path; the real SDK client provides it.\n   */\n  swapActiveSandbox?: (\n    workspaceId: string,\n    sessionId: string,\n    request: { target: string },\n  ) => Promise<unknown>;\n  /**\n   * Host-supplied swap adapter (an escape hatch). When present it wins over the\n   * default `swapActiveSandbox` path. Session-scoped, like the swap it backs.\n   */\n  attachMachine?: (workspaceId: string, sessionId: string, sandboxId: string) => Promise<unknown>;\n};\n\nexport type UseMachinesOptions = ClientOverride & {\n  pollIntervalMs?: number | undefined;\n  enabled?: boolean | undefined;\n  /** Scope the list to a session (adds the synthetic Modal group box + pointer). */\n  sessionId?: string | undefined;\n  /**\n   * Override the client with one implementing `MachinesClientLike`. Defaults to\n   * the provider client cast to the surface (the real SDK client satisfies the\n   * read paths). An app supplies an adapter to wire `attachMachine` (the swap).\n   */\n  machinesClient?: MachinesClientLike | undefined;\n};\n\nexport type UseMachinesResult = {\n  machines: MachineView[];\n  activeSandboxId: string | null;\n  activeEpoch: number;\n  loading: boolean;\n  error: Error | null;\n  refresh: () => Promise<void>;\n  /** Attach/swap the session's active sandbox to a machine (returns the new pointer). */\n  attach: (sandboxId: string) => Promise<boolean>;\n  /** Whether the host wired an attach/swap path (drives the card affordance). */\n  canAttach: boolean;\n  /** Fetch a downsampled metric series for one enrolled machine. */\n  fetchSeries: (enrollmentId: string, window?: \"15m\" | \"1h\" | \"6h\" | \"24h\") => Promise<MetricSample[]>;\n  attaching: boolean;\n  /** The sandbox id of the in-flight attach (for per-card spinner gating). */\n  attachingSandboxId: string | null;\n  mutationError: Error | null;\n  clearMutationError: () => void;\n};\n\nconst EMPTY: MachinesResponse = { activeSandboxId: null, activeEpoch: 0, machines: [] };\n\n/**\n * The workspace Machines fleet: the selfhosted enrollments + the session's Modal\n * box, each with latest metrics + state, plus the active-sandbox pointer. Polls\n * the M10 `GET /machines` endpoint and exposes attach/swap + a metric-series\n * fetch. Renders via `<MachinesDashboard>`. Dual-consumer safe: it reads only the\n * structural `MachinesClientLike` surface, so it works in apps/web AND the Geni\n * frontend (each provides its own client/adapter).\n */\nexport function useMachines(options: UseMachinesOptions = {}): UseMachinesResult {\n  const { client, workspaceId } = useOpenGeni(options);\n  const machinesClient = (options.machinesClient ?? (client as unknown as MachinesClientLike)) satisfies MachinesClientLike;\n  const sessionId = options.sessionId;\n\n  const load = useCallback(async () => {\n    return await machinesClient.listMachines(workspaceId, sessionId ? { sessionId } : undefined);\n  }, [machinesClient, workspaceId, sessionId]);\n\n  const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });\n  const mutation = useMutationRunner();\n  // The sandbox id of the in-flight attach (drives the per-card spinner).\n  const [attachingSandboxId, setAttachingSandboxId] = useState<string | null>(null);\n\n  const data = state.data ?? EMPTY;\n  // The swap is session-scoped: a host adapter (`attachMachine`) wins; otherwise\n  // the default `swapActiveSandbox` path is wired whenever a sessionId is in\n  // scope. Either way attach needs a sessionId to point at.\n  const canAttach =\n    sessionId !== undefined &&\n    (typeof machinesClient.attachMachine === \"function\" ||\n      typeof machinesClient.swapActiveSandbox === \"function\");\n\n  const attach = useCallback(\n    async (sandboxId: string): Promise<boolean> => {\n      if (sessionId === undefined) return false;\n      const runSwap = machinesClient.attachMachine\n        ? () => machinesClient.attachMachine!(workspaceId, sessionId, sandboxId)\n        : machinesClient.swapActiveSandbox\n          ? () => machinesClient.swapActiveSandbox!(workspaceId, sessionId, { target: sandboxId })\n          : null;\n      if (!runSwap) return false;\n      setAttachingSandboxId(sandboxId);\n      const result = await mutation.run(async () => {\n        await runSwap();\n        return true;\n      });\n      setAttachingSandboxId(null);\n      if (result) await state.refresh();\n      return result === true;\n    },\n    [machinesClient, workspaceId, sessionId, mutation.run, state.refresh],\n  );\n\n  const fetchSeries = useCallback(\n    async (enrollmentId: string, window: \"15m\" | \"1h\" | \"6h\" | \"24h\" = \"1h\"): Promise<MetricSample[]> => {\n      if (!machinesClient.machineMetricsSeries) return [];\n      return await machinesClient.machineMetricsSeries(workspaceId, enrollmentId, { window });\n    },\n    [machinesClient, workspaceId],\n  );\n\n  return {\n    machines: data.machines,\n    activeSandboxId: data.activeSandboxId,\n    activeEpoch: data.activeEpoch,\n    loading: state.loading,\n    error: state.error,\n    refresh: state.refresh,\n    attach,\n    canAttach,\n    fetchSeries,\n    attaching: mutation.mutating,\n    attachingSandboxId,\n    mutationError: mutation.mutationError,\n    clearMutationError: mutation.clearMutationError,\n  };\n}\n","import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { SessionClientLike } from \"./client\";\n\nexport type OpenGeniContextValue = {\n  client: SessionClientLike;\n  workspaceId: string;\n};\n\nconst OpenGeniContext = createContext<OpenGeniContextValue | null>(null);\n\nexport type OpenGeniProviderProps = {\n  client: SessionClientLike;\n  workspaceId: string;\n  children?: ReactNode;\n};\n\n/**\n * Supplies the OpenGeni client + workspace to all hooks below it. Hooks also\n * accept `{ client, workspaceId }` overrides per call for multi-workspace UIs.\n */\nexport function OpenGeniProvider({ client, workspaceId, children }: OpenGeniProviderProps) {\n  const value = useMemo(() => ({ client, workspaceId }), [client, workspaceId]);\n  return <OpenGeniContext.Provider value={value}>{children}</OpenGeniContext.Provider>;\n}\n\nexport type ClientOverride = {\n  client?: SessionClientLike | undefined;\n  workspaceId?: string | undefined;\n};\n\n/** Resolve client + workspace from explicit overrides or the provider. */\nexport function useOpenGeni(override: ClientOverride = {}): OpenGeniContextValue {\n  const context = useContext(OpenGeniContext);\n  const client = override.client ?? context?.client;\n  const workspaceId = override.workspaceId ?? context?.workspaceId;\n  if (!client || !workspaceId) {\n    throw new Error(\n      \"@opengeni/react: no OpenGeni client/workspace available. Wrap the tree in <OpenGeniProvider> or pass { client, workspaceId } to the hook.\",\n    );\n  }\n  return { client, workspaceId };\n}\n\n/**\n * Resolve the client only — for hooks that are not workspace-scoped\n * (`useWorkspaces`, `useBillingUsage`).\n */\nexport function useOpenGeniClient(override: Pick<ClientOverride, \"client\"> = {}): SessionClientLike {\n  const context = useContext(OpenGeniContext);\n  const client = override.client ?? context?.client;\n  if (!client) {\n    throw new Error(\n      \"@opengeni/react: no OpenGeni client available. Wrap the tree in <OpenGeniProvider> or pass { client } to the hook.\",\n    );\n  }\n  return client;\n}\n","import type { SessionEvent } from \"@opengeni/sdk\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { SessionClientLike } from \"../client\";\n\nexport type AsyncListState<T> = {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n  refresh: () => Promise<void>;\n};\n\n/**\n * Shared fetch + optional polling loop for the list/read hooks. Stale\n * responses (superseded by a newer load or an unmount) are dropped.\n */\nexport function usePolledValue<T>(load: () => Promise<T>, options: { pollIntervalMs?: number | undefined; enabled?: boolean | undefined } = {}): AsyncListState<T> {\n  const enabled = options.enabled ?? true;\n  const pollIntervalMs = options.pollIntervalMs;\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(enabled);\n  const [error, setError] = useState<Error | null>(null);\n  const generation = useRef(0);\n  const loadRef = useRef(load);\n\n  // A new loader identity means a new query (different session/workspace/...):\n  // drop the previous result instead of showing it as the new query's data.\n  useEffect(() => {\n    if (loadRef.current !== load) {\n      loadRef.current = load;\n      setData(null);\n      setError(null);\n    }\n  }, [load]);\n\n  const run = useCallback(async () => {\n    const ticket = ++generation.current;\n    try {\n      const result = await load();\n      if (ticket === generation.current) {\n        setData(result);\n        setError(null);\n        setLoading(false);\n      }\n    } catch (cause) {\n      if (ticket === generation.current) {\n        setError(cause instanceof Error ? cause : new Error(String(cause)));\n        setLoading(false);\n      }\n    }\n  }, [load]);\n\n  useEffect(() => {\n    if (!enabled) {\n      setLoading(false);\n      return;\n    }\n    setLoading(true);\n    void run();\n    if (pollIntervalMs === undefined || pollIntervalMs <= 0) {\n      return () => {\n        generation.current += 1;\n      };\n    }\n    const timer = setInterval(() => void run(), pollIntervalMs);\n    return () => {\n      clearInterval(timer);\n      generation.current += 1;\n    };\n  }, [run, enabled, pollIntervalMs]);\n\n  return { data, loading, error, refresh: run };\n}\n\nexport type MutationState = {\n  mutating: boolean;\n  mutationError: Error | null;\n  clearMutationError: () => void;\n};\n\n/**\n * Shared async mutation runner for the write hooks. `run` resolves with the\n * operation's value, or `null` after capturing the error in `mutationError`\n * (callers then roll back optimistic state).\n */\nexport function useMutationRunner(): MutationState & {\n  run: <T>(operation: () => Promise<T>) => Promise<T | null>;\n} {\n  const [mutating, setMutating] = useState(false);\n  const [mutationError, setMutationError] = useState<Error | null>(null);\n  const inFlight = useRef(0);\n  const mounted = useRef(true);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  const run = useCallback(async <T,>(operation: () => Promise<T>): Promise<T | null> => {\n    inFlight.current += 1;\n    if (mounted.current) {\n      setMutating(true);\n      setMutationError(null);\n    }\n    try {\n      return await operation();\n    } catch (cause) {\n      if (mounted.current) {\n        setMutationError(cause instanceof Error ? cause : new Error(String(cause)));\n      }\n      return null;\n    } finally {\n      inFlight.current -= 1;\n      if (mounted.current && inFlight.current === 0) {\n        setMutating(false);\n      }\n    }\n  }, []);\n  return {\n    mutating,\n    mutationError,\n    clearMutationError: useCallback(() => setMutationError(null), []),\n    run,\n  };\n}\n\nexport type SessionEventFeedOptions = {\n  /**\n   * Share an existing event log (from `useSessionEvents`) instead of opening\n   * a second stream. When omitted the hook tails the session's event stream\n   * itself, starting at the current `lastSequence`.\n   */\n  events?: SessionEvent[] | undefined;\n  enabled?: boolean | undefined;\n};\n\n/**\n * Invoke `onEvent` for every session event matching `match` — the live-update\n * primitive behind `useTurnQueue` and `useGoal`. Either watches a shared\n * `events` log or tails the stream directly (reconnect handled by the SDK).\n */\nexport function useSessionEventTrigger(\n  client: SessionClientLike,\n  workspaceId: string,\n  sessionId: string | null | undefined,\n  match: (event: SessionEvent) => boolean,\n  onEvent: (event: SessionEvent) => void,\n  options: SessionEventFeedOptions = {},\n): void {\n  const enabled = options.enabled ?? true;\n  const events = options.events;\n  const sharedFeed = events !== undefined;\n  const matchRef = useRef(match);\n  matchRef.current = match;\n  const onEventRef = useRef(onEvent);\n  onEventRef.current = onEvent;\n  const consumedRef = useRef(0);\n  const feedKeyRef = useRef<string | null>(null);\n\n  // Shared-log mode: scan only the unseen tail on every append.\n  useEffect(() => {\n    if (!sharedFeed || !enabled || !sessionId) {\n      return;\n    }\n    const feedKey = `${workspaceId}\\u0000${sessionId}`;\n    const firstSequence = events[0]?.sequence ?? 0;\n    // A new session target or a log reset (sequence restarted below the\n    // cursor) restarts consumption from the top of the shared log.\n    if (feedKeyRef.current !== feedKey || firstSequence > consumedRef.current + 1) {\n      feedKeyRef.current = feedKey;\n      consumedRef.current = 0;\n    }\n    for (const event of events) {\n      if (event.sequence <= consumedRef.current) {\n        continue;\n      }\n      consumedRef.current = event.sequence;\n      if (matchRef.current(event)) {\n        onEventRef.current(event);\n      }\n    }\n  }, [sharedFeed, enabled, events, workspaceId, sessionId]);\n\n  // Self-stream mode: tail from the session's current lastSequence.\n  useEffect(() => {\n    if (sharedFeed || !enabled || !sessionId) {\n      return;\n    }\n    const controller = new AbortController();\n    void (async () => {\n      try {\n        const session = await client.getSession(workspaceId, sessionId);\n        if (controller.signal.aborted) {\n          return;\n        }\n        const stream = client.streamEvents(workspaceId, sessionId, {\n          after: session.lastSequence,\n          signal: controller.signal,\n        });\n        for await (const event of stream) {\n          if (matchRef.current(event)) {\n            onEventRef.current(event);\n          }\n        }\n      } catch {\n        // Live updates are best-effort: the read hooks still expose refresh()\n        // and the initial load already populated state.\n      }\n    })();\n    return () => {\n      controller.abort();\n    };\n  }, [sharedFeed, enabled, client, workspaceId, sessionId]);\n}\n\n/** Debounce rapid event bursts into one trailing call (default 150ms). */\nexport function useDebouncedCallback(callback: () => void, delayMs = 150): () => void {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    return () => {\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, []);\n  return useCallback(() => {\n    if (timerRef.current !== null) {\n      clearTimeout(timerRef.current);\n    }\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null;\n      callbackRef.current();\n    }, delayMs);\n  }, [delayMs]);\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","LaptopIcon","jsx","jsxs","LaptopIcon","LaptopIcon","CpuIcon","UsersIcon","jsx","jsxs","LaptopIcon","CpuIcon","UsersIcon","LaptopIcon","Fragment","jsx","jsxs","LaptopIcon","LaptopIcon","MonitorIcon","TerminalIcon","UsersIcon","jsx","jsxs","LaptopIcon","TerminalIcon","MonitorIcon","UsersIcon","useCallback","useState","jsx","useState","useCallback","useState"]}