@opengeni/react 3.7.0-canary.3 → 3.7.0-canary.5

package/README.md

@@ -789,3 +789,18 @@ with streaming, tool calls, and a worker spawn, plus fleet and scheduled-task
 views and a dark/light toggle. `realtime.html` is the public-package reference
 consumer described above, with deterministic mock and same-origin live modes.
 `bun run demo:build` is part of the repo gate.
+
+### Model selection
+
+`ModelPolicyPicker` opens a flat, searchable list grouped by payment source, with
+its current model first. Choosing a model applies it and closes the popover.
+Thinking and supported speed controls remain in a fixed footer instead of a
+nested page. Model changes preserve supported reasoning effort and latency;
+unsupported effort falls back to the new model's default, and unsupported speed
+returns to Standard. A model with one reasoning level displays a disabled effort
+control. Availability and Codex-only session restrictions still disable choices.
+
+The trigger renders immediately; the searchable popover loads when opened. Hosts
+can translate its search, current-selection, empty-result, attachment-warning, and
+thinking labels through `messages`, and override payment descriptions through
+`messages.billingHints`.

package/dist/{chunk-4JFUT22W.js → chunk-JT33KZZN.js}

@@ -3,13 +3,9 @@ import {
   usePortalTokenStyle
 } from "./chunk-VZTQ73XT.js";
 import {
-  effortOptionsForModel,
   findPickerRow,
-  groupPickerRowsByBillingClass,
   labelReasoningEffort,
-  payerSummaryForModel,
-  projectClientModelRows,
-  runnableLatencyModesForModel
+  projectClientModelRows
 } from "./chunk-WMGF4Z7X.js";
 import {
   cn
@@ -17,7 +13,6 @@ import {
 
 // src/components/model-policy-picker.tsx
 import {
-  CheckIcon,
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -26,14 +21,19 @@ import {
   ZapIcon
 } from "lucide-react";
 import { motion, useReducedMotion } from "motion/react";
-import { DropdownMenu } from "radix-ui";
 import {
-  useEffect,
+  Suspense,
+  lazy,
   useMemo,
-  useRef,
+  useId,
   useState
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LazyModelPolicyPickerMenu = lazy(
+  () => import("./model-policy-picker-menu-R6WXNWJL.js").then(({ ModelPolicyPickerPopover }) => ({
+    default: ModelPolicyPickerPopover
+  }))
+);
 var defaultModelPolicyPickerMessages = {
   label: "Model and effort",
   loading: "Loading model catalog\u2026",
@@ -42,6 +42,13 @@ var defaultModelPolicyPickerMessages = {
   fast: "Fast",
   fastRateHint: "2\xD7 rate",
   codexOnly: "Codex-only session",
+  searchLabel: "Search models or providers",
+  searchPlaceholder: "Search models or providers\u2026",
+  currentModel: "Current model",
+  noMatches: "No matching models. Try a model or provider name.",
+  unsupportedAttachments: "Unsupported attachments stay in the session but are hidden from this model.",
+  thinkingEffort: "Thinking effort",
+  selected: "Selected",
   billingHints: {
     opengeni_credits: "Will use credits",
     external: "Provider terms and limits apply",
@@ -130,26 +137,6 @@ function effectiveRows(props) {
   const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };
   return applyCodexOnly(rows, props.codexOnly === true, messages.codexOnly);
 }
-function defaultNavState(rows, modelId) {
-  const selected = findPickerRow(rows, modelId);
-  if (!selected) {
-    const rails = new Set(rows.map((row) => row.billingClass));
-    const onlyRail = rails.size === 1 ? rows[0]?.billingClass : null;
-    return onlyRail ? { level: "models", rail: onlyRail, modelId: null } : { level: "providers", rail: null, modelId: null };
-  }
-  return {
-    level: "thinking",
-    rail: selected.billingClass,
-    modelId: selected.id
-  };
-}
-function usePickerNavState(sessionKey, rows, model) {
-  const [state, setState] = useState(() => defaultNavState(rows, model));
-  useEffect(() => {
-    setState(defaultNavState(rows, model));
-  }, [sessionKey]);
-  return [state, setState];
-}
 function PickerNavRow(props) {
   return /* @__PURE__ */ jsxs(
     "button",
@@ -208,213 +195,24 @@ function PickerAnimatedPage(props) {
     props.pageKey
   );
 }
-function ModelPolicyPickerMenu(props) {
-  const messages = useMemo(
-    () => ({ ...defaultModelPolicyPickerMessages, ...props.messages }),
-    [props.messages]
-  );
-  const rows = effectiveRows(props);
-  const groups = useMemo(() => groupPickerRowsByBillingClass(rows), [rows]);
-  const [localNav, setLocalNav] = usePickerNavState(
-    props.nav === void 0 ? props.sessionKey : void 0,
-    rows,
-    props.model
-  );
-  const nav = props.nav ?? localNav;
-  const setNav = props.onNavChange ?? setLocalNav;
-  const [direction, setDirection] = useState(1);
-  const effectiveNav = nav.level === "providers" && groups.length === 1 ? {
-    level: "models",
-    rail: groups[0].billingClass,
-    modelId: null
-  } : nav;
-  const activeGroup = effectiveNav.rail === null ? void 0 : groups.find((group) => group.billingClass === effectiveNav.rail);
-  const focusModel = effectiveNav.modelId === null ? void 0 : findPickerRow(rows, effectiveNav.modelId);
-  const selectedRow = findPickerRow(rows, props.model);
-  const go = (next, nextDirection) => {
-    setDirection(nextDirection);
-    setNav(next);
-  };
-  const selectEffort = (row, effort) => {
-    if (!row.selectable) return;
-    if (row.id !== props.model) props.onModelChange(row.id);
-    props.onEffortChange(effort);
-  };
-  const pageKey = effectiveNav.level === "providers" ? "providers" : effectiveNav.level === "models" ? `models:${effectiveNav.rail ?? ""}` : `thinking:${effectiveNav.modelId ?? ""}`;
-  let body;
-  if (props.loading) {
-    body = /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-og-control text-og-fg-subtle", children: messages.loading });
-  } else if (groups.length === 0) {
-    body = /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-og-control text-og-fg-subtle", children: messages.noModels });
-  } else if (effectiveNav.level === "providers") {
-    body = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", "data-testid": "model-picker-providers", children: groups.map((group) => /* @__PURE__ */ jsx(
-      PickerNavRow,
-      {
-        label: group.label,
-        hint: messages.billingHints[group.billingClass],
-        icon: /* @__PURE__ */ jsx(BillingClassMark, { billingClass: group.billingClass }),
-        active: selectedRow?.billingClass === group.billingClass,
-        testId: `model-picker-rail-${group.billingClass}`,
-        onClick: () => go({ level: "models", rail: group.billingClass, modelId: null }, 1)
-      },
-      group.billingClass
-    )) });
-  } else if (effectiveNav.level === "models" && activeGroup) {
-    body = /* @__PURE__ */ jsxs("div", { "data-testid": "model-picker-models", children: [
-      groups.length > 1 ? /* @__PURE__ */ jsx(
-        PickerBackHeader,
-        {
-          label: activeGroup.label,
-          icon: /* @__PURE__ */ jsx(BillingClassMark, { billingClass: activeGroup.billingClass }),
-          onBack: () => go({ level: "providers", rail: null, modelId: null }, -1)
-        }
-      ) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: activeGroup.rows.map((row) => /* @__PURE__ */ jsx(
-        PickerNavRow,
-        {
-          label: row.label,
-          hint: row.unavailableReason ?? payerSummaryForModel(row.catalog),
-          disabled: !row.selectable,
-          title: row.unavailableReason ?? void 0,
-          active: row.id === props.model,
-          testId: `model-picker-choice-${row.id}`,
-          onClick: () => {
-            if (row.selectable) {
-              go(
-                {
-                  level: "thinking",
-                  rail: row.billingClass,
-                  modelId: row.id
-                },
-                1
-              );
-            }
-          }
-        },
-        `${row.billingClass}:${row.id}`
-      )) })
-    ] });
-  } else if (effectiveNav.level === "thinking" && focusModel) {
-    const activeModel = focusModel.id === props.model;
-    const supportsFast = runnableLatencyModesForModel(focusModel.catalog).includes("fast");
-    body = /* @__PURE__ */ jsxs("div", { "data-testid": "model-picker-reasoning", children: [
-      /* @__PURE__ */ jsx(
-        PickerBackHeader,
-        {
-          label: focusModel.label,
-          icon: /* @__PURE__ */ jsx(BillingClassMark, { billingClass: focusModel.billingClass }),
-          onBack: () => go({ level: "models", rail: focusModel.billingClass, modelId: null }, -1),
-          trailing: supportsFast && props.allowLatencyMode !== false ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled: !focusModel.selectable,
-              "aria-pressed": activeModel && props.latencyMode === "fast",
-              "aria-label": activeModel && props.latencyMode === "fast" ? `Disable ${messages.fast}` : `Enable ${messages.fast}`,
-              title: `${messages.fast} \xB7 ${messages.fastRateHint}`,
-              "data-testid": "model-picker-fast",
-              onClick: () => {
-                if (!activeModel) {
-                  props.onModelChange(focusModel.id);
-                }
-                props.onLatencyModeChange(
-                  activeModel && props.latencyMode === "fast" ? "standard" : "fast"
-                );
-              },
-              className: cn(
-                "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-og-sm text-og-fg-subtle outline-hidden transition-colors hover:bg-og-surface-2 focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:cursor-not-allowed disabled:opacity-50",
-                activeModel && props.latencyMode === "fast" && "text-og-fg"
-              ),
-              children: /* @__PURE__ */ jsx(
-                ZapIcon,
-                {
-                  className: cn(
-                    "size-3.5",
-                    activeModel && props.latencyMode === "fast" && "fill-current"
-                  )
-                }
-              )
-            }
-          ) : null
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "px-2.5 pt-1 pb-1 text-og-control font-medium tracking-wide text-og-fg-subtle uppercase", children: messages.thinking }),
-      focusModel.catalog.capabilities?.inputModalities.includes("image") === false ? /* @__PURE__ */ jsx("p", { className: "px-2.5 pb-1.5 text-og-control leading-relaxed text-og-fg-subtle", children: "Unsupported attachments stay in the session but are hidden from this model." }) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: effortOptionsForModel(focusModel.catalog).map((effort) => {
-        const selected = activeModel && effort === props.effort;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            disabled: !focusModel.selectable,
-            onClick: () => selectEffort(focusModel, effort),
-            className: cn(
-              "flex h-[var(--og-model-picker-effort-height)] w-full cursor-pointer items-center rounded-og-sm px-[var(--og-model-picker-row-padding-x)] text-left text-og-menu text-og-fg outline-hidden transition-colors hover:bg-og-surface-2 focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:cursor-not-allowed disabled:opacity-50",
-              selected && "bg-og-surface-2"
-            ),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: labelReasoningEffort(effort) }),
-              selected ? /* @__PURE__ */ jsx(
-                CheckIcon,
-                {
-                  className: "ml-auto size-3.5 shrink-0",
-                  "data-testid": "model-picker-effort-check"
-                }
-              ) : null
-            ]
-          },
-          effort
-        );
-      }) })
-    ] });
-  } else {
-    body = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", "data-testid": "model-picker-providers", children: groups.map((group) => /* @__PURE__ */ jsx(
-      PickerNavRow,
-      {
-        label: group.label,
-        hint: messages.billingHints[group.billingClass],
-        icon: /* @__PURE__ */ jsx(BillingClassMark, { billingClass: group.billingClass }),
-        testId: `model-picker-rail-${group.billingClass}`,
-        onClick: () => go({ level: "models", rail: group.billingClass, modelId: null }, 1)
-      },
-      group.billingClass
-    )) });
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-testid": "model-picker-menu", className: "relative overflow-hidden", children: [
-    props.error ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-og-control text-og-status-failed", role: "alert", children: props.error }) : null,
-    /* @__PURE__ */ jsx(PickerAnimatedPage, { pageKey, direction, children: body })
-  ] });
-}
 function useModelPolicyPickerState(props) {
   const [uncontrolledOpen, setUncontrolledOpen] = useState(props.defaultOpen ?? false);
   const open = props.open ?? uncontrolledOpen;
-  const rows = effectiveRows(props);
-  const [nav, setNav] = usePickerNavState(props.sessionKey, rows, props.model);
-  const previousControlledOpen = useRef(props.open);
-  useEffect(() => {
-    const wasOpen = previousControlledOpen.current;
-    previousControlledOpen.current = props.open;
-    if (props.open === true && wasOpen !== true) {
-      setNav(defaultNavState(rows, props.model));
-    }
-  }, [props.open]);
   const setOpen = (next) => {
-    if (next) {
-      setNav(defaultNavState(rows, props.model));
-    }
     if (props.open === void 0) setUncontrolledOpen(next);
     props.onOpenChange?.(next);
   };
-  return { open, setOpen, rows, nav, setNav };
+  return { open, setOpen, rows: effectiveRows(props) };
 }
 function ModelPolicyPicker(props) {
+  const contentId = useId();
   const trigger = usePortalTokenSource();
   const portalStyle = usePortalTokenStyle(trigger.source);
   const messages = useMemo(
     () => ({ ...defaultModelPolicyPickerMessages, ...props.messages }),
     [props.messages]
   );
-  const { open, setOpen, rows, nav, setNav } = useModelPolicyPickerState(props);
+  const { open, setOpen, rows } = useModelPolicyPickerState(props);
   const selected = findPickerRow(rows, props.model);
   if (props.loading) {
     return /* @__PURE__ */ jsx(
@@ -429,12 +227,17 @@ function ModelPolicyPicker(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
       "button",
       {
         ref: trigger.ref,
         type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-controls": open ? contentId : void 0,
+        "data-state": open ? "open" : "closed",
+        onClick: () => setOpen(!open),
         disabled: props.disabled,
         "aria-label": messages.label,
         className: cn(
@@ -449,9 +252,16 @@ function ModelPolicyPicker(props) {
               className: "text-og-fg"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "og-model-policy-label-full min-w-0 truncate font-medium text-og-fg max-sm:hidden", children: selected?.label ?? props.model }),
-          /* @__PURE__ */ jsx("span", { className: "og-model-policy-label-short min-w-0 truncate font-medium text-og-fg sm:hidden", children: selected?.shortLabel ?? selected?.label ?? props.model }),
-          /* @__PURE__ */ jsx("span", { className: "og-model-policy-effort max-sm:hidden", children: labelReasoningEffort(props.effort) }),
+          /* @__PURE__ */ jsx("span", { className: "og-model-policy-label-full min-w-0 truncate font-medium text-og-fg max-sm:hidden @max-[20rem]/model-controls:hidden", children: selected?.label ?? props.model }),
+          /* @__PURE__ */ jsx("span", { className: "og-model-policy-label-short min-w-0 truncate font-medium text-og-fg sm:hidden @max-[20rem]/model-controls:block", children: selected?.shortLabel ?? selected?.label ?? props.model }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "og-model-policy-effort min-w-0 shrink-[9999] truncate",
+              title: labelReasoningEffort(props.effort),
+              children: labelReasoningEffort(props.effort)
+            }
+          ),
           props.latencyMode === "fast" ? /* @__PURE__ */ jsx(
             ZapIcon,
             {
@@ -463,34 +273,27 @@ function ModelPolicyPicker(props) {
           /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3 shrink-0" })
         ]
       }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
-      DropdownMenu.Content,
+    ),
+    open ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      LazyModelPolicyPickerMenu,
       {
-        align: "start",
-        side: props.menuSide ?? "bottom",
-        sideOffset: 8,
-        collisionPadding: 12,
-        onCloseAutoFocus: (event) => event.preventDefault(),
-        className: cn(
-          "og-root og-model-policy-menu z-50 flex max-h-[min(20rem,var(--radix-dropdown-menu-content-available-height))] w-[var(--og-model-picker-menu-width)] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1 p-[var(--og-model-picker-menu-padding)] text-og-fg shadow-og-lg",
-          props.contentClassName
-        ),
-        style: { ...portalStyle, ...props.contentStyle },
-        "data-testid": "model-picker-content",
-        children: /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ jsx(ModelPolicyPickerMenu, { ...props, nav, onNavChange: setNav }) })
+        ...props,
+        anchor: trigger.currentRef,
+        contentId,
+        portalStyle,
+        onOpenChange: setOpen
       }
-    ) })
+    ) }) : null
   ] });
 }
 
 export {
   defaultModelPolicyPickerMessages,
   BillingClassMark,
+  effectiveRows,
   PickerNavRow,
   PickerBackHeader,
   PickerAnimatedPage,
-  ModelPolicyPickerMenu,
   ModelPolicyPicker
 };
-//# sourceMappingURL=chunk-4JFUT22W.js.map
+//# sourceMappingURL=chunk-JT33KZZN.js.map

package/dist/chunk-JT33KZZN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-policy-picker.tsx"],"sourcesContent":["import type { ClientModel, LatencyMode, ReasoningEffort } from \"@opengeni/sdk\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  Globe2Icon,\n  KeyRoundIcon,\n  ZapIcon,\n} from \"lucide-react\";\nimport { motion, useReducedMotion } from \"motion/react\";\nimport {\n  Suspense,\n  lazy,\n  useMemo,\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type SVGProps,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenSource, usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n  findPickerRow,\n  labelReasoningEffort,\n  projectClientModelRows,\n  type PickerBillingClass,\n  type PickerModelRow,\n} from \"../model-policy\";\n\nconst LazyModelPolicyPickerMenu = lazy(() =>\n  import(\"./model-policy-picker-menu\").then(({ ModelPolicyPickerPopover }) => ({\n    default: ModelPolicyPickerPopover,\n  })),\n);\n\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\nexport type ModelPolicyPickerMessages = {\n  label: string;\n  loading: string;\n  noModels: string;\n  thinking: string;\n  fast: string;\n  fastRateHint: string;\n  codexOnly: string;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  currentModel?: string;\n  noMatches?: string;\n  unsupportedAttachments?: string;\n  thinkingEffort?: string;\n  selected?: string;\n\n  billingHints: Record<PickerBillingClass, string>;\n};\n\nexport const defaultModelPolicyPickerMessages: ModelPolicyPickerMessages = {\n  label: \"Model and effort\",\n  loading: \"Loading model catalog…\",\n  noModels: \"No models available.\",\n  thinking: \"Thinking\",\n  fast: \"Fast\",\n  fastRateHint: \"2× rate\",\n  codexOnly: \"Codex-only session\",\n  searchLabel: \"Search models or providers\",\n  searchPlaceholder: \"Search models or providers…\",\n  currentModel: \"Current model\",\n  noMatches: \"No matching models. Try a model or provider name.\",\n  unsupportedAttachments:\n    \"Unsupported attachments stay in the session but are hidden from this model.\",\n  thinkingEffort: \"Thinking effort\",\n  selected: \"Selected\",\n\n  billingHints: {\n    opengeni_credits: \"Will use credits\",\n    external: \"Provider terms and limits apply\",\n    codex_subscription: \"ChatGPT / Codex plan\",\n    supergrok_subscription: \"SuperGrok / xAI plan\",\n    byok: \"Billed to the workspace provider account\",\n    organization_byok: \"Billed to the organization provider account\",\n  },\n};\n\nexport type ModelPolicyPickerProps = {\n  /** Lightweight deployment models. Catalog rows take precedence when supplied. */\n  models?: ClientModel[] | undefined;\n  /** Catalog-backed rows with availability and billing-class truth. */\n  rows?: PickerModelRow[] | undefined;\n  model: string;\n  effort: ReasoningEffort;\n  latencyMode: LatencyMode;\n  disabled?: boolean | undefined;\n  loading?: boolean | undefined;\n  error?: string | null | undefined;\n  /** Controlled menu state. Omit for the built-in uncontrolled behavior. */\n  open?: boolean | undefined;\n  /** Initial menu state when `open` is uncontrolled. */\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  /** Non-Codex models stay visible but cannot be selected. */\n  codexOnly?: boolean | undefined;\n  /** Identity of the current session scope. */\n  sessionKey?: string | undefined;\n  /** Prefer bottom on new-chat surfaces and top for bottom-docked composers. */\n  menuSide?: \"top\" | \"bottom\" | undefined;\n  /** Hide latency controls on surfaces whose saved policy does not include latency. */\n  allowLatencyMode?: boolean | undefined;\n  /** Classes for the portalled menu surface. Prefer --og-* tokens for theming. */\n  contentClassName?: string | undefined;\n  /** Inline styles for the portalled menu, applied after inherited --og-* tokens. */\n  contentStyle?: CSSProperties | undefined;\n  className?: string | undefined;\n  messages?: Partial<ModelPolicyPickerMessages> | undefined;\n  onModelChange: (modelId: string) => void;\n  onEffortChange: (effort: ReasoningEffort) => void;\n  onLatencyModeChange: (latencyMode: LatencyMode) => void;\n};\n\nconst SLIDE_EASE = [0.22, 1, 0.36, 1] as const;\n\nfunction OpenGeniMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      viewBox=\"0 0 140 133\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.2}\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <g transform=\"translate(-17.5,-20.999893188476562) scale(1.75)\">\n        <g transform=\"translate(0,-952.36218)\">\n          <path d=\"m 60.7828,964.36215 27.1809,0.8834 -27.1809,25.9958 z m -1.9745,1.4513 0,26.7845 -25.2681,0 c 8.6166,-8.7334 16.8796,-17.8103 25.2681,-26.7845 z m 27.7053,3.628 3.4864,1.1989 -12.5877,7.4768 z m -68.1835,2.9656 5.5226,0 12.8654,14.0705 -5.9854,6.1204 -12.4026,0 c 9e-4,-6.7347 0,-13.4597 0,-20.1909 z m -1.9746,1.2304 0,5.8364 -6.3555,0 z m 3.363,20.9796 38.627,0 -10.7675,29.43465 z m 39.0898,4.54286 0,41.20229 -12.5878,-6.8775 c 4.1972,-11.443 8.3886,-22.879 12.5878,-34.32479 z\" />\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nfunction ChatGptMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3653-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8414 3.3698-2.02 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.783-2.7622a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n    </svg>\n  );\n}\n\nfunction XaiMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 466.04 516.93\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <polygon points=\"0.12 182.71 234.14 516.92 338.15 516.92 104.13 182.71 0.12 182.71\" />\n      <polygon points=\"0 516.92 104.08 516.92 156.08 442.67 104.04 368.34 0 516.92\" />\n      <polygon points=\"466.04 0 361.96 0 182.1 256.86 234.15 331.18 466.04 0\" />\n      <polygon points=\"380.78 516.92 466.04 516.92 466.04 37.16 380.78 158.92 380.78 516.92\" />\n    </svg>\n  );\n}\n\nexport function BillingClassMark(props: {\n  billingClass: PickerBillingClass;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}) {\n  const labels: Record<PickerBillingClass, string> = {\n    opengeni_credits: \"OpenGeni\",\n    external: \"External provider\",\n    codex_subscription: \"Codex\",\n    supergrok_subscription: \"SuperGrok\",\n    byok: \"Workspace provider account\",\n    organization_byok: \"Organization provider account\",\n  };\n  const label = props[\"aria-label\"] ?? labels[props.billingClass];\n  const accessibility =\n    label.length === 0\n      ? { \"aria-hidden\": true as const }\n      : { role: \"img\" as const, \"aria-label\": label };\n  const shell = cn(\n    \"inline-flex size-3.5 shrink-0 items-center justify-center overflow-hidden text-og-fg-subtle\",\n    props.className,\n  );\n  const mark = \"size-3.5\";\n  return (\n    <span\n      className={shell}\n      data-testid={`billing-class-icon-${props.billingClass}`}\n      {...accessibility}\n    >\n      {props.billingClass === \"opengeni_credits\" ? (\n        <OpenGeniMark className={mark} />\n      ) : props.billingClass === \"external\" ? (\n        <Globe2Icon className={mark} aria-hidden />\n      ) : props.billingClass === \"codex_subscription\" ? (\n        <ChatGptMark className={mark} />\n      ) : props.billingClass === \"supergrok_subscription\" ? (\n        <XaiMark className={mark} />\n      ) : (\n        <KeyRoundIcon className={mark} aria-hidden />\n      )}\n    </span>\n  );\n}\n\nfunction isCodexModel(model: ClientModel): boolean {\n  return model.id.startsWith(\"codex/\") || model.source === \"codex\";\n}\n\nfunction billingClassForMissingSelection(modelId: string): PickerBillingClass {\n  if (modelId.startsWith(\"workspace-gateway/\")) return \"byok\";\n  if (modelId.startsWith(\"workspace-openrouter/\")) return \"byok\";\n  // A deployment OpenRouter ID does not encode its workspace-facing cost.\n  // Missing rows therefore use the credits-safe rail instead of falsely\n  // claiming that an unknown former selection was externally funded.\n  if (modelId.startsWith(\"openrouter/\")) return \"opengeni_credits\";\n  if (modelId.startsWith(\"codex/\")) return \"codex_subscription\";\n  if (modelId.startsWith(\"supergrok/\")) return \"supergrok_subscription\";\n  return \"opengeni_credits\";\n}\n\nfunction applyCodexOnly(\n  rows: ClientPickerModelRow[],\n  codexOnly: boolean,\n  unavailableReason: string,\n): ClientPickerModelRow[] {\n  if (!codexOnly) return rows;\n  return rows.map((row) =>\n    isCodexModel(row.catalog)\n      ? row\n      : {\n          ...row,\n          selectable: false,\n          unavailableReason: row.unavailableReason ?? unavailableReason,\n        },\n  );\n}\n\nexport function effectiveRows(props: ModelPolicyPickerProps): ClientPickerModelRow[] {\n  const rows = props.rows !== undefined ? props.rows : projectClientModelRows(props.models ?? []);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return applyCodexOnly(rows, props.codexOnly === true, messages.codexOnly);\n}\n\nexport function PickerNavRow(props: {\n  label: string;\n  hint?: string | undefined;\n  icon?: ReactNode;\n  trailing?: ReactNode;\n  showChevron?: boolean | undefined;\n  disabled?: boolean | undefined;\n  title?: string | undefined;\n  active?: boolean | undefined;\n  testId?: string | undefined;\n  onClick: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      disabled={props.disabled}\n      title={props.title}\n      onClick={props.onClick}\n      data-testid={props.testId}\n      className={cn(\n        \"flex w-full cursor-pointer items-center gap-2 rounded-og-sm px-[var(--og-model-picker-row-padding-x)] py-[var(--og-model-picker-row-padding-y)] text-left text-og-fg outline-hidden transition-colors hover:bg-og-surface-2 focus-visible:ring-2 focus-visible:ring-og-accent/40\",\n        props.disabled && \"cursor-not-allowed opacity-50\",\n      )}\n    >\n      {props.icon}\n      <span className=\"min-w-0 flex-1\">\n        <span className={cn(\"block truncate text-og-menu\", props.active && \"font-medium\")}>\n          {props.label}\n        </span>\n        {props.hint ? (\n          <span className=\"mt-0.5 block truncate text-og-control text-og-fg-subtle\">\n            {props.hint}\n          </span>\n        ) : null}\n      </span>\n      {props.trailing ? <span className=\"ml-auto shrink-0\">{props.trailing}</span> : null}\n      {props.showChevron === false ? null : (\n        <ChevronRightIcon className=\"size-3.5 shrink-0 text-og-fg-subtle\" />\n      )}\n    </button>\n  );\n}\n\nexport function PickerBackHeader(props: {\n  label: string;\n  icon?: ReactNode;\n  onBack: () => void;\n  trailing?: ReactNode;\n}) {\n  return (\n    <div className=\"mb-1 flex items-center gap-0.5 border-b border-og-border/70 px-0.5 pb-1.5\">\n      <button\n        type=\"button\"\n        onClick={props.onBack}\n        data-testid=\"model-picker-back\"\n        className=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1.5 rounded-og-sm px-1.5 py-1.5 text-left text-og-fg outline-hidden transition-colors hover:bg-og-surface-2 focus-visible:ring-2 focus-visible:ring-og-accent/40\"\n      >\n        <ChevronLeftIcon className=\"size-3.5 shrink-0 text-og-fg-subtle\" />\n        {props.icon}\n        <span className=\"min-w-0 flex-1 truncate text-og-menu font-medium\">{props.label}</span>\n      </button>\n      {props.trailing ? <div className=\"relative z-10 shrink-0\">{props.trailing}</div> : null}\n    </div>\n  );\n}\n\nexport function PickerAnimatedPage(props: {\n  pageKey: string;\n  direction: 1 | -1;\n  children: ReactNode;\n}) {\n  const reduceMotion = useReducedMotion();\n  return (\n    <motion.div\n      key={props.pageKey}\n      initial={reduceMotion ? false : { x: props.direction * 14, opacity: 0 }}\n      animate={{ x: 0, opacity: 1 }}\n      transition={{ duration: reduceMotion ? 0 : 0.18, ease: SLIDE_EASE }}\n      className=\"w-full\"\n    >\n      {props.children}\n    </motion.div>\n  );\n}\n\n/** @internal Shared controlled/uncontrolled state seam. */\nexport function useModelPolicyPickerState(props: ModelPolicyPickerProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(props.defaultOpen ?? false);\n  const open = props.open ?? uncontrolledOpen;\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setUncontrolledOpen(next);\n    props.onOpenChange?.(next);\n  };\n  return { open, setOpen, rows: effectiveRows(props) };\n}\n\nexport function ModelPolicyPicker(props: ModelPolicyPickerProps) {\n  const contentId = useId();\n  const trigger = usePortalTokenSource<HTMLButtonElement>();\n  const portalStyle = usePortalTokenStyle(trigger.source);\n  const messages = useMemo(\n    () => ({ ...defaultModelPolicyPickerMessages, ...props.messages }),\n    [props.messages],\n  );\n  const { open, setOpen, rows } = useModelPolicyPickerState(props);\n  const selected = findPickerRow(rows, props.model);\n\n  if (props.loading) {\n    return (\n      <span\n        className={cn(\n          \"og-root inline-flex h-8 w-40 shrink-0 animate-pulse rounded-full bg-og-surface-2\",\n          props.className,\n        )}\n        aria-label={messages.loading}\n        data-testid=\"model-picker-loading\"\n      />\n    );\n  }\n  return (\n    <>\n      <button\n        ref={trigger.ref}\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={open ? contentId : undefined}\n        data-state={open ? \"open\" : \"closed\"}\n        onClick={() => setOpen(!open)}\n        disabled={props.disabled}\n        aria-label={messages.label}\n        className={cn(\n          \"og-root og-model-policy-trigger inline-flex h-[var(--og-model-picker-trigger-height)] min-w-0 max-w-64 items-center gap-1 rounded-full border border-transparent px-2.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:border-og-border hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:cursor-not-allowed disabled:opacity-50 max-sm:h-11 max-sm:max-w-[7.5rem] max-sm:px-2\",\n          props.className,\n        )}\n      >\n        <BillingClassMark\n          billingClass={selected?.billingClass ?? billingClassForMissingSelection(props.model)}\n          className=\"text-og-fg\"\n        />\n        <span className=\"og-model-policy-label-full min-w-0 truncate font-medium text-og-fg max-sm:hidden @max-[20rem]/model-controls:hidden\">\n          {selected?.label ?? props.model}\n        </span>\n        <span className=\"og-model-policy-label-short min-w-0 truncate font-medium text-og-fg sm:hidden @max-[20rem]/model-controls:block\">\n          {selected?.shortLabel ?? selected?.label ?? props.model}\n        </span>\n        <span\n          className=\"og-model-policy-effort min-w-0 shrink-[9999] truncate\"\n          title={labelReasoningEffort(props.effort)}\n        >\n          {labelReasoningEffort(props.effort)}\n        </span>\n        {props.latencyMode === \"fast\" ? (\n          <ZapIcon\n            className=\"size-3.5 shrink-0 fill-current stroke-current text-og-fg\"\n            aria-label={messages.fast}\n            data-testid=\"model-picker-fast-icon\"\n          />\n        ) : null}\n        <ChevronDownIcon className=\"size-3 shrink-0\" />\n      </button>\n\n      {open ? (\n        <Suspense fallback={null}>\n          <LazyModelPolicyPickerMenu\n            {...props}\n            anchor={trigger.currentRef}\n            contentId={contentId}\n            portalStyle={portalStyle}\n            onOpenChange={setOpen}\n          />\n        </Suspense>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}