@opengeni/react 4.6.1 → 4.6.2-canary.39853438886001

package/src/components/session-mcp-capability-card.tsx

@@ -83,7 +83,7 @@ function ScopedCard({
   onConfigured,
   dialogOnly = false,
   onClose,
-  personalOnly = false,
+  personalOnly: configuredPersonalOnly = false,
   connectLabel,
   dialogSubtitle,
   description: hostDescription,
@@ -96,6 +96,9 @@ function ScopedCard({
   );
   const view = useConnect(controller);
   const [item, setItem] = useState<CapabilityCatalogItem | null>(null);
+  const personalOnly =
+    configuredPersonalOnly ||
+    (item?.mcpUrl ?? item?.endpointUrl) === "https://drivemcp.googleapis.com/mcp/v1";
   const [logo, setLogo] = useState<string | null>(null);
   const [expanded, setExpanded] = useState(dialogOnly);
   const [complete, setComplete] = useState(false);
@@ -151,7 +154,9 @@ function ScopedCard({
       setOwnership(resolved.connectionRef.subjectScope === "subject" ? "personal" : "workspace");
     else if (
       !item &&
-      (personalOnly || resolved.metadata?.defaultConnectionOwnership === "personal")
+      (personalOnly ||
+        (resolved.mcpUrl ?? resolved.endpointUrl) === "https://drivemcp.googleapis.com/mcp/v1" ||
+        resolved.metadata?.defaultConnectionOwnership === "personal")
     )
       setOwnership("personal");
     let accountReady = false;
@@ -399,7 +404,8 @@ function ScopedCard({
         }
         startInput.current = input;
         let attempt = await controller.begin({
-          providerId: "mcp-oauth",
+          providerId:
+            mcpUrl === "https://drivemcp.googleapis.com/mcp/v1" ? "google-drive" : "mcp-oauth",
           ownership,
           returnUrl,
           idempotencyKey: startKey.current,
@@ -409,7 +415,10 @@ function ScopedCard({
         remember(attempt.id);
         if (attempt.state === "credential_input")
           attempt = await controller.advance(
-            { type: "credentials", values: { mcpUrl } },
+            {
+              type: "credentials",
+              values: mcpUrl === "https://drivemcp.googleapis.com/mcp/v1" ? {} : { mcpUrl },
+            },
             advanceKey.current,
           );
         if (!active()) return;

package/src/connection-service-presentation.ts

@@ -4,7 +4,12 @@ import gmailLogo from "./assets/gmail.ico";
 import outlookLogo from "./assets/outlook.ico";
 
 /** Passive service identity only. Never selects an account or grants tool access. */
-const services: Record<string, { name: string; logo: string; mcpUrl?: string }> = {
+const services: Record<string, { name: string; logo: string | null; mcpUrl?: string }> = {
+  "google-drive": {
+    name: "Google Drive",
+    logo: null,
+    mcpUrl: "https://drivemcp.googleapis.com/mcp/v1",
+  },
   gmail: { name: "Gmail", logo: gmailLogo, mcpUrl: "https://gmailmcp.googleapis.com/mcp/v1" },
   "microsoft-outlook-mail": { name: "Outlook Mail", logo: outlookLogo },
   "microsoft-outlook-calendar": { name: "Outlook Calendar", logo: outlookLogo },

package/src/messages/en.ts

@@ -1817,7 +1817,7 @@ export const englishMessages = {
   "modelPolicy.billedToTheWorkspaceProvider": "Billed to the workspace provider account",
   "modelPolicy.billedToTheWorkspaceVercel": "Billed to the workspace Vercel account",
   "modelPolicy.blockedByWorkspacePolicy": "Blocked by workspace policy",
-  "modelPolicy.claudeSubscription": "Claude subscription",
+  "modelPolicy.claudeSubscription": "Claude",
   "modelPolicy.claudeSubscriptionExternalBilling": "Claude subscription · external billing",
   "modelPolicy.codex": "Codex",
   "modelPolicy.codexSubscriptionExternalBilling": "Codex subscription · external billing",

package/src/timeline/connector-logo-index.test.ts

@@ -0,0 +1,46 @@
+import { describe, expect, test } from "bun:test";
+
+import { connectorLogo, connectorLogoIndex } from "./connector-logo-index";
+
+const url = (path: string | null | undefined) => (path ? `/v1/${path}` : null);
+
+describe("connectorLogoIndex", () => {
+  test("a connector's server host finds the provider's logo", () => {
+    const index = connectorLogoIndex(
+      [
+        {
+          providerDomain: "linear.app",
+          mcpUrl: "https://mcp.linear.app/mcp",
+          logoAssetPath: "logos/linear.png",
+        },
+        {
+          providerDomain: "notion.com",
+          connectionRef: { providerDomain: "mcp.notion.com" },
+          logoAssetPath: "logos/notion.png",
+        },
+      ],
+      url,
+    );
+    expect(connectorLogo(index, "mcp.linear.app")).toBe("/v1/logos/linear.png");
+    expect(connectorLogo(index, "Linear.app")).toBe("/v1/logos/linear.png");
+    expect(connectorLogo(index, "mcp.notion.com")).toBe("/v1/logos/notion.png");
+    expect(connectorLogo(index, "example.com")).toBeNull();
+  });
+
+  test("a provider's own domain wins over another entry's server host", () => {
+    const index = connectorLogoIndex(
+      [
+        {
+          providerDomain: "relay.example",
+          mcpUrl: "https://github.com/mcp",
+          logoAssetPath: "logos/relay.png",
+        },
+        { providerDomain: "github.com", logoAssetPath: "logos/github.png" },
+        { providerDomain: "nologo.app", logoAssetPath: null },
+      ],
+      url,
+    );
+    expect(connectorLogo(index, "github.com")).toBe("/v1/logos/github.png");
+    expect(connectorLogo(index, "nologo.app")).toBeNull();
+  });
+});

package/src/timeline/connector-logo-index.ts

@@ -0,0 +1,68 @@
+/*
+ * Which logo belongs to a connector domain. Tool steps and sign-in cards name
+ * their connector by the domain of the connection or MCP server they used
+ * (Linear's is mcp.linear.app), while the catalog files the logo under the
+ * provider's own domain (linear.app). Indexing every domain a catalog entry is
+ * known by lets any of them find the logo. Framework-neutral, so web, native
+ * and embedded surfaces resolve logos the same way.
+ */
+
+/** The catalog fields that name a connector's domains and logo. */
+export type ConnectorLogoSource = {
+  providerDomain?: string | null | undefined;
+  mcpUrl?: string | null | undefined;
+  connectionRef?: { providerDomain?: string | null | undefined } | null | undefined;
+  logoAssetPath?: string | null | undefined;
+};
+
+/** "WWW.Linear.app " → "linear.app". */
+export function normalizeConnectorDomain(domain: string): string {
+  return domain
+    .trim()
+    .toLowerCase()
+    .replace(/^www\./, "");
+}
+
+function urlHost(url: string | null | undefined): string | null {
+  if (!url) return null;
+  try {
+    return new URL(url).hostname || null;
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Every domain each catalog entry is known by, mapped to its logo URL. The
+ * provider's own domain is claimed first across the whole catalog, so another
+ * entry's server host never takes over a provider's logo.
+ */
+export function connectorLogoIndex(
+  catalog: readonly ConnectorLogoSource[],
+  logoUrl: (logoAssetPath: string | null | undefined) => string | null | undefined,
+): ReadonlyMap<string, string> {
+  const logos = new Map<string, string>();
+  const entries = catalog.flatMap((item) => {
+    const url = logoUrl(item.logoAssetPath);
+    return url ? [{ item, url }] : [];
+  });
+  const claim = (domain: string | null | undefined, url: string) => {
+    if (!domain) return;
+    const key = normalizeConnectorDomain(domain);
+    if (key && !logos.has(key)) logos.set(key, url);
+  };
+  for (const { item, url } of entries) claim(item.providerDomain, url);
+  for (const { item, url } of entries) {
+    claim(item.connectionRef?.providerDomain, url);
+    claim(urlHost(item.mcpUrl), url);
+  }
+  return logos;
+}
+
+/** The logo for a connector domain from an index built by `connectorLogoIndex`. */
+export function connectorLogo(
+  index: ReadonlyMap<string, string>,
+  domain: string | null | undefined,
+): string | null {
+  return domain ? (index.get(normalizeConnectorDomain(domain)) ?? null) : null;
+}

package/src/timeline-model.ts

@@ -32,6 +32,12 @@ export {
 export type { ActivityGroup, ReadableWorkOptions, TurnGroup } from "./timeline/work-presentation";
 export { timelineGroupContainsPresentedImage } from "./timeline/presented-image";
 export { mcpToolLeaf, toolDisplayName } from "./timeline/tool-display-name";
+export {
+  connectorLogo,
+  connectorLogoIndex,
+  normalizeConnectorDomain,
+} from "./timeline/connector-logo-index";
+export type { ConnectorLogoSource } from "./timeline/connector-logo-index";
 export {
   BUILT_IN_TOOL_STEP_NAMES,
   builtInToolStep,

package/src/ui/list-row.tsx

@@ -550,6 +550,11 @@ export function ListRow({
   const hasColumns = gridded && columns.length > 0;
   const expandable = !table && expanded !== undefined;
 
+  // Resource and table rows keep one fixed height: the description, the meta
+  // facts and (on narrow lists) the status and indicator words share ONE
+  // secondary line that truncates. Catalog rows keep a two-line description
+  // with the facts under it.
+  const singleLine = !catalog;
   /* The meta line: quiet facts, then the fact columns folded in on narrow lists. */
   const presentFacts = columns.filter((column) => cells[column.id] != null);
   const facts = [
@@ -568,6 +573,7 @@ export function ListRow({
       key={column.id}
       order={order}
       keep={leads}
+      oneLine={singleLine}
       className={cn(
         hasColumns && "@[640px]/list:hidden",
         // A phone-width line has room for one folded fact (none next to a
@@ -586,8 +592,13 @@ export function ListRow({
     ...metaItems.map((item, index) => {
       const last = index === metaItems.length - 1;
       return (
-        // oxlint-disable-next-line react/no-array-index-key -- meta items are positional
-        <MetaPart key={`meta-${index}`} order={leadingFacts + index} keep={!last}>
+        <MetaPart
+          // oxlint-disable-next-line react/no-array-index-key -- meta items are positional
+          key={`meta-${index}`}
+          order={leadingFacts + index}
+          keep={!last}
+          oneLine={singleLine}
+        >
           {item}
         </MetaPart>
       );
@@ -598,11 +609,6 @@ export function ListRow({
         foldedFact(column, leadingFacts + index, leadingFacts + metaItems.length + index, false),
       ),
   ];
-  // Resource and table rows keep one fixed height: the description, the meta
-  // facts and (on narrow lists) the status and indicator words share ONE
-  // secondary line that truncates. Catalog rows keep a two-line description
-  // with the facts under it.
-  const singleLine = !catalog;
   const statusPart = status ? (
     <MetaPart key="status" keep className="@[480px]/list:hidden">
       {status}
@@ -840,13 +846,18 @@ export function ListRow({
               <span className="flex shrink-0 items-center">{keptLeadParts}</span>
             ) : null}
             {restLineParts.length > 0 ? (
+              // One line tall and wrapping: a part with no room for a few
+              // letters wraps onto the clipped second line and disappears
+              // whole, instead of staying behind as a lone dot. The empty
+              // first item lets even the first part wrap away.
               <span
                 className={cn(
-                  "flex min-w-0 shrink-[2] items-center overflow-hidden",
+                  "flex h-4.5 min-w-0 shrink-[2] flex-wrap content-start items-center overflow-hidden",
                   // No description: drop the first part's leading dot.
                   !(secondary && !(disabled && disabledReason)) && "-ml-4",
                 )}
               >
+                <span aria-hidden="true" className="h-4.5 w-0 shrink-0" />
                 {restLineParts}
               </span>
             ) : null}
@@ -1018,6 +1029,7 @@ function MetaPart({
   hidden = false,
   order = 0,
   keep = false,
+  oneLine = false,
 }: {
   className?: string | undefined;
   children: ReactNode;
@@ -1027,13 +1039,29 @@ function MetaPart({
   order?: number | undefined;
   /** Never shrinks (a status): it stays whole while the facts before it give way. */
   keep?: boolean | undefined;
+  /**
+   * On a one-line meta line (which wraps into a clipped second line): the part
+   * claims room for its dot and a few letters, then takes what is left in
+   * order. One without even that much wraps away whole.
+   */
+  oneLine?: boolean | undefined;
 }) {
+  const sizing: CSSProperties = keep
+    ? { flexShrink: 0 }
+    : oneLine
+      ? // Earlier parts fill to their full width before later ones grow past
+        // their few letters, so the line still gives way from the end.
+        { flexBasis: "3.5rem", flexGrow: 64 ** (4 - Math.min(order, 4)), flexShrink: 0 }
+      : { flexShrink: 64 ** Math.min(order, 4) };
   return (
     <span
       aria-hidden={hidden || undefined}
-      style={{ flexShrink: keep ? 0 : 64 ** Math.min(order, 4) }}
+      style={sizing}
       className={cn(
-        "flex max-w-full min-w-0 items-center overflow-hidden whitespace-nowrap",
+        "flex min-w-0 items-center overflow-hidden whitespace-nowrap",
+        // max-content caps the growth; the 3.5rem basis is the most a part
+        // asks for before it fits, so a short fact never gains empty space.
+        oneLine && !keep ? "max-w-max" : "max-w-full",
         className,
       )}
     >

package/styles/compiled.css

@@ -2177,6 +2177,9 @@
 :where(.og-root).max-w-lg,:where(.og-root) .max-w-lg {
     max-width: var(--container-lg);
   }
+:where(.og-root).max-w-max,:where(.og-root) .max-w-max {
+    max-width: max-content;
+  }
 :where(.og-root).max-w-md,:where(.og-root) .max-w-md {
     max-width: var(--container-md);
   }
@@ -2581,6 +2584,9 @@
 :where(.og-root).content-center,:where(.og-root) .content-center {
     align-content: center;
   }
+:where(.og-root).content-start,:where(.og-root) .content-start {
+    align-content: flex-start;
+  }
 :where(.og-root).items-baseline,:where(.og-root) .items-baseline {
     align-items: baseline;
   }
@@ -6589,6 +6595,13 @@
       padding-bottom: calc(var(--spacing) * 0);
     }
   }
+:where(.og-root).odd\:last\:col-span-2,:where(.og-root) .odd\:last\:col-span-2 {
+    &:nth-child(odd) {
+      &:last-child {
+        grid-column: span 2 / span 2;
+      }
+    }
+  }
 :where(.og-root).open\:basis-full,:where(.og-root) .open\:basis-full {
     &:is([open], :popover-open, :open) {
       flex-basis: 100%;

package/dist/app/components/session/codex-account-indicator.d.ts

@@ -1,9 +0,0 @@
-import type { SessionEvent } from "@opengeni/sdk";
-export declare function CodexAccountIndicator({ workspaceId: _workspaceId, sessionId, model, modelReady, events, }: {
-    workspaceId: string;
-    sessionId: string;
-    model: string;
-    /** False while the session's admitted model identity is still loading. */
-    modelReady?: boolean;
-    events?: SessionEvent[];
-}): import("react").JSX.Element | null;

package/dist/app/components/session/model-account-indicator.d.ts

@@ -1,10 +0,0 @@
-import type { SessionEvent } from "@opengeni/sdk";
-export declare function ModelAccountIndicator({ workspaceId, sessionId, organizationId, provider, servingTurnId, events, }: {
-    workspaceId: string;
-    sessionId: string;
-    organizationId: string | null;
-    /** The session model's subscription provider; only its accounts are offered. */
-    provider: string;
-    servingTurnId?: string | undefined;
-    events?: SessionEvent[];
-}): import("react").JSX.Element | null;

package/dist/app/components/session/model-account-indicator.js

@@ -1,34 +0,0 @@
-"use client";
-import {
-  ModelAccountIndicator
-} from "../../../chunk-HCCSAECI.js";
-import "../../../chunk-M77ZQE5T.js";
-import "../../../chunk-3SMJ2BIQ.js";
-import "../../../chunk-M7YEZR6X.js";
-import "../../../chunk-Z63GB7JI.js";
-import "../../../chunk-A3MTTRCX.js";
-import "../../../chunk-TREHTIBD.js";
-import "../../../chunk-5OTQA7CM.js";
-import "../../../chunk-BMJTNPWK.js";
-import "../../../chunk-CKA4SJRK.js";
-import "../../../chunk-NLAFNMPK.js";
-import "../../../chunk-RZLBICR5.js";
-import "../../../chunk-IGVL3ELX.js";
-import "../../../chunk-ZWACUOU5.js";
-import "../../../chunk-PNNTR6KP.js";
-import "../../../chunk-WJPMYXKZ.js";
-import "../../../chunk-VYT4POBH.js";
-import "../../../chunk-IQ64BNAG.js";
-import "../../../chunk-J3BHDXQQ.js";
-import "../../../chunk-CFEFYPNR.js";
-import "../../../chunk-N7S72EXK.js";
-import "../../../chunk-XEA5BCMA.js";
-import "../../../chunk-2KO2G3RI.js";
-import "../../../chunk-CM7LVUKC.js";
-import "../../../chunk-TVQCDDSZ.js";
-import "../../../chunk-TXS65BB2.js";
-import "../../../chunk-S6WJ6TUT.js";
-export {
-  ModelAccountIndicator
-};
-//# sourceMappingURL=model-account-indicator.js.map

package/dist/app/components/session/model-account-usage.d.ts

@@ -1,8 +0,0 @@
-import type { ModelAccountUsageSnapshot } from "@opengeni/sdk";
-import type { SubscriptionAccountUsageWindow } from "./subscription-account-menu.js";
-export declare function modelAccountUsage(usage: ModelAccountUsageSnapshot | null | undefined, now?: number): {
-    windows?: SubscriptionAccountUsageWindow[];
-    message?: string;
-    note?: string;
-    summary?: string;
-};

package/dist/app/components/session/model-account-usage.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  modelAccountUsage
-} from "../../../chunk-M77ZQE5T.js";
-export {
-  modelAccountUsage
-};
-//# sourceMappingURL=model-account-usage.js.map

package/dist/chunk-2K27S6LK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/model-policy-picker-menu.tsx"],"sourcesContent":["import type { ClientModel, LatencyMode, ReasoningEffort } from \"@opengeni/sdk\";\nimport { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from \"lucide-react\";\nimport { useRef, useState, type RefObject, type CSSProperties } from \"react\";\nimport { Popover, RadioGroup } from \"radix-ui\";\nimport { containedPortal } from \"../ui/portal-container\";\nimport { cn } from \"../lib/cn\";\nimport {\n  MENU_CHECK_CLASS,\n  MENU_LABEL_CLASS,\n  MENU_NOTE_CLASS,\n  MENU_SURFACE_CLASS,\n} from \"../lib/menu-styles\";\nimport { labelReasoningEffort, type PickerModelRow } from \"../model-policy\";\nimport {\n  compactEffortLabel,\n  groupPresentationFor,\n  modelPickerChoice,\n  modelPickerMenuView,\n} from \"../model-picker-model\";\nimport {\n  BillingClassMark,\n  defaultModelPolicyPickerMessages,\n  PickerNavRow,\n  type ModelPolicyPickerProps,\n} from \"./model-policy-picker\";\nimport { ModelMark } from \"./model-mark\";\nimport { useOpenGeniText, type OpenGeniText } from \"../messages/runtime\";\n\nconst PopoverContainedPortal = containedPortal(Popover.Portal);\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Model selection stays flat; reasoning never becomes a navigation destination. */\nexport function ModelPolicyPickerMenu(props: ModelPolicyPickerProps) {\n  const t = useOpenGeniText();\n  const [query, setQuery] = useState(\"\");\n  const view = modelPickerMenuView(t, props, query);\n  const { messages, rows, groups } = view;\n  const selected = view.selected;\n  const choose = (row: ClientPickerModelRow) => {\n    if (props.disabled) return;\n    const choice = modelPickerChoice(props, row);\n    if (!choice) return;\n    if (choice.model !== null) props.onModelChange(choice.model);\n    // Hosts may commit the combined model/effort draft through this callback.\n    props.onEffortChange(choice.effort);\n    if (choice.latencyMode !== null) props.onLatencyModeChange(choice.latencyMode);\n  };\n  const modelRow = (row: ClientPickerModelRow) => (\n    <PickerNavRow\n      key={row.id}\n      icon={\n        props.collapseScopes === false ? undefined : (\n          <ModelMark model={row.catalog} className=\"size-4 text-og-fg-muted\" />\n        )\n      }\n      label={row.label}\n      hint={row.unavailableReason ?? row.fundingHint}\n      disabled={props.disabled || !row.selectable}\n      title={[row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(\" · \")}\n      active={row.selectable && row.id === props.model}\n      showChevron={false}\n      trailing={\n        row.catalog.cost === \"free\" || row.id === props.model ? (\n          <span className=\"flex items-center gap-2\">\n            {row.catalog.cost === \"free\" ? (\n              <span className=\"rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted\">\n                {messages.free}\n              </span>\n            ) : null}\n            {row.id === props.model ? (\n              <CheckIcon className={MENU_CHECK_CLASS} aria-label={messages.selected} />\n            ) : null}\n          </span>\n        ) : null\n      }\n      testId={`model-picker-choice-${row.id}`}\n      onClick={() => choose(row)}\n    />\n  );\n  return (\n    <div\n      data-testid=\"model-picker-menu\"\n      className=\"flex min-h-0 flex-col\"\n      onKeyDown={(event) => {\n        if (\n          !(event.target instanceof HTMLButtonElement) ||\n          ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)\n        )\n          return;\n        const buttons = Array.from(\n          event.currentTarget.querySelectorAll<HTMLButtonElement>(\n            '[data-testid^=\"model-picker-choice-\"]:not(:disabled)',\n          ),\n        );\n        const index = buttons.indexOf(event.target);\n        if (index < 0) return;\n        event.preventDefault();\n        const next =\n          event.key === \"Home\"\n            ? 0\n            : event.key === \"End\"\n              ? buttons.length - 1\n              : (index + (event.key === \"ArrowDown\" ? 1 : -1) + buttons.length) % buttons.length;\n        buttons[next]?.focus();\n      }}\n    >\n      {rows.some((row) => row.selectable) ? (\n        <div className=\"border-b border-og-border py-1\">\n          <label className=\"og-model-policy-search flex items-center gap-2 px-2.5 py-0.5\">\n            <SearchIcon className=\"size-4 shrink-0 text-og-fg-subtle\" aria-hidden />\n            <input\n              aria-label={messages.searchLabel}\n              placeholder={messages.searchPlaceholder}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Escape\" && event.key !== \"Tab\") event.stopPropagation();\n                if (event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  event.currentTarget\n                    .closest('[data-testid=\"model-picker-menu\"]')\n                    ?.querySelector<HTMLButtonElement>(\"button:not(:disabled)\")\n                    ?.focus();\n                }\n              }}\n              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\"\n            />\n          </label>\n        </div>\n      ) : null}\n      {props.error ? (\n        <p className={cn(MENU_NOTE_CLASS, \"text-og-sm text-og-status-failed\")} role=\"alert\">\n          {props.error}\n        </p>\n      ) : null}\n      <div\n        className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain py-1\"\n        data-testid=\"model-picker-models\"\n      >\n        {props.loading ? (\n          // Rows at the menu's row height, never a sentence, so nothing jumps.\n          <div role=\"status\" aria-label={messages.loading}>\n            {[58, 44, 66, 50].map((width) => (\n              <div key={width} aria-hidden=\"true\" className=\"flex h-8 items-center gap-3 px-2.5\">\n                <span className=\"size-4 shrink-0 animate-pulse rounded bg-og-surface-2\" />\n                <span\n                  className=\"h-2.5 animate-pulse rounded bg-og-surface-2\"\n                  style={{ width: `${width}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : rows.some((row) => row.selectable) ? (\n          <>\n            {groups.map((group) => (\n              <section\n                key={group.billingClass}\n                aria-label={group.label}\n                className=\"[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5\"\n              >\n                <div className={cn(MENU_LABEL_CLASS, \"flex items-center gap-2\")}>\n                  <BillingClassMark\n                    billingClass={group.billingClass}\n                    presentation={groupPresentationFor(props, group.billingClass)}\n                    aria-label=\"\"\n                  />\n                  <span className=\"min-w-0 break-words\">{group.label}</span>\n                </div>\n                {group.description ? (\n                  <p className=\"break-words px-2.5 pb-1 text-og-sm text-og-fg-muted\">\n                    {group.description}\n                  </p>\n                ) : null}\n                {group.rows.map(modelRow)}\n              </section>\n            ))}\n            {view.matchCount === 0 ? (\n              <p className={MENU_NOTE_CLASS}>\n                {view.searching ? messages.noMatches : messages.noModels}\n              </p>\n            ) : null}\n          </>\n        ) : props.connectModelsHref || rows.length > 0 ? (\n          <ConnectModelsPanel href={props.connectModelsHref} messages={messages} />\n        ) : (\n          <p className={MENU_NOTE_CLASS}>{messages.noModels}</p>\n        )}\n      </div>\n      {view.anySelectable &&\n      selected &&\n      (view.unsupportedAttachments || (props.allowModelOptions !== false && view.thinking)) ? (\n        <div className=\"border-t border-og-border px-2.5 py-2.5\">\n          {view.unsupportedAttachments ? (\n            <p className=\"pb-1.5 text-og-control leading-relaxed text-og-fg-subtle\">\n              {messages.unsupportedAttachments}\n            </p>\n          ) : null}\n          {props.allowModelOptions !== false ? <ModelThinkingControls {...props} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst CONNECT_MODEL_OPTIONS = (\n  t: OpenGeniText,\n): Array<{\n  billingClass: \"codex_subscription\" | \"supergrok_subscription\" | \"byok\" | \"external\";\n  title: string;\n  detail: string;\n}> => [\n  {\n    billingClass: \"codex_subscription\",\n    title: t(\"modelPolicyPickerMenu.codex\"),\n    detail: \"ChatGPT\",\n  },\n  { billingClass: \"supergrok_subscription\", title: \"SuperGrok\", detail: \"xAI\" },\n  {\n    billingClass: \"byok\",\n    title: t(\"modelPolicyPickerMenu.aiGateway\"),\n    detail: t(\"modelPolicyPickerMenu.vercel\"),\n  },\n  { billingClass: \"external\", title: \"OpenRouter\", detail: t(\"modelPolicyPickerMenu.apiKey\") },\n];\n\nfunction ConnectModelsPanel(props: {\n  href: string | undefined;\n  messages: ReturnType<typeof defaultModelPolicyPickerMessages>;\n}) {\n  const t = useOpenGeniText();\n  return (\n    <div className=\"px-1.5 pb-1.5 pt-2\" data-testid=\"model-picker-connect\">\n      <div className=\"px-1.5 pb-3\">\n        <p className=\"text-og-menu font-medium tracking-tight text-og-fg\">\n          {props.messages.connectTitle}\n        </p>\n        <p className=\"mt-1 text-og-control leading-snug text-og-fg-subtle\">\n          {props.messages.connectBody}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-2 gap-1\">\n        {CONNECT_MODEL_OPTIONS(t).map((option) => {\n          const content = (\n            <>\n              <span className=\"flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg\">\n                <BillingClassMark\n                  billingClass={option.billingClass}\n                  aria-label=\"\"\n                  className=\"size-4 text-og-fg\"\n                />\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"block truncate text-og-control font-medium text-og-fg\">\n                  {option.title}\n                </span>\n                <span className=\"block truncate text-og-control text-og-fg-subtle\">\n                  {option.detail}\n                </span>\n              </span>\n            </>\n          );\n          const className =\n            \"flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40\";\n          return props.href ? (\n            <a key={option.title} href={props.href} className={className}>\n              {content}\n            </a>\n          ) : (\n            <div key={option.title} className={className}>\n              {content}\n            </div>\n          );\n        })}\n      </div>\n      {props.href ? (\n        <a\n          href={props.href}\n          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\"\n        >\n          {props.messages.connectAction}\n          <ArrowRightIcon className=\"size-3.5\" aria-hidden />\n        </a>\n      ) : (\n        <p className=\"px-1.5 pt-3 text-og-control text-og-fg-subtle\">{props.messages.noModels}</p>\n      )}\n    </div>\n  );\n}\n\nfunction ModelThinkingControls(props: ModelPolicyPickerProps) {\n  const t = useOpenGeniText();\n  const view = modelPickerMenuView(t, props, \"\");\n  const thinking = view.thinking;\n  if (!view.selected || !thinking) return null;\n  const messages = view.messages;\n  const efforts = thinking.efforts;\n  const showThinking = thinking.showThinking;\n  const showFast = thinking.showFast;\n  const speeds = thinking.speeds;\n  const selectedSpeed = speeds?.find((speed) => speed.id === props.latencyMode) ?? speeds?.[0];\n  return (\n    <div className=\"space-y-2 text-og-control\" data-testid=\"model-picker-reasoning\">\n      {showThinking || showFast ? (\n        <div className=\"flex min-h-7 items-center justify-between gap-3\">\n          {showThinking ? <span className=\"text-og-fg-subtle\">{messages.thinking}</span> : <span />}\n          {showFast ? (\n            <button\n              type=\"button\"\n              data-testid=\"model-picker-fast\"\n              disabled={props.disabled || thinking.disabled}\n              aria-pressed={props.latencyMode === \"fast\"}\n              title={messages.fast + \" · \" + messages.fastRateHint}\n              onClick={() =>\n                props.onLatencyModeChange(props.latencyMode === \"fast\" ? \"standard\" : \"fast\")\n              }\n              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\"\n            >\n              <ZapIcon className={cn(\"size-3.5\", props.latencyMode === \"fast\" && \"fill-current\")} />\n              {messages.fast}\n              <span className=\"text-og-fg-subtle\">{messages.fastRateHint}</span>\n            </button>\n          ) : null}\n        </div>\n      ) : null}\n      {showThinking ? (\n        <RadioGroup.Root\n          aria-label={messages.thinkingEffort}\n          value={thinking.value}\n          disabled={props.disabled || thinking.disabled}\n          onValueChange={(value) => props.onEffortChange(value as ReasoningEffort)}\n          orientation=\"horizontal\"\n          className=\"flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5\"\n        >\n          {efforts.map((effort) => (\n            <RadioGroup.Item\n              key={effort}\n              value={effort}\n              aria-label={labelReasoningEffort(t, effort)}\n              title={labelReasoningEffort(t, effort)}\n              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\"\n            >\n              {compactEffortLabel(t, effort, labelReasoningEffort(t, effort))}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      ) : null}\n      {speeds && selectedSpeed ? (\n        <div className=\"space-y-2 pt-1\" data-testid=\"model-picker-speed\">\n          <div className=\"flex min-h-7 items-center justify-between gap-3\">\n            <span className=\"text-og-fg-subtle\">{messages.speed}</span>\n            {selectedSpeed.hint ? (\n              <span className=\"text-og-fg-subtle\">{selectedSpeed.hint}</span>\n            ) : null}\n          </div>\n          <RadioGroup.Root\n            aria-label={messages.speed}\n            value={selectedSpeed.id}\n            disabled={props.disabled || thinking.disabled}\n            onValueChange={(value) => props.onLatencyModeChange(value as LatencyMode)}\n            orientation=\"horizontal\"\n            className=\"flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5\"\n          >\n            {speeds.map((speed) => (\n              <RadioGroup.Item\n                key={speed.id}\n                value={speed.id}\n                aria-label={speed.hint ? `${speed.label} · ${speed.hint}` : speed.label}\n                title={speed.hint ? `${speed.label} · ${speed.hint}` : speed.label}\n                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\"\n              >\n                {speed.id === \"standard\" ? null : (\n                  <ZapIcon\n                    aria-hidden\n                    className={cn(\n                      \"size-3.5 shrink-0\",\n                      speed.id === selectedSpeed.id && \"fill-current\",\n                    )}\n                  />\n                )}\n                {speed.label}\n              </RadioGroup.Item>\n            ))}\n          </RadioGroup.Root>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ModelPolicyPickerPopover(\n  props: ModelPolicyPickerProps & {\n    anchor: RefObject<HTMLButtonElement | null>;\n    contentId: string;\n    portalStyle: CSSProperties;\n  },\n) {\n  const t = useOpenGeniText();\n  const outside = useRef(false);\n  const messages = { ...defaultModelPolicyPickerMessages(t), ...props.messages };\n  return (\n    <Popover.Root open onOpenChange={(open) => props.onOpenChange?.(open)}>\n      <Popover.Anchor virtualRef={props.anchor} />\n      <PopoverContainedPortal>\n        <Popover.Content\n          id={props.contentId}\n          aria-label={messages.label}\n          align=\"start\"\n          side={props.menuSide ?? \"bottom\"}\n          sideOffset={8}\n          collisionPadding={12}\n          onInteractOutside={(event) => {\n            if (props.anchor.current?.contains(event.target as Node)) event.preventDefault();\n            else outside.current = true;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (!outside.current) props.anchor.current?.focus();\n          }}\n          className={cn(\n            MENU_SURFACE_CLASS,\n            \"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)]\",\n            props.contentClassName,\n          )}\n          style={{ ...props.portalStyle, ...props.contentStyle }}\n          data-testid=\"model-picker-content\"\n        >\n          <ModelPolicyPickerMenu {...props} />\n        </Popover.Content>\n      </PopoverContainedPortal>\n    </Popover.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB,WAAW,YAAY,eAAe;AAC/D,SAAS,QAAQ,gBAAoD;AACrE,SAAS,SAAS,kBAAkB;AAiD1B,SAqGA,UArGA,KAWA,YAXA;AAxBV,IAAM,yBAAyB,gBAAgB,QAAQ,MAAM;AAItD,SAAS,sBAAsB,OAA+B;AACnE,QAAM,IAAI,gBAAgB;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,OAAO,oBAAoB,GAAG,OAAO,KAAK;AAChD,QAAM,EAAE,UAAU,MAAM,OAAO,IAAI;AACnC,QAAM,WAAW,KAAK;AACtB,QAAM,SAAS,CAAC,QAA8B;AAC5C,QAAI,MAAM,SAAU;AACpB,UAAM,SAAS,kBAAkB,OAAO,GAAG;AAC3C,QAAI,CAAC,OAAQ;AACb,QAAI,OAAO,UAAU,KAAM,OAAM,cAAc,OAAO,KAAK;AAE3D,UAAM,eAAe,OAAO,MAAM;AAClC,QAAI,OAAO,gBAAgB,KAAM,OAAM,oBAAoB,OAAO,WAAW;AAAA,EAC/E;AACA,QAAM,WAAW,CAAC,QAChB;AAAA,IAAC;AAAA;AAAA,MAEC,MACE,MAAM,mBAAmB,QAAQ,SAC/B,oBAAC,aAAU,OAAO,IAAI,SAAS,WAAU,2BAA0B;AAAA,MAGvE,OAAO,IAAI;AAAA,MACX,MAAM,IAAI,qBAAqB,IAAI;AAAA,MACnC,UAAU,MAAM,YAAY,CAAC,IAAI;AAAA,MACjC,OAAO,CAAC,IAAI,OAAO,IAAI,qBAAqB,IAAI,WAAW,EAAE,OAAO,OAAO,EAAE,KAAK,QAAK;AAAA,MACvF,QAAQ,IAAI,cAAc,IAAI,OAAO,MAAM;AAAA,MAC3C,aAAa;AAAA,MACb,UACE,IAAI,QAAQ,SAAS,UAAU,IAAI,OAAO,MAAM,QAC9C,qBAAC,UAAK,WAAU,2BACb;AAAA,YAAI,QAAQ,SAAS,SACpB,oBAAC,UAAK,WAAU,+EACb,mBAAS,MACZ,IACE;AAAA,QACH,IAAI,OAAO,MAAM,QAChB,oBAAC,aAAU,WAAW,kBAAkB,cAAY,SAAS,UAAU,IACrE;AAAA,SACN,IACE;AAAA,MAEN,QAAQ,uBAAuB,IAAI,EAAE;AAAA,MACrC,SAAS,MAAM,OAAO,GAAG;AAAA;AAAA,IA3BpB,IAAI;AAAA,EA4BX;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAW,CAAC,UAAU;AACpB,YACE,EAAE,MAAM,kBAAkB,sBAC1B,CAAC,CAAC,aAAa,WAAW,QAAQ,KAAK,EAAE,SAAS,MAAM,GAAG;AAE3D;AACF,cAAM,UAAU,MAAM;AAAA,UACpB,MAAM,cAAc;AAAA,YAClB;AAAA,UACF;AAAA,QACF;AACA,cAAM,QAAQ,QAAQ,QAAQ,MAAM,MAAM;AAC1C,YAAI,QAAQ,EAAG;AACf,cAAM,eAAe;AACrB,cAAM,OACJ,MAAM,QAAQ,SACV,IACA,MAAM,QAAQ,QACZ,QAAQ,SAAS,KAChB,SAAS,MAAM,QAAQ,cAAc,IAAI,MAAM,QAAQ,UAAU,QAAQ;AAClF,gBAAQ,IAAI,GAAG,MAAM;AAAA,MACvB;AAAA,MAEC;AAAA,aAAK,KAAK,CAAC,QAAQ,IAAI,UAAU,IAChC,oBAAC,SAAI,WAAU,kCACb,+BAAC,WAAM,WAAU,gEACf;AAAA,8BAAC,cAAW,WAAU,qCAAoC,eAAW,MAAC;AAAA,UACtE;AAAA,YAAC;AAAA;AAAA,cACC,cAAY,SAAS;AAAA,cACrB,aAAa,SAAS;AAAA,cACtB,OAAO;AAAA,cACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,cAChD,WAAW,CAAC,UAAU;AACpB,oBAAI,MAAM,QAAQ,YAAY,MAAM,QAAQ,MAAO,OAAM,gBAAgB;AACzE,oBAAI,MAAM,QAAQ,aAAa;AAC7B,wBAAM,eAAe;AACrB,wBAAM,cACH,QAAQ,mCAAmC,GAC1C,cAAiC,uBAAuB,GACxD,MAAM;AAAA,gBACZ;AAAA,cACF;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,WACF,GACF,IACE;AAAA,QACH,MAAM,QACL,oBAAC,OAAE,WAAW,GAAG,iBAAiB,kCAAkC,GAAG,MAAK,SACzE,gBAAM,OACT,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,gBAAM;AAAA;AAAA,cAEL,oBAAC,SAAI,MAAK,UAAS,cAAY,SAAS,SACrC,WAAC,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,UACrB,qBAAC,SAAgB,eAAY,QAAO,WAAU,sCAC5C;AAAA,oCAAC,UAAK,WAAU,yDAAwD;AAAA,gBACxE;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI;AAAA;AAAA,gBAC9B;AAAA,mBALQ,KAMV,CACD,GACH;AAAA,gBACE,KAAK,KAAK,CAAC,QAAQ,IAAI,UAAU,IACnC,iCACG;AAAA,qBAAO,IAAI,CAAC,UACX;AAAA,gBAAC;AAAA;AAAA,kBAEC,cAAY,MAAM;AAAA,kBAClB,WAAU;AAAA,kBAEV;AAAA,yCAAC,SAAI,WAAW,GAAG,kBAAkB,yBAAyB,GAC5D;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,cAAc,MAAM;AAAA,0BACpB,cAAc,qBAAqB,OAAO,MAAM,YAAY;AAAA,0BAC5D,cAAW;AAAA;AAAA,sBACb;AAAA,sBACA,oBAAC,UAAK,WAAU,uBAAuB,gBAAM,OAAM;AAAA,uBACrD;AAAA,oBACC,MAAM,cACL,oBAAC,OAAE,WAAU,uDACV,gBAAM,aACT,IACE;AAAA,oBACH,MAAM,KAAK,IAAI,QAAQ;AAAA;AAAA;AAAA,gBAjBnB,MAAM;AAAA,cAkBb,CACD;AAAA,cACA,KAAK,eAAe,IACnB,oBAAC,OAAE,WAAW,iBACX,eAAK,YAAY,SAAS,YAAY,SAAS,UAClD,IACE;AAAA,eACN,IACE,MAAM,qBAAqB,KAAK,SAAS,IAC3C,oBAAC,sBAAmB,MAAM,MAAM,mBAAmB,UAAoB,IAEvE,oBAAC,OAAE,WAAW,iBAAkB,mBAAS,UAAS;AAAA;AAAA,QAEtD;AAAA,QACC,KAAK,iBACN,aACC,KAAK,0BAA2B,MAAM,sBAAsB,SAAS,KAAK,YACzE,qBAAC,SAAI,WAAU,2CACZ;AAAA,eAAK,yBACJ,oBAAC,OAAE,WAAU,4DACV,mBAAS,wBACZ,IACE;AAAA,UACH,MAAM,sBAAsB,QAAQ,oBAAC,yBAAuB,GAAG,OAAO,IAAK;AAAA,WAC9E,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,wBAAwB,CAC5B,MAKI;AAAA,EACJ;AAAA,IACE,cAAc;AAAA,IACd,OAAO,EAAE,6BAA6B;AAAA,IACtC,QAAQ;AAAA,EACV;AAAA,EACA,EAAE,cAAc,0BAA0B,OAAO,aAAa,QAAQ,MAAM;AAAA,EAC5E;AAAA,IACE,cAAc;AAAA,IACd,OAAO,EAAE,iCAAiC;AAAA,IAC1C,QAAQ,EAAE,8BAA8B;AAAA,EAC1C;AAAA,EACA,EAAE,cAAc,YAAY,OAAO,cAAc,QAAQ,EAAE,8BAA8B,EAAE;AAC7F;AAEA,SAAS,mBAAmB,OAGzB;AACD,QAAM,IAAI,gBAAgB;AAC1B,SACE,qBAAC,SAAI,WAAU,sBAAqB,eAAY,wBAC9C;AAAA,yBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,OAAE,WAAU,sDACV,gBAAM,SAAS,cAClB;AAAA,MACA,oBAAC,OAAE,WAAU,uDACV,gBAAM,SAAS,aAClB;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,0BACZ,gCAAsB,CAAC,EAAE,IAAI,CAAC,WAAW;AACxC,YAAM,UACJ,iCACE;AAAA,4BAAC,UAAK,WAAU,6FACd;AAAA,UAAC;AAAA;AAAA,YACC,cAAc,OAAO;AAAA,YACrB,cAAW;AAAA,YACX,WAAU;AAAA;AAAA,QACZ,GACF;AAAA,QACA,qBAAC,UAAK,WAAU,WACd;AAAA,8BAAC,UAAK,WAAU,yDACb,iBAAO,OACV;AAAA,UACA,oBAAC,UAAK,WAAU,oDACb,iBAAO,QACV;AAAA,WACF;AAAA,SACF;AAEF,YAAM,YACJ;AACF,aAAO,MAAM,OACX,oBAAC,OAAqB,MAAM,MAAM,MAAM,WACrC,qBADK,OAAO,KAEf,IAEA,oBAAC,SAAuB,WACrB,qBADO,OAAO,KAEjB;AAAA,IAEJ,CAAC,GACH;AAAA,IACC,MAAM,OACL;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA,QACZ,WAAU;AAAA,QAET;AAAA,gBAAM,SAAS;AAAA,UAChB,oBAAC,kBAAe,WAAU,YAAW,eAAW,MAAC;AAAA;AAAA;AAAA,IACnD,IAEA,oBAAC,OAAE,WAAU,iDAAiD,gBAAM,SAAS,UAAS;AAAA,KAE1F;AAEJ;AAEA,SAAS,sBAAsB,OAA+B;AAC5D,QAAM,IAAI,gBAAgB;AAC1B,QAAM,OAAO,oBAAoB,GAAG,OAAO,EAAE;AAC7C,QAAM,WAAW,KAAK;AACtB,MAAI,CAAC,KAAK,YAAY,CAAC,SAAU,QAAO;AACxC,QAAM,WAAW,KAAK;AACtB,QAAM,UAAU,SAAS;AACzB,QAAM,eAAe,SAAS;AAC9B,QAAM,WAAW,SAAS;AAC1B,QAAM,SAAS,SAAS;AACxB,QAAM,gBAAgB,QAAQ,KAAK,CAAC,UAAU,MAAM,OAAO,MAAM,WAAW,KAAK,SAAS,CAAC;AAC3F,SACE,qBAAC,SAAI,WAAU,6BAA4B,eAAY,0BACpD;AAAA,oBAAgB,WACf,qBAAC,SAAI,WAAU,mDACZ;AAAA,qBAAe,oBAAC,UAAK,WAAU,qBAAqB,mBAAS,UAAS,IAAU,oBAAC,UAAK;AAAA,MACtF,WACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,UAAU,MAAM,YAAY,SAAS;AAAA,UACrC,gBAAc,MAAM,gBAAgB;AAAA,UACpC,OAAO,SAAS,OAAO,WAAQ,SAAS;AAAA,UACxC,SAAS,MACP,MAAM,oBAAoB,MAAM,gBAAgB,SAAS,aAAa,MAAM;AAAA,UAE9E,WAAU;AAAA,UAEV;AAAA,gCAAC,WAAQ,WAAW,GAAG,YAAY,MAAM,gBAAgB,UAAU,cAAc,GAAG;AAAA,YACnF,SAAS;AAAA,YACV,oBAAC,UAAK,WAAU,qBAAqB,mBAAS,cAAa;AAAA;AAAA;AAAA,MAC7D,IACE;AAAA,OACN,IACE;AAAA,IACH,eACC;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACC,cAAY,SAAS;AAAA,QACrB,OAAO,SAAS;AAAA,QAChB,UAAU,MAAM,YAAY,SAAS;AAAA,QACrC,eAAe,CAAC,UAAU,MAAM,eAAe,KAAwB;AAAA,QACvE,aAAY;AAAA,QACZ,WAAU;AAAA,QAET,kBAAQ,IAAI,CAAC,WACZ;AAAA,UAAC,WAAW;AAAA,UAAX;AAAA,YAEC,OAAO;AAAA,YACP,cAAY,qBAAqB,GAAG,MAAM;AAAA,YAC1C,OAAO,qBAAqB,GAAG,MAAM;AAAA,YACrC,WAAU;AAAA,YAET,6BAAmB,GAAG,QAAQ,qBAAqB,GAAG,MAAM,CAAC;AAAA;AAAA,UANzD;AAAA,QAOP,CACD;AAAA;AAAA,IACH,IACE;AAAA,IACH,UAAU,gBACT,qBAAC,SAAI,WAAU,kBAAiB,eAAY,sBAC1C;AAAA,2BAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,UAAK,WAAU,qBAAqB,mBAAS,OAAM;AAAA,QACnD,cAAc,OACb,oBAAC,UAAK,WAAU,qBAAqB,wBAAc,MAAK,IACtD;AAAA,SACN;AAAA,MACA;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UACC,cAAY,SAAS;AAAA,UACrB,OAAO,cAAc;AAAA,UACrB,UAAU,MAAM,YAAY,SAAS;AAAA,UACrC,eAAe,CAAC,UAAU,MAAM,oBAAoB,KAAoB;AAAA,UACxE,aAAY;AAAA,UACZ,WAAU;AAAA,UAET,iBAAO,IAAI,CAAC,UACX;AAAA,YAAC,WAAW;AAAA,YAAX;AAAA,cAEC,OAAO,MAAM;AAAA,cACb,cAAY,MAAM,OAAO,GAAG,MAAM,KAAK,SAAM,MAAM,IAAI,KAAK,MAAM;AAAA,cAClE,OAAO,MAAM,OAAO,GAAG,MAAM,KAAK,SAAM,MAAM,IAAI,KAAK,MAAM;AAAA,cAC7D,WAAU;AAAA,cAET;AAAA,sBAAM,OAAO,aAAa,OACzB;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAW;AAAA,oBACX,WAAW;AAAA,sBACT;AAAA,sBACA,MAAM,OAAO,cAAc,MAAM;AAAA,oBACnC;AAAA;AAAA,gBACF;AAAA,gBAED,MAAM;AAAA;AAAA;AAAA,YAfF,MAAM;AAAA,UAgBb,CACD;AAAA;AAAA,MACH;AAAA,OACF,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,yBACd,OAKA;AACA,QAAM,IAAI,gBAAgB;AAC1B,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,WAAW,EAAE,GAAG,iCAAiC,CAAC,GAAG,GAAG,MAAM,SAAS;AAC7E,SACE,qBAAC,QAAQ,MAAR,EAAa,MAAI,MAAC,cAAc,CAAC,SAAS,MAAM,eAAe,IAAI,GAClE;AAAA,wBAAC,QAAQ,QAAR,EAAe,YAAY,MAAM,QAAQ;AAAA,IAC1C,oBAAC,0BACC;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,IAAI,MAAM;AAAA,QACV,cAAY,SAAS;AAAA,QACrB,OAAM;AAAA,QACN,MAAM,MAAM,YAAY;AAAA,QACxB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB,CAAC,UAAU;AAC5B,cAAI,MAAM,OAAO,SAAS,SAAS,MAAM,MAAc,EAAG,OAAM,eAAe;AAAA,cAC1E,SAAQ,UAAU;AAAA,QACzB;AAAA,QACA,kBAAkB,CAAC,UAAU;AAC3B,gBAAM,eAAe;AACrB,cAAI,CAAC,QAAQ,QAAS,OAAM,OAAO,SAAS,MAAM;AAAA,QACpD;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,MAAM;AAAA,QACR;AAAA,QACA,OAAO,EAAE,GAAG,MAAM,aAAa,GAAG,MAAM,aAAa;AAAA,QACrD,eAAY;AAAA,QAEZ,8BAAC,yBAAuB,GAAG,OAAO;AAAA;AAAA,IACpC,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-3SMJ2BIQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/components/session/subscription-account-menu.tsx"],"sourcesContent":["// Shared presentation extracted from the Codex subscription-account dropdown.\n// Adapters own loading, authorization, usage freshness, and selection semantics.\nimport { ChevronDownIcon, Loader2Icon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\n\nimport {\n  DropdownMenu,\n  DropdownMenuCheck,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuMeta,\n  DropdownMenuNote,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../../ui/dropdown-menu\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SubscriptionAccountMenuRow = {\n  id: string;\n  label: string;\n  plan?: string | null | undefined;\n  status?: string | null;\n  detail?: string;\n  personal?: boolean;\n  disabled?: boolean;\n  /** Only supplied when the adapter has a trustworthy quota reading. */\n  remaining?: number | null;\n  /** Cached window readings, not an aggregate capacity/eligibility estimate. */\n  usageSummary?: string | undefined;\n};\n\nexport type SubscriptionAccountUsageWindow = {\n  label: string;\n  remaining?: number;\n  usedPercent?: number | null;\n  detail?: string;\n};\n\nfunction UsageRow({ label, remaining, usedPercent, detail }: SubscriptionAccountUsageWindow) {\n  const value = remaining ?? usedPercent;\n  const known = typeof value === \"number\" && Number.isFinite(value);\n  const pct = known ? Math.min(100, Math.max(0, value)) : 0;\n  const measure = remaining !== undefined ? \"remaining\" : \"used\";\n  const text = known ? `${Math.round(value)}% ${measure}` : \"Unknown\";\n  return (\n    <div className=\"space-y-0.5 text-2xs text-fg-subtle\">\n      <div className=\"flex items-center gap-2\">\n        <span className=\"max-w-28 min-w-10 shrink-0 truncate\" title={label}>\n          {label}\n        </span>\n        {known ? (\n          <span\n            className=\"h-1 min-w-0 flex-1 overflow-hidden rounded-full bg-surface-2\"\n            role=\"progressbar\"\n            aria-label={`${label} ${measure}`}\n            aria-valuemin={0}\n            aria-valuemax={100}\n            aria-valuenow={pct}\n            aria-valuetext={text}\n          >\n            <span\n              className={cn(\n                \"block h-full rounded-full\",\n                (measure === \"remaining\" ? pct <= 10 : pct >= 90)\n                  ? \"bg-status-waiting\"\n                  : \"bg-brand\",\n              )}\n              style={{ width: `${pct}%` }}\n            />\n          </span>\n        ) : (\n          <span className=\"flex-1\" />\n        )}\n        <span className=\"shrink-0 whitespace-nowrap text-right tabular-nums\">{text}</span>\n      </div>\n      {detail ? <p>{detail}</p> : null}\n    </div>\n  );\n}\n\nfunction MiniBar({ remaining }: { remaining: number }) {\n  const pct = Math.min(100, Math.max(0, remaining));\n  return (\n    <span\n      className=\"inline-flex shrink-0 items-center gap-1.5 text-2xs text-fg-subtle\"\n      title={`${Math.round(pct)}% remaining in the tighter usage window`}\n    >\n      <span className=\"h-1 w-8 overflow-hidden rounded-full bg-surface-2\" aria-hidden=\"true\">\n        <span\n          className={cn(\"block h-full rounded-full\", pct <= 10 ? \"bg-status-waiting\" : \"bg-brand\")}\n          style={{ width: `${pct}%` }}\n        />\n      </span>\n      <span className=\"whitespace-nowrap tabular-nums\">{Math.round(pct)}% remaining</span>\n    </span>\n  );\n}\n\nexport function SubscriptionAccountMenu({\n  ariaLabel,\n  triggerMark,\n  headerMark,\n  selectionLabel,\n  displayName,\n  metadata,\n  identity,\n  tone = \"ok\",\n  usage,\n  accounts,\n  selectedId,\n  automaticSelected,\n  choosing,\n  choosingTarget,\n  actionLabel = \"Use for next turn\",\n  automaticLabel = \"Automatic\",\n  emptyMessage,\n  error,\n  note,\n  onOpenChange,\n  onChoose,\n}: {\n  ariaLabel: string;\n  triggerMark: ReactNode;\n  headerMark: ReactNode;\n  selectionLabel: string;\n  displayName: string;\n  metadata: string;\n  identity?: string | null | undefined;\n  tone?: \"ok\" | \"warn\" | \"bad\" | undefined;\n  usage: {\n    checking?: boolean | undefined;\n    unavailable?: boolean | undefined;\n    message?: string | undefined;\n    note?: string | undefined;\n    windows?: SubscriptionAccountUsageWindow[] | undefined;\n  };\n  accounts: SubscriptionAccountMenuRow[];\n  selectedId: string | null;\n  automaticSelected: boolean;\n  choosing: boolean;\n  choosingTarget: string | null | undefined;\n  actionLabel?: string | undefined;\n  automaticLabel?: string | undefined;\n  emptyMessage?: string | undefined;\n  error?: string | null | undefined;\n  note: string;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  onChoose: (connectionId: string | null) => void;\n}) {\n  const row = (account: SubscriptionAccountMenuRow) => (\n    <DropdownMenuItem\n      key={account.id}\n      disabled={choosing || account.disabled}\n      title={account.detail}\n      onSelect={(event) => {\n        event.preventDefault();\n        onChoose(account.id);\n      }}\n      className=\"cursor-pointer\"\n    >\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate\">{account.label}</span>\n        {account.usageSummary ? (\n          <span className=\"block truncate text-2xs text-fg-subtle\" title={account.usageSummary}>\n            {account.usageSummary}\n          </span>\n        ) : null}\n      </span>\n      {account.plan ? <DropdownMenuMeta>{account.plan}</DropdownMenuMeta> : null}\n      {account.remaining != null ? <MiniBar remaining={account.remaining} /> : null}\n      {account.status ? (\n        <span className=\"shrink-0 text-xs text-status-waiting\">{account.status}</span>\n      ) : null}\n      {choosingTarget === account.id ? (\n        <Loader2Icon className=\"size-4 shrink-0 animate-spin\" />\n      ) : (\n        <DropdownMenuCheck checked={account.id === selectedId} className=\"ml-0\" />\n      )}\n    </DropdownMenuItem>\n  );\n  const personal = accounts.filter((account) => account.personal);\n  return (\n    <DropdownMenu {...(onOpenChange ? { onOpenChange } : {})}>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          title={ariaLabel}\n          className={cn(\n            \"group/account relative inline-flex h-6 shrink-0 cursor-pointer items-center gap-0.5 rounded-full border border-border/70 bg-surface-2/50 px-1.5 text-fg-muted outline-hidden transition-[background-color,border-color,color] hover:border-border hover:bg-surface-2 hover:text-fg focus-visible:ring-1 focus-visible:ring-ring/40 data-[state=open]:border-border data-[state=open]:bg-surface-2 data-[state=open]:text-fg\",\n            choosing && \"opacity-60\",\n          )}\n        >\n          {triggerMark}\n          {choosing ? (\n            <Loader2Icon className=\"size-2.5 animate-spin text-current\" aria-hidden />\n          ) : (\n            <ChevronDownIcon\n              className=\"size-2.5 shrink-0 opacity-70 transition-opacity group-hover/account:opacity-100\"\n              aria-hidden\n            />\n          )}\n          {tone !== \"ok\" ? (\n            <span\n              className={cn(\n                \"absolute -top-0.5 -right-0.5 size-1.5 rounded-full ring-1 ring-surface\",\n                tone === \"bad\" ? \"bg-destructive\" : \"bg-status-waiting\",\n              )}\n              aria-hidden\n            />\n          ) : null}\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"start\"\n        side=\"bottom\"\n        sideOffset={8}\n        collisionPadding={12}\n        className=\"flex max-h-[min(32rem,var(--radix-dropdown-menu-content-available-height))] w-72 flex-col overflow-hidden\"\n      >\n        <div className=\"shrink-0 space-y-2 px-2.5 pt-1.5 pb-2\">\n          <div className=\"flex items-start gap-2\">\n            <span className=\"mt-0.5 inline-flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md bg-surface-2 text-fg\">\n              {headerMark}\n            </span>\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"text-2xs text-fg-subtle\">{selectionLabel}</p>\n              <p className=\"truncate text-sm font-medium text-fg\">{displayName}</p>\n              {identity ? (\n                <p className=\"truncate text-2xs text-fg-subtle\" title={identity}>\n                  {identity}\n                </p>\n              ) : null}\n              <p className=\"truncate text-2xs text-fg-subtle\" title={metadata}>\n                {metadata}\n              </p>\n            </div>\n          </div>\n          {usage.checking ? (\n            <p className=\"text-2xs text-fg-subtle\">Checking usage…</p>\n          ) : usage.unavailable ? (\n            <p className=\"text-2xs text-fg-subtle\">Usage unavailable</p>\n          ) : usage.message ? (\n            <p className=\"text-2xs text-fg-subtle\">{usage.message}</p>\n          ) : (\n            <div className=\"max-h-36 space-y-1.5 overflow-y-auto overscroll-contain\">\n              {usage.windows?.map((window) => (\n                <UsageRow key={window.label} {...window} />\n              ))}\n            </div>\n          )}\n          {usage.note ? <p className=\"text-2xs text-fg-subtle\">{usage.note}</p> : null}\n        </div>\n        <DropdownMenuSeparator className=\"shrink-0\" />\n        <DropdownMenuLabel className=\"shrink-0\">{actionLabel}</DropdownMenuLabel>\n        <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain\">\n          <DropdownMenuItem\n            disabled={choosing}\n            onSelect={(event) => {\n              event.preventDefault();\n              onChoose(null);\n            }}\n            className=\"cursor-pointer\"\n          >\n            <span className=\"min-w-0 flex-1 truncate\">{automaticLabel}</span>\n            {choosingTarget === null ? (\n              <Loader2Icon className=\"size-4 shrink-0 animate-spin\" />\n            ) : (\n              <DropdownMenuCheck checked={automaticSelected} className=\"ml-0\" />\n            )}\n          </DropdownMenuItem>\n          {accounts.filter((account) => !account.personal).map(row)}\n          {personal.length > 0 ? (\n            <>\n              <DropdownMenuLabel className=\"pt-2\">Your accounts</DropdownMenuLabel>\n              {personal.map(row)}\n            </>\n          ) : null}\n          {accounts.length === 0 && emptyMessage ? (\n            <DropdownMenuNote>{emptyMessage}</DropdownMenuNote>\n          ) : null}\n          {error ? (\n            <DropdownMenuNote role=\"alert\" className=\"text-xs text-danger\">\n              {error}\n            </DropdownMenuNote>\n          ) : (\n            <p className=\"px-2.5 pt-1.5 pb-1 text-xs text-fg-muted\">{note}</p>\n          )}\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":"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","names":[]}