@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-YSJEAAOL.js

@@ -0,0 +1,178 @@
+"use client";
+import {
+  capabilityGroupSelection,
+  sessionCapabilityGroupsFor
+} from "./chunk-BKUGE4JJ.js";
+import {
+  openGeniGroupPresentation
+} from "./chunk-GKVJIDHF.js";
+import {
+  COMPOSER_MENU_PANEL_CLASS,
+  ComposerMenuHeader,
+  ComposerMenuRowsSkeleton,
+  lazyComposerPanel
+} from "./chunk-CNFFCVGH.js";
+import {
+  isComposerConnector
+} from "./chunk-ZPW5NFYD.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger
+} from "./chunk-GM3LG6BG.js";
+import {
+  ModelPolicyPickerMenu
+} from "./chunk-2CLNIEK4.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+import {
+  ModelPolicyPicker
+} from "./chunk-XLH7QY2R.js";
+
+// src/app/components/pickers.tsx
+import { ChevronDownIcon, PlugIcon } from "lucide-react";
+import { Suspense } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function firstPartyGroupPresentation(presentation) {
+  return {
+    ...presentation,
+    opengeni_credits: {
+      ...openGeniGroupPresentation.opengeni_credits,
+      ...presentation?.opengeni_credits,
+      label: presentation?.opengeni_credits?.label ?? openGeniGroupPresentation.opengeni_credits?.label,
+      icon: presentation?.opengeni_credits?.icon === void 0 ? openGeniGroupPresentation.opengeni_credits?.icon : presentation.opengeni_credits.icon
+    }
+  };
+}
+function ModelPicker(props) {
+  return /* @__PURE__ */ jsx(
+    ModelPolicyPicker,
+    {
+      ...props,
+      groupPresentation: firstPartyGroupPresentation(props.groupPresentation)
+    }
+  );
+}
+function ModelPickerMenu(props) {
+  return /* @__PURE__ */ jsx(
+    ModelPolicyPickerMenu,
+    {
+      ...props,
+      groupPresentation: firstPartyGroupPresentation(props.groupPresentation)
+    }
+  );
+}
+function pillClass(active, className) {
+  return cn(
+    "h-8 max-w-[12rem] gap-1.5 rounded-full border px-2.5 text-xs",
+    active ? "border-brand/35 bg-brand/10 text-fg" : "border-transparent text-fg-muted hover:border-border hover:bg-surface-2 hover:text-fg",
+    className
+  );
+}
+function visibleSessionToolSelection(selection, servers, firstPartyTools) {
+  const visibleMcpIds = new Set(servers.map((server) => server.id));
+  const visibleFirstPartyIds = new Set(firstPartyTools.map((tool) => tool.id));
+  return {
+    mcpServerIds: new Set([...selection.mcpServerIds].filter((id) => visibleMcpIds.has(id))),
+    firstPartyToolIds: new Set(
+      [...selection.firstPartyToolIds].filter((id) => visibleFirstPartyIds.has(id))
+    )
+  };
+}
+var loadSessionConnectorsMenu = () => import("./app/components/session-connectors-menu-body.js");
+var LazySessionConnectorsMenuBody = lazyComposerPanel(
+  () => loadSessionConnectorsMenu().then((module) => module.SessionConnectorsMenuBody)
+);
+function SessionToolsMenuBody(props) {
+  const rows = Math.min(6, Math.max(1, props.servers.filter(isComposerConnector).length));
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ComposerMenuHeader, { title: "Connectors", leading: props.leading }),
+        /* @__PURE__ */ jsx(ComposerMenuRowsSkeleton, { rows, size: "tile", label: "Loading connectors" })
+      ] }),
+      children: /* @__PURE__ */ jsx(LazySessionConnectorsMenuBody, { ...props })
+    }
+  );
+}
+var SESSION_TOOLS_PANEL_CLASS = COMPOSER_MENU_PANEL_CLASS;
+function sessionToolSelectionSummary(props) {
+  const visibleSelection = visibleSessionToolSelection(
+    props.selection,
+    props.servers,
+    props.firstPartyTools
+  );
+  const total = props.servers.length + props.firstPartyTools.length;
+  const selected = visibleSelection.mcpServerIds.size + visibleSelection.firstPartyToolIds.size;
+  const groups = sessionCapabilityGroupsFor(props.firstPartyTools);
+  const selectedGroups = groups.filter(
+    (group) => capabilityGroupSelection(group, visibleSelection.firstPartyToolIds) !== "none"
+  ).length;
+  const selectedCapabilities = visibleSelection.mcpServerIds.size + selectedGroups;
+  return {
+    total,
+    selected,
+    selectedCapabilities,
+    label: selected === total ? "All" : String(selectedCapabilities)
+  };
+}
+function SessionToolPicker(props) {
+  const { total, selected, label } = sessionToolSelectionSummary(props);
+  const menuSide = props.menuSide ?? "bottom";
+  if (total === 0) return null;
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "secondary",
+        size: "sm",
+        disabled: props.disabled,
+        "aria-label": props.saving ? "Saving tools" : "Session tools",
+        className: cn(pillClass(selected > 0, props.triggerClassName), "session-tools-trigger"),
+        children: [
+          /* @__PURE__ */ jsx(PlugIcon, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "session-tools-label truncate @max-[14rem]/model-controls:hidden", children: props.saving ? "Saving tools" : `Tools \xB7 ${label}` }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "session-tools-chevron size-3 shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        align: "start",
+        side: menuSide,
+        sideOffset: 8,
+        collisionPadding: 12,
+        className: SESSION_TOOLS_PANEL_CLASS,
+        children: /* @__PURE__ */ jsx(
+          SessionToolsMenuBody,
+          {
+            servers: props.servers,
+            firstPartyTools: props.firstPartyTools,
+            selection: props.selection,
+            customizing: props.customizing,
+            onCustomizingChange: props.onCustomizingChange,
+            onChange: props.onChange
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  ModelPicker,
+  ModelPickerMenu,
+  visibleSessionToolSelection,
+  SessionToolsMenuBody,
+  SESSION_TOOLS_PANEL_CLASS,
+  sessionToolSelectionSummary,
+  SessionToolPicker
+};
+//# sourceMappingURL=chunk-YSJEAAOL.js.map

package/dist/chunk-YWIFM7D7.js

@@ -0,0 +1,499 @@
+"use client";
+import {
+  RadioGroup,
+  RadioRow,
+  useFocusCheckedRow
+} from "./chunk-LK7LAD2S.js";
+import {
+  parseSessionUsageLimitDraft
+} from "./chunk-UMTXA2TH.js";
+import {
+  ComposerMenuHeader
+} from "./chunk-CNFFCVGH.js";
+import {
+  rememberedMachineFolder,
+  workspaceDefaultRigOptionLabel
+} from "./chunk-IXPTECSC.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  HelpTip
+} from "./chunk-MWSRT3IQ.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  Input
+} from "./chunk-VPM3TXFC.js";
+import {
+  DropdownMenuItem
+} from "./chunk-GM3LG6BG.js";
+import {
+  MENU_LABEL_CLASS,
+  MENU_NOTE_CLASS,
+  MENU_SEPARATOR_CLASS
+} from "./chunk-5OTQA7CM.js";
+import {
+  Notice
+} from "./chunk-FSOQDUCG.js";
+import {
+  DEFAULT_SESSION_USAGE_LIMIT_LABELS
+} from "./chunk-4U7SHFQ2.js";
+import {
+  isMachineComputeSelectable
+} from "./chunk-JWKGPA6Q.js";
+import {
+  machineNameTwinLabel
+} from "./chunk-ZY2Z2IU3.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+
+// src/app/components/session/new-session-settings-menu.tsx
+import {
+  BoxIcon,
+  GaugeIcon,
+  InfinityIcon,
+  LaptopIcon,
+  LockIcon,
+  MessageSquareIcon,
+  ServerIcon,
+  UsersIcon
+} from "lucide-react";
+import { useEffect, useId, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function machineStateMeta(machine) {
+  if (machine.state === "offline") return "Offline";
+  if (machine.state === "reconnecting") return "Reconnecting";
+  if (!isMachineComputeSelectable(machine.state)) return "Unavailable";
+  return machine.os ? `${machine.os}/${machine.arch}` : "";
+}
+function hasRunsOnChoices(choices) {
+  return choices.draft.compute.kind === "machine" || choices.selfhostedPrimary || choices.fleetLoadFailed || choices.machines.length > 0 || !choices.noManagedSandbox && choices.rigs.length > 0;
+}
+function runsOnSummary(choices) {
+  const { draft } = choices;
+  if (draft.compute.kind === "machine") {
+    const sandboxId = draft.compute.sandboxId;
+    return choices.machines.find((machine) => machine.sandboxId === sandboxId)?.name ?? (sandboxId ? "Machine unavailable" : "Choose a machine");
+  }
+  if (choices.noManagedSandbox) return NO_COMPUTER_LABEL;
+  if (draft.rigId) {
+    return choices.rigs.find((rig) => rig.id === draft.rigId)?.name ?? "Managed sandbox";
+  }
+  const fallback = choices.rigs.find((rig) => rig.id === choices.workspaceDefaultRigId);
+  return fallback ? fallback.name : "Managed sandbox";
+}
+function runsOnAttention(choices) {
+  if (choices.fleetLoadFailed) return "fleet-load-failed";
+  if (choices.fleetLoading) return null;
+  const compute = choices.draft.compute;
+  if (compute.kind !== "machine") return null;
+  if (compute.sandboxId !== null)
+    return choices.machines.some(
+      (item) => item.sandboxId === compute.sandboxId && isMachineComputeSelectable(item.state)
+    ) ? null : "machine-unavailable";
+  return choices.machines.length === 0 ? "connect-machine" : "pick-machine";
+}
+function RunsOnNotice(props) {
+  if (!props.attention) return null;
+  if (props.attention === "fleet-load-failed") {
+    return /* @__PURE__ */ jsx(
+      Notice,
+      {
+        tone: "muted",
+        live: "polite",
+        action: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: props.disabled,
+            onClick: props.onRetryMachines,
+            children: "Retry"
+          }
+        ),
+        children: "Couldn't load your connected machines."
+      }
+    );
+  }
+  if (props.attention === "machine-unavailable")
+    return /* @__PURE__ */ jsx(Notice, { tone: "waiting", live: "polite", children: "Machine unavailable. Reconnect it or choose another in Runs on, above the message." });
+  if (props.attention === "connect-machine") {
+    return /* @__PURE__ */ jsx(Notice, { tone: "waiting", live: "polite", action: props.connectAction, children: "Chats here run on a connected machine. Connect one to send." });
+  }
+  const anyAvailable = props.machines.some((machine) => isMachineComputeSelectable(machine.state));
+  return /* @__PURE__ */ jsx(Notice, { tone: "waiting", live: "polite", children: anyAvailable ? "Pick a machine in Runs on, above the message, to send." : "Your connected machines are offline. Pick one in Runs on, above the message, once it's back." });
+}
+var SANDBOX_VALUE = "sandbox";
+var NO_COMPUTER_LABEL = "No computer";
+var machineValue = (sandboxId) => `machine:${sandboxId}`;
+function checkedRigValue(draft, workspaceDefaultRigId) {
+  if (!draft.rigId) return "";
+  return draft.rigId === workspaceDefaultRigId ? "" : draft.rigId;
+}
+function RunsOnMenuBody(props) {
+  const { draft } = props;
+  const compute = draft.compute;
+  const presentation = props.presentation ?? "menu";
+  const bodyRef = useRef(null);
+  useFocusCheckedRow(bodyRef, presentation);
+  const customPathRowRef = useRef(null);
+  const customPathInputRef = useRef(null);
+  const focusCustomPath = useRef(false);
+  useEffect(() => {
+    if (focusCustomPath.current && customPathInputRef.current) {
+      focusCustomPath.current = false;
+      customPathInputRef.current.focus({ preventScroll: true });
+    }
+  }, [compute]);
+  const personalRigs = props.rigs.filter((rig) => rig.scope === "user");
+  const workspaceRigs = props.rigs.filter((rig) => rig.scope !== "user");
+  const showWhere = compute.kind === "machine" || props.selfhostedPrimary || props.machines.length > 0 || props.fleetLoadFailed;
+  const whereValue = compute.kind === "sandbox" ? props.selfhostedPrimary ? null : SANDBOX_VALUE : compute.sandboxId ? machineValue(compute.sandboxId) : null;
+  const selectSandbox = () => {
+    if (compute.kind === "sandbox") return;
+    props.onComputeChange({
+      ...draft,
+      compute: { kind: "sandbox", backend: "" }
+    });
+  };
+  const selectMachine = (machine) => {
+    if (compute.kind === "machine" && compute.sandboxId === machine.sandboxId) return;
+    props.onComputeChange({
+      ...draft,
+      compute: {
+        kind: "machine",
+        sandboxId: machine.sandboxId,
+        folder: rememberedMachineFolder(
+          props.selectionHistory,
+          props.selectedChannelId,
+          machine.sandboxId
+        )
+      }
+    });
+  };
+  const rigRow = (rig) => /* @__PURE__ */ jsx(
+    RadioRow,
+    {
+      value: rig.id,
+      disabled: props.disabled,
+      label: rig.name,
+      meta: rig.activeVersion ? `v${rig.activeVersion.version}` : void 0,
+      onSelect: () => props.onChange({ ...draft, rigId: rig.id })
+    },
+    rig.id
+  );
+  const retry = presentation === "menu" ? /* @__PURE__ */ jsx(
+    DropdownMenuItem,
+    {
+      className: "min-h-0 w-auto shrink-0 cursor-pointer px-1 py-0 text-xs font-medium text-fg underline underline-offset-2 pointer-coarse:min-h-0",
+      onSelect: (event) => {
+        event.preventDefault();
+        props.onRetryMachines();
+      },
+      children: "Try again"
+    }
+  ) : /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "text-xs font-medium text-fg underline underline-offset-2",
+      onClick: props.onRetryMachines,
+      children: "Try again"
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuHeader, { title: "Runs on", leading: props.leading }),
+    /* @__PURE__ */ jsxs("div", { ref: bodyRef, className: "min-h-0 overflow-y-auto overscroll-contain pb-1", children: [
+      showWhere ? /* @__PURE__ */ jsxs(RadioGroup, { presentation, label: "Where", value: whereValue, children: [
+        /* @__PURE__ */ jsx("p", { className: MENU_LABEL_CLASS, children: "Where" }),
+        props.selfhostedPrimary ? null : /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            value: SANDBOX_VALUE,
+            disabled: props.disabled,
+            icon: props.noManagedSandbox ? /* @__PURE__ */ jsx(MessageSquareIcon, {}) : /* @__PURE__ */ jsx(BoxIcon, {}),
+            label: props.noManagedSandbox ? NO_COMPUTER_LABEL : "Managed sandbox",
+            meta: props.noManagedSandbox ? "Chat only" : "Set up for you",
+            onSelect: selectSandbox
+          }
+        ),
+        props.machines.map((machine) => /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            value: machineValue(machine.sandboxId),
+            disabled: props.disabled || !isMachineComputeSelectable(machine.state),
+            icon: machine.os === "macos" ? /* @__PURE__ */ jsx(LaptopIcon, {}) : /* @__PURE__ */ jsx(ServerIcon, {}),
+            label: machine.name,
+            meta: [machineNameTwinLabel(t, machine, props.machines), machineStateMeta(machine)].filter(Boolean).join(" \xB7 "),
+            onSelect: () => selectMachine(machine)
+          },
+          machine.sandboxId
+        )),
+        props.fleetLoadFailed ? /* @__PURE__ */ jsxs("div", { className: cn(MENU_NOTE_CLASS, "flex items-center justify-between gap-3"), children: [
+          /* @__PURE__ */ jsx("span", { children: "Couldn't load your connected machines." }),
+          retry
+        ] }) : props.machines.length === 0 && props.selfhostedPrimary ? /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: "Connect a machine to run sessions on it." }) : null
+      ] }) : null,
+      compute.kind === "sandbox" && !props.noManagedSandbox && props.rigs.length > 0 ? /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          presentation,
+          label: "Sandbox environment",
+          value: checkedRigValue(draft, props.workspaceDefaultRigId),
+          children: [
+            showWhere ? /* @__PURE__ */ jsx("div", { className: MENU_SEPARATOR_CLASS }) : null,
+            /* @__PURE__ */ jsx("p", { className: MENU_LABEL_CLASS, children: "Sandbox environment" }),
+            /* @__PURE__ */ jsx(
+              RadioRow,
+              {
+                value: "",
+                disabled: props.disabled,
+                label: workspaceDefaultRigOptionLabel(props.workspaceDefaultRigId, props.rigs),
+                onSelect: () => props.onChange({ ...draft, rigId: "" })
+              }
+            ),
+            workspaceRigs.filter((rig) => rig.id !== props.workspaceDefaultRigId).map(rigRow),
+            personalRigs.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("p", { className: MENU_LABEL_CLASS, children: "Only me" }),
+              personalRigs.map(rigRow)
+            ] }) : null
+          ]
+        }
+      ) : null,
+      compute.kind === "machine" && compute.sandboxId ? /* @__PURE__ */ jsxs(RadioGroup, { presentation, label: "Folder", value: compute.folder.kind, children: [
+        /* @__PURE__ */ jsx("div", { className: MENU_SEPARATOR_CLASS }),
+        /* @__PURE__ */ jsx("p", { className: MENU_LABEL_CLASS, children: "Folder" }),
+        /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            value: "root",
+            disabled: props.disabled,
+            label: "Machine root",
+            meta: "Where the agent was started",
+            onSelect: () => props.onComputeChange({
+              ...draft,
+              compute: { ...compute, folder: { kind: "root" } }
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            value: "path",
+            ref: (node) => {
+              customPathRowRef.current = node;
+            },
+            disabled: props.disabled,
+            label: "Custom path",
+            onSelect: () => {
+              focusCustomPath.current = true;
+              props.onComputeChange({
+                ...draft,
+                compute: {
+                  ...compute,
+                  folder: {
+                    kind: "path",
+                    path: compute.folder.kind === "path" ? compute.folder.path : ""
+                  }
+                }
+              });
+            }
+          }
+        ),
+        compute.folder.kind === "path" ? /* @__PURE__ */ jsx("div", { className: "px-2.5 pt-1 pb-1.5", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: customPathInputRef,
+            value: compute.folder.path,
+            disabled: props.disabled,
+            onChange: (event) => props.onComputeChange({
+              ...draft,
+              compute: {
+                ...compute,
+                folder: { kind: "path", path: event.target.value }
+              }
+            }),
+            onKeyDown: (event) => {
+              event.stopPropagation();
+              if (presentation === "menu" && !event.nativeEvent.isComposing && (event.key === "Tab" || event.key === "Enter")) {
+                event.preventDefault();
+                customPathRowRef.current?.focus({ preventScroll: true });
+              }
+            },
+            placeholder: "/home/me/repos/project or packages/runtime",
+            "aria-label": "Custom working directory",
+            className: "h-8 text-sm"
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "text-xs leading-4.5"), children: "Uses this machine's checkout, git sign-in and environment. Repositories and variable sets aren't added." })
+      ] }) : null
+    ] })
+  ] });
+}
+function hasVisibilityChoice(props) {
+  return !props.personalWorkspace && props.canCreatePrivate;
+}
+function visibilitySummary(value) {
+  return value === "private" ? "Only me" : "Workspace";
+}
+function VisibilityMenuBody(props) {
+  const presentation = props.presentation ?? "menu";
+  const bodyRef = useRef(null);
+  useFocusCheckedRow(bodyRef, presentation);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuHeader, { title: "Who can see this chat", leading: props.leading }),
+    /* @__PURE__ */ jsx("div", { ref: bodyRef, className: "min-h-0 overflow-y-auto overscroll-contain pb-1", children: /* @__PURE__ */ jsxs(RadioGroup, { presentation, label: "Who can see this chat", value: props.value, children: [
+      /* @__PURE__ */ jsx(
+        RadioRow,
+        {
+          value: "workspace",
+          disabled: props.disabled,
+          icon: /* @__PURE__ */ jsx(UsersIcon, {}),
+          label: "Workspace",
+          meta: "People in this workspace",
+          onSelect: () => props.onChange("workspace")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RadioRow,
+        {
+          value: "private",
+          disabled: props.disabled,
+          icon: /* @__PURE__ */ jsx(LockIcon, {}),
+          label: "Only me",
+          meta: "Just you",
+          onSelect: () => props.onChange("private")
+        }
+      )
+    ] }) })
+  ] });
+}
+function UsageLimitMenuBody(props) {
+  const bodyRef = useRef(null);
+  const inputRef = useRef(null);
+  const focusInput = useRef(false);
+  const inputId = useId();
+  const errorId = `${inputId}-error`;
+  const helpId = `${inputId}-help`;
+  const value = props.value;
+  useEffect(() => {
+    const body = bodyRef.current;
+    if (!body || body.contains(document.activeElement)) return;
+    body.querySelector('[role="radio"][aria-checked="true"]:not(:disabled)')?.focus({ preventScroll: true });
+  }, []);
+  useEffect(() => {
+    if (focusInput.current && inputRef.current) {
+      focusInput.current = false;
+      inputRef.current.focus({ preventScroll: true });
+    }
+  }, [value.kind]);
+  const parsed = parseSessionUsageLimitDraft(value);
+  const error = value.kind === "limit" && !parsed.ok && (value.text.trim() || props.showRequiredError) ? parsed.error : null;
+  const labels = DEFAULT_SESSION_USAGE_LIMIT_LABELS(t);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuHeader, { title: labels.title, leading: props.leading }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: bodyRef,
+        "data-usage-limit-menu": true,
+        className: "min-h-0 overflow-y-auto overscroll-contain pb-1",
+        children: [
+          /* @__PURE__ */ jsxs(RadioGroup, { presentation: "dialog", label: labels.title, value: value.kind, children: [
+            /* @__PURE__ */ jsx(
+              RadioRow,
+              {
+                value: "none",
+                disabled: props.disabled,
+                icon: /* @__PURE__ */ jsx(InfinityIcon, {}),
+                label: labels.noLimit,
+                onSelect: () => props.onChange({ kind: "none" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RadioRow,
+              {
+                value: "limit",
+                disabled: props.disabled,
+                icon: /* @__PURE__ */ jsx(GaugeIcon, {}),
+                label: "Pause at an amount",
+                onSelect: () => {
+                  if (value.kind === "limit") {
+                    inputRef.current?.focus({ preventScroll: true });
+                    return;
+                  }
+                  focusInput.current = true;
+                  props.onChange({ kind: "limit", text: "" });
+                }
+              }
+            )
+          ] }),
+          value.kind === "limit" ? /* @__PURE__ */ jsxs("div", { className: "px-2.5 pt-1 pb-1.5", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "mb-1 block text-xs leading-4.5 text-fg-muted", children: "Limit in US dollars" }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-y-0 left-3 flex items-center text-sm text-fg-muted",
+                  children: "$"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: inputId,
+                  ref: inputRef,
+                  value: value.text,
+                  disabled: props.disabled,
+                  inputMode: "decimal",
+                  autoComplete: "off",
+                  placeholder: "25.00",
+                  "aria-invalid": error ? true : void 0,
+                  "aria-describedby": error ? `${errorId} ${helpId}` : helpId,
+                  onChange: (event) => props.onChange({ kind: "limit", text: event.target.value }),
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+                      event.preventDefault();
+                    }
+                  },
+                  className: "h-8 pl-6 text-sm pointer-coarse:h-11"
+                }
+              )
+            ] }),
+            error ? /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1.5 text-xs leading-4.5 text-danger", children: error }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsxs(
+            "p",
+            {
+              id: helpId,
+              className: cn(MENU_NOTE_CLASS, "flex items-start gap-1.5 text-xs leading-4.5"),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: labels.explanation }),
+                /* @__PURE__ */ jsx(HelpTip, { label: "About usage limits", children: labels.notYourBill })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export {
+  hasRunsOnChoices,
+  runsOnSummary,
+  runsOnAttention,
+  RunsOnNotice,
+  checkedRigValue,
+  RunsOnMenuBody,
+  hasVisibilityChoice,
+  visibilitySummary,
+  VisibilityMenuBody,
+  UsageLimitMenuBody
+};
+//# sourceMappingURL=chunk-YWIFM7D7.js.map