@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/browser-viewer-TC27OCIP.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  BrowserViewer,
+  staleBrowserEndRetryDelayMs
+} from "./chunk-CMKGILJK.js";
+import "./chunk-O6N4ABCA.js";
+import "./chunk-XESA3B7W.js";
+import "./chunk-IGVL3ELX.js";
+import "./chunk-PEHTX3V7.js";
+import "./chunk-RV3O5OCQ.js";
+import "./chunk-CM7LVUKC.js";
+import "./chunk-5MOJZORA.js";
+import "./chunk-AZGAUBKR.js";
+import "./chunk-ZUWF4NF7.js";
+import "./chunk-TNEZNMSN.js";
+import "./chunk-TVQCDDSZ.js";
+import "./chunk-TXS65BB2.js";
+import "./chunk-7T2ZE3VT.js";
+export {
+  BrowserViewer,
+  staleBrowserEndRetryDelayMs
+};
+//# sourceMappingURL=browser-viewer-TC27OCIP.js.map

package/dist/chat-interactive-block-RWPQBHVS.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  ChatInteractiveBlock
+} from "./chunk-XEQMZB3C.js";
+import "./chunk-QIOQ2NPQ.js";
+import "./chunk-IGFZFLI2.js";
+import "./chunk-IOYHDEP3.js";
+import "./chunk-SERRKZO4.js";
+import "./chunk-NPNX7LTL.js";
+import "./chunk-UD6AAZSC.js";
+import "./chunk-XEA5BCMA.js";
+import "./chunk-PTF5B7TJ.js";
+import "./chunk-TXS65BB2.js";
+import "./chunk-7T2ZE3VT.js";
+export {
+  ChatInteractiveBlock
+};
+//# sourceMappingURL=chat-interactive-block-RWPQBHVS.js.map

package/dist/chunk-2BDT3UZQ.js

@@ -0,0 +1,229 @@
+"use client";
+import {
+  freeCreditGapReason
+} from "./chunk-XVU32APP.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  creditRefusalHeadline,
+  creditRefusalKindFromText,
+  isDiagnosticFailureCode
+} from "./chunk-5MOJZORA.js";
+import {
+  providerRecoverySubject
+} from "./chunk-AZGAUBKR.js";
+
+// src/app/lib/failed-session-copy.tsx
+var CREDENTIALS = {
+  kind: "provider_credentials",
+  message: "The model provider rejected the credentials for this model.",
+  retryUnhelpful: true,
+  suggestModel: true
+};
+var PROVIDER_BILLING = {
+  kind: "provider_billing",
+  message: "The model provider account for this model is out of credits.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var PROVIDER_PAYMENT = {
+  kind: "provider_billing",
+  message: "The model provider couldn't bill this request. Check the account's payment details.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var PROVIDER_ACCESS = {
+  kind: "provider_access",
+  message: "The model provider denied access to this model.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var DAILY_LIMIT = {
+  kind: "daily_limit",
+  message: "This model's daily limit has been reached.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var MONTHLY_LIMIT = {
+  kind: "monthly_limit",
+  message: "This model's monthly limit has been reached.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var QUOTA = {
+  kind: "provider_quota",
+  message: "The model provider's usage quota for this model is used up.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var RATE_LIMITED = {
+  kind: "rate_limited",
+  message: "This model is throttled due to high demand. Try again in a few minutes.",
+  chooseModelMessage: "This model is throttled due to high demand. Select a different model, or try again in a few minutes.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var PROVIDER_ERROR = {
+  kind: "provider_error",
+  message: "This model is temporarily unavailable. Try again in a few minutes.",
+  chooseModelMessage: "This model is temporarily unavailable. Select a different model, or try again in a few minutes.",
+  retryUnhelpful: false,
+  suggestModel: true
+};
+var UNKNOWN_FAILURE = "The session stopped unexpectedly.";
+var SANDBOX_START_FAILURE = "The sandbox didn\u2019t start.";
+var EXECUTION_CONNECTION_FAILURE = "Opengeni lost contact with the execution environment.";
+var CODEX_REQUEST_REJECTED = "Codex rejected this request.";
+var COMPACTION_FAILURE = "Couldn\u2019t compact conversation history. If the next message fails too, start a new session.";
+function quotaScopeFailure(scope) {
+  switch (scope) {
+    case "daily":
+      return DAILY_LIMIT;
+    case "monthly":
+      return MONTHLY_LIMIT;
+    case "credits":
+      return PROVIDER_BILLING;
+    case "quota":
+      return QUOTA;
+    default:
+      return null;
+  }
+}
+var PROVIDER_TEXT_CODES = /* @__PURE__ */ new Set([
+  "provider_rate_limited",
+  "provider_unavailable",
+  "provider_quota_exhausted"
+]);
+function classifyProviderFailure(recorded, failureCode, quotaScope) {
+  if (failureCode === "provider_billing_error") return PROVIDER_PAYMENT;
+  if (failureCode === "anthropic_authentication_error") return CREDENTIALS;
+  const scoped = quotaScopeFailure(quotaScope);
+  if (scoped) return scoped;
+  if (failureCode && !PROVIDER_TEXT_CODES.has(failureCode)) return null;
+  const text = recorded.toLowerCase();
+  if (recorded.trim() === "Claude credentials expired or were revoked. Replace the key or setup token in Models.")
+    return CREDENTIALS;
+  if (text.includes("workspace credits") || text.includes("opengeni credits")) return null;
+  const status = /^\s*(4\d\d)\b/.exec(recorded)?.[1] ?? null;
+  if (status === "401" || /\b(?:incorrect|invalid)[ _-]?(?:api[ _-]?key|x-api-key|subscription key)\b/.test(text) || text.includes("authentication_error") || text.includes("platform.openai.com/account/api-keys") || text.includes("rejected this deployment's engine credentials") || /\b401\b/.test(text) && /\b(?:api key|unauthori[sz]ed|authenticat)/.test(text)) {
+    return CREDENTIALS;
+  }
+  if (/free-models-per-day|daily (?:limit|quota)|requests per day/.test(text)) return DAILY_LIMIT;
+  if (text.includes("insufficient_quota") || text.includes("exceeded your current quota") || text.includes("provider quota is exhausted")) {
+    return QUOTA;
+  }
+  if (status === "402" || /\bpayment required\b|\binsufficient (?:credits|balance|funds)\b|\brequires more credits\b|\bout of credits\b|\bcredit balance is too low\b|\bupgrade to a paid account\b/.test(
+    text
+  )) {
+    return PROVIDER_BILLING;
+  }
+  if (status === "403" || /organization must be verified|country, region, or territory not supported/.test(text)) {
+    return PROVIDER_ACCESS;
+  }
+  if (failureCode === "provider_quota_exhausted") return QUOTA;
+  if (failureCode === "provider_rate_limited" || status === "429") return RATE_LIMITED;
+  if (failureCode === "provider_unavailable") return PROVIDER_ERROR;
+  return null;
+}
+function failedSessionCopy(failure, creditExhausted = false, modelChanged = false, canChooseModel = false, freeCreditGap = null, stopRefusal) {
+  const recorded = failure.reason?.replace(/\s+/g, " ").trim();
+  const diagnostic = failure.recordedDetail || failure.reason;
+  const code = failure.failureCode;
+  if (code === "codex_request_rejected") {
+    return {
+      reason: canChooseModel && !modelChanged ? `${CODEX_REQUEST_REJECTED} Try again, or choose another model below.` : `${CODEX_REQUEST_REJECTED} Try again when you're ready.`,
+      unavailableModel: false,
+      ...diagnostic ? { detail: diagnostic } : {}
+    };
+  }
+  if (recorded && code === "codex_plan_entitlement") {
+    const detail = failure.recordedDetail?.trim();
+    return {
+      reason: recorded,
+      unavailableModel: false,
+      ...detail && detail !== recorded ? { detail } : {}
+    };
+  }
+  const recovery = failure.providerRecovery;
+  if (recovery?.modelRoute && recovery.modelLabel && !creditExhausted && !failure.safetyRefusal && !failure.quotaScope) {
+    const subject = providerRecoverySubject(t, recovery);
+    return {
+      reason: modelChanged ? `${subject}. Retry to continue with the selected model.` : canChooseModel ? `${subject}. Select a different model, or try again in a few minutes.` : `${subject}. Try again in a few minutes.`,
+      unavailableModel: false,
+      retryUnhelpful: false,
+      ...diagnostic ? { detail: diagnostic } : {}
+    };
+  }
+  const unavailableModel = /\bmodel(?:\s+[`'"][^`'"]+[`'"])?\s+(?:(?:is|was)\s+)?(?:not supported|not available|unavailable|does not exist)\b/i.test(
+    recorded ?? ""
+  );
+  const known = creditExhausted || failure.safetyRefusal || unavailableModel ? null : quotaScopeFailure(failure.quotaScope) ?? // A recorded recovery streak proves the worker paced this transient
+  // refusal. Provider quota wording alone must not override that typed
+  // decision (e.g. Gemini's per-minute quota); legacy failures with an
+  // unknown streak retain their existing text fallback.
+  (failure.failureCode === "provider_rate_limited" && failure.consecutiveRecoveryCount !== null ? RATE_LIMITED : classifyProviderFailure(
+    failure.recordedDetail ?? recorded ?? "",
+    failure.failureCode,
+    failure.quotaScope
+  ));
+  if (known) {
+    const detail = diagnostic;
+    const suggest = known.suggestModel && canChooseModel && !modelChanged;
+    return {
+      reason: suggest ? known.chooseModelMessage ?? `${known.message} Choose another model below.` : known.message,
+      unavailableModel: false,
+      retryUnhelpful: known.retryUnhelpful,
+      ...detail && detail !== known.message ? { detail } : {},
+      ...known === DAILY_LIMIT ? { dailyLimit: true } : {}
+    };
+  }
+  if (!creditExhausted && !failure.safetyRefusal && !failure.structuralSandboxFailure && !unavailableModel && isDiagnosticFailureCode(code) && !/(?:workspace|opengeni) credits/i.test(recorded ?? "")) {
+    const detail = diagnostic;
+    return {
+      reason: failure.sandboxStartFailed ? SANDBOX_START_FAILURE : /\/modal\.task_command_router\.TaskCommandRouter\/\w+\s+(?:UNAVAILABLE|DEADLINE_EXCEEDED)/.test(
+        detail ?? ""
+      ) ? EXECUTION_CONNECTION_FAILURE : UNKNOWN_FAILURE,
+      unavailableModel: false,
+      ...detail ? { detail } : {}
+    };
+  }
+  if (code === "context_compaction_failed" && !creditExhausted && !failure.safetyRefusal && !unavailableModel) {
+    return {
+      reason: COMPACTION_FAILURE,
+      unavailableModel: false,
+      compaction: true,
+      ...diagnostic ? { detail: diagnostic } : {}
+    };
+  }
+  const creditRefusal = creditExhausted ? stopRefusal !== void 0 ? stopRefusal : creditRefusalKindFromText(failure.recordedDetail, failure.reason) : null;
+  if (creditRefusal) {
+    return {
+      reason: creditRefusalHeadline(t, creditRefusal),
+      unavailableModel: false,
+      creditRefusal
+    };
+  }
+  const reason = creditExhausted ? freeCreditGap ? freeCreditGapReason(freeCreditGap) : "This workspace is out of Opengeni credits." : failure.safetyRefusal ? "The model provider declined this request." : unavailableModel ? modelChanged ? "The previous model isn\u2019t available." : canChooseModel ? "This model isn\u2019t available. Choose another below." : "This model isn\u2019t available." : recorded ? recorded.length > 160 ? `${recorded.slice(0, 157)}\u2026` : recorded : "This session failed.";
+  return { reason, unavailableModel };
+}
+function chatComposerPlaceholder(input) {
+  if (input.cancelled) return "This session was cancelled.";
+  if (!input.creditStopped) return "Send a follow-up\u2026";
+  if (input.stopRefusal) return creditRefusalHeadline(t, input.stopRefusal, input.canBuyCredits);
+  if (input.creditGap) {
+    return input.creditGap.selectionUsable ? "Send a follow-up\u2026" : "Your free credits don't cover this model \u2014 choose another model or add credits.";
+  }
+  return "Out of Opengeni credits \u2014 add credits to continue.";
+}
+function failureFallbackReason(copy, canBuyCredits) {
+  return copy.creditRefusal && !canBuyCredits ? creditRefusalHeadline(t, copy.creditRefusal, false) : copy.reason;
+}
+
+export {
+  classifyProviderFailure,
+  failedSessionCopy,
+  chatComposerPlaceholder,
+  failureFallbackReason
+};
+//# sourceMappingURL=chunk-2BDT3UZQ.js.map

package/dist/chunk-2CLNIEK4.js

@@ -0,0 +1,373 @@
+"use client";
+import {
+  BillingClassMark,
+  PickerNavRow
+} from "./chunk-XLH7QY2R.js";
+import {
+  MENU_CHECK_CLASS,
+  MENU_LABEL_CLASS,
+  MENU_NOTE_CLASS,
+  MENU_SURFACE_CLASS
+} from "./chunk-PNNTR6KP.js";
+import {
+  ModelMark
+} from "./chunk-WJPMYXKZ.js";
+import {
+  containedPortal
+} from "./chunk-UD6AAZSC.js";
+import {
+  compactEffortLabel,
+  defaultModelPolicyPickerMessages,
+  groupPresentationFor,
+  modelPickerChoice,
+  modelPickerMenuView
+} from "./chunk-AMHRWKKH.js";
+import {
+  labelReasoningEffort
+} from "./chunk-ZHC47M2B.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/model-policy-picker-menu.tsx
+import { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from "lucide-react";
+import { useRef, useState } from "react";
+import { Popover, RadioGroup } from "radix-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PopoverContainedPortal = containedPortal(Popover.Portal);
+function ModelPolicyPickerMenu(props) {
+  const t = useOpenGeniText();
+  const [query, setQuery] = useState("");
+  const view = modelPickerMenuView(t, props, query);
+  const { messages, rows, groups } = view;
+  const selected = view.selected;
+  const choose = (row) => {
+    if (props.disabled) return;
+    const choice = modelPickerChoice(props, row);
+    if (!choice) return;
+    if (choice.model !== null) props.onModelChange(choice.model);
+    props.onEffortChange(choice.effort);
+    if (choice.latencyMode !== null) props.onLatencyModeChange(choice.latencyMode);
+  };
+  const modelRow = (row) => /* @__PURE__ */ jsx(
+    PickerNavRow,
+    {
+      icon: props.collapseScopes === false ? void 0 : /* @__PURE__ */ jsx(ModelMark, { model: row.catalog, className: "size-4 text-og-fg-muted" }),
+      label: row.label,
+      hint: row.unavailableReason ?? row.fundingHint,
+      disabled: props.disabled || !row.selectable,
+      title: [row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(" \xB7 "),
+      active: row.selectable && row.id === props.model,
+      showChevron: false,
+      trailing: row.catalog.cost === "free" || row.id === props.model ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        row.catalog.cost === "free" ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted", children: messages.free }) : null,
+        row.id === props.model ? /* @__PURE__ */ jsx(CheckIcon, { className: MENU_CHECK_CLASS, "aria-label": messages.selected }) : null
+      ] }) : null,
+      testId: `model-picker-choice-${row.id}`,
+      onClick: () => choose(row)
+    },
+    row.id
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "model-picker-menu",
+      className: "flex min-h-0 flex-col",
+      onKeyDown: (event) => {
+        if (!(event.target instanceof HTMLButtonElement) || !["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key))
+          return;
+        const buttons = Array.from(
+          event.currentTarget.querySelectorAll(
+            '[data-testid^="model-picker-choice-"]:not(:disabled)'
+          )
+        );
+        const index = buttons.indexOf(event.target);
+        if (index < 0) return;
+        event.preventDefault();
+        const next = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (index + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
+        buttons[next]?.focus();
+      },
+      children: [
+        rows.some((row) => row.selectable) ? /* @__PURE__ */ jsx("div", { className: "border-b border-og-border py-1", children: /* @__PURE__ */ jsxs("label", { className: "og-model-policy-search flex items-center gap-2 px-2.5 py-0.5", children: [
+          /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              "aria-label": messages.searchLabel,
+              placeholder: messages.searchPlaceholder,
+              value: query,
+              onChange: (event) => setQuery(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key !== "Escape" && event.key !== "Tab") event.stopPropagation();
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  event.currentTarget.closest('[data-testid="model-picker-menu"]')?.querySelector("button:not(:disabled)")?.focus();
+                }
+              },
+              className: "og-model-policy-search-input h-8 min-w-0 flex-1 bg-transparent text-og-menu text-og-fg outline-hidden placeholder:text-og-fg-subtle"
+            }
+          )
+        ] }) }) : null,
+        props.error ? /* @__PURE__ */ jsx("p", { className: cn(MENU_NOTE_CLASS, "text-og-sm text-og-status-failed"), role: "alert", children: props.error }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain py-1",
+            "data-testid": "model-picker-models",
+            children: props.loading ? (
+              // Rows at the menu's row height, never a sentence, so nothing jumps.
+              /* @__PURE__ */ jsx("div", { role: "status", "aria-label": messages.loading, children: [58, 44, 66, 50].map((width) => /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "flex h-8 items-center gap-3 px-2.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "size-4 shrink-0 animate-pulse rounded bg-og-surface-2" }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "h-2.5 animate-pulse rounded bg-og-surface-2",
+                    style: { width: `${width}%` }
+                  }
+                )
+              ] }, width)) })
+            ) : rows.some((row) => row.selectable) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              groups.map((group) => /* @__PURE__ */ jsxs(
+                "section",
+                {
+                  "aria-label": group.label,
+                  className: "[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: cn(MENU_LABEL_CLASS, "flex items-center gap-2"), children: [
+                      /* @__PURE__ */ jsx(
+                        BillingClassMark,
+                        {
+                          billingClass: group.billingClass,
+                          presentation: groupPresentationFor(props, group.billingClass),
+                          "aria-label": ""
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: group.label })
+                    ] }),
+                    group.description ? /* @__PURE__ */ jsx("p", { className: "break-words px-2.5 pb-1 text-og-sm text-og-fg-muted", children: group.description }) : null,
+                    group.rows.map(modelRow)
+                  ]
+                },
+                group.billingClass
+              )),
+              view.matchCount === 0 ? /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: view.searching ? messages.noMatches : messages.noModels }) : null
+            ] }) : props.connectModelsHref || rows.length > 0 ? /* @__PURE__ */ jsx(
+              ConnectModelsPanel,
+              {
+                href: props.connectModelsHref,
+                claude: props.claudeSubscriptionAvailable === true,
+                messages
+              }
+            ) : /* @__PURE__ */ jsx("p", { className: MENU_NOTE_CLASS, children: messages.noModels })
+          }
+        ),
+        view.anySelectable && selected && (view.unsupportedAttachments || props.allowModelOptions !== false && view.thinking) ? /* @__PURE__ */ jsxs("div", { className: "border-t border-og-border px-2.5 py-2.5", children: [
+          view.unsupportedAttachments ? /* @__PURE__ */ jsx("p", { className: "pb-1.5 text-og-control leading-relaxed text-og-fg-subtle", children: messages.unsupportedAttachments }) : null,
+          props.allowModelOptions !== false ? /* @__PURE__ */ jsx(ModelThinkingControls, { ...props }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+var CONNECT_MODEL_OPTIONS = (t, claude) => [
+  {
+    billingClass: "codex_subscription",
+    title: t("modelPolicyPickerMenu.codex"),
+    detail: "ChatGPT"
+  },
+  ...claude ? [
+    {
+      billingClass: "claude_subscription",
+      title: t("modelPolicyPicker.claude"),
+      detail: "Anthropic"
+    }
+  ] : [],
+  { billingClass: "supergrok_subscription", title: "SuperGrok", detail: "xAI" },
+  {
+    billingClass: "byok",
+    title: t("modelPolicyPickerMenu.aiGateway"),
+    detail: t("modelPolicyPickerMenu.vercel")
+  },
+  { billingClass: "external", title: "OpenRouter", detail: t("modelPolicyPickerMenu.apiKey") }
+];
+function ConnectModelsPanel(props) {
+  const t = useOpenGeniText();
+  return /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-1.5 pt-2", "data-testid": "model-picker-connect", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-og-menu font-medium tracking-tight text-og-fg", children: props.messages.connectTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-og-control leading-snug text-og-fg-subtle", children: props.messages.connectBody })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1", children: CONNECT_MODEL_OPTIONS(t, props.claude).map((option) => {
+      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg", children: /* @__PURE__ */ jsx(
+          BillingClassMark,
+          {
+            billingClass: option.billingClass,
+            "aria-label": "",
+            className: "size-4 text-og-fg"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control font-medium text-og-fg", children: option.title }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control text-og-fg-subtle", children: option.detail })
+        ] })
+      ] });
+      const className = (
+        // An odd last tile spans both columns instead of sitting alone.
+        "flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors odd:last:col-span-2 hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40"
+      );
+      return props.href ? /* @__PURE__ */ jsx("a", { href: props.href, className, children: content }, option.title) : /* @__PURE__ */ jsx("div", { className, children: content }, option.title);
+    }) }),
+    props.href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: props.href,
+        className: "mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover text-og-control font-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-og-accent/40",
+        children: [
+          props.messages.connectAction,
+          /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-3.5", "aria-hidden": true })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "px-1.5 pt-3 text-og-control text-og-fg-subtle", children: props.messages.noModels })
+  ] });
+}
+function ModelThinkingControls(props) {
+  const t = useOpenGeniText();
+  const view = modelPickerMenuView(t, props, "");
+  const thinking = view.thinking;
+  if (!view.selected || !thinking) return null;
+  const messages = view.messages;
+  const efforts = thinking.efforts;
+  const showThinking = thinking.showThinking;
+  const showFast = thinking.showFast;
+  const speeds = thinking.speeds;
+  const selectedSpeed = speeds?.find((speed) => speed.id === props.latencyMode) ?? speeds?.[0];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-og-control", "data-testid": "model-picker-reasoning", children: [
+    showThinking || showFast ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-7 items-center justify-between gap-3", children: [
+      showThinking ? /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: messages.thinking }) : /* @__PURE__ */ jsx("span", {}),
+      showFast ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": "model-picker-fast",
+          disabled: props.disabled || thinking.disabled,
+          "aria-pressed": props.latencyMode === "fast",
+          title: messages.fast + " \xB7 " + messages.fastRateHint,
+          onClick: () => props.onLatencyModeChange(props.latencyMode === "fast" ? "standard" : "fast"),
+          className: "flex min-h-8 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-og-sm px-2 text-og-fg-muted hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(ZapIcon, { className: cn("size-3.5", props.latencyMode === "fast" && "fill-current") }),
+            messages.fast,
+            /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: messages.fastRateHint })
+          ]
+        }
+      ) : null
+    ] }) : null,
+    showThinking ? /* @__PURE__ */ jsx(
+      RadioGroup.Root,
+      {
+        "aria-label": messages.thinkingEffort,
+        value: thinking.value,
+        disabled: props.disabled || thinking.disabled,
+        onValueChange: (value) => props.onEffortChange(value),
+        orientation: "horizontal",
+        className: "flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5",
+        children: efforts.map((effort) => /* @__PURE__ */ jsx(
+          RadioGroup.Item,
+          {
+            value: effort,
+            "aria-label": labelReasoningEffort(t, effort),
+            title: labelReasoningEffort(t, effort),
+            className: "min-h-8 min-w-10 flex-1 cursor-pointer whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50",
+            children: compactEffortLabel(t, effort, labelReasoningEffort(t, effort))
+          },
+          effort
+        ))
+      }
+    ) : null,
+    speeds && selectedSpeed ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 pt-1", "data-testid": "model-picker-speed", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-h-7 items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: messages.speed }),
+        selectedSpeed.hint ? /* @__PURE__ */ jsx("span", { className: "text-og-fg-subtle", children: selectedSpeed.hint }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        RadioGroup.Root,
+        {
+          "aria-label": messages.speed,
+          value: selectedSpeed.id,
+          disabled: props.disabled || thinking.disabled,
+          onValueChange: (value) => props.onLatencyModeChange(value),
+          orientation: "horizontal",
+          className: "flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5",
+          children: speeds.map((speed) => /* @__PURE__ */ jsxs(
+            RadioGroup.Item,
+            {
+              value: speed.id,
+              "aria-label": speed.hint ? `${speed.label} \xB7 ${speed.hint}` : speed.label,
+              title: speed.hint ? `${speed.label} \xB7 ${speed.hint}` : speed.label,
+              className: "flex min-h-8 min-w-10 flex-1 cursor-pointer items-center justify-center gap-1 whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50",
+              children: [
+                speed.id === "standard" ? null : /* @__PURE__ */ jsx(
+                  ZapIcon,
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      "size-3.5 shrink-0",
+                      speed.id === selectedSpeed.id && "fill-current"
+                    )
+                  }
+                ),
+                speed.label
+              ]
+            },
+            speed.id
+          ))
+        }
+      )
+    ] }) : null
+  ] });
+}
+function ModelPolicyPickerPopover(props) {
+  const t = useOpenGeniText();
+  const outside = useRef(false);
+  const messages = { ...defaultModelPolicyPickerMessages(t), ...props.messages };
+  return /* @__PURE__ */ jsxs(Popover.Root, { open: true, onOpenChange: (open) => props.onOpenChange?.(open), children: [
+    /* @__PURE__ */ jsx(Popover.Anchor, { virtualRef: props.anchor }),
+    /* @__PURE__ */ jsx(PopoverContainedPortal, { children: /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        id: props.contentId,
+        "aria-label": messages.label,
+        align: "start",
+        side: props.menuSide ?? "bottom",
+        sideOffset: 8,
+        collisionPadding: 12,
+        onInteractOutside: (event) => {
+          if (props.anchor.current?.contains(event.target)) event.preventDefault();
+          else outside.current = true;
+        },
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+          if (!outside.current) props.anchor.current?.focus();
+        },
+        className: cn(
+          MENU_SURFACE_CLASS,
+          "og-root og-model-policy-menu z-50 flex max-h-[min(32rem,var(--radix-popover-content-available-height))] w-[22rem] max-w-[calc(100vw-16px)] flex-col overflow-hidden p-[var(--og-model-picker-menu-padding)]",
+          props.contentClassName
+        ),
+        style: { ...props.portalStyle, ...props.contentStyle },
+        "data-testid": "model-picker-content",
+        children: /* @__PURE__ */ jsx(ModelPolicyPickerMenu, { ...props })
+      }
+    ) })
+  ] });
+}
+
+export {
+  ModelPolicyPickerMenu,
+  ModelPolicyPickerPopover
+};
+//# sourceMappingURL=chunk-2CLNIEK4.js.map