@opengeni/react 4.6.1 → 4.6.2-canary.39853438886001

package/dist/chunk-ZWACUOU5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/model-policy-picker.tsx"],"sourcesContent":["import { ClaudeMark } from \"./claude-mark\";\nimport { GrokMark } from \"./grok-mark\";\nimport { ChatGptMark, ModelMark, modelHasMark } from \"./model-mark\";\nimport { modelDisplayName, modelLogoUrl } from \"@opengeni/sdk/model-display\";\nimport type { ClientModel, LatencyMode, ReasoningEffort } from \"@opengeni/sdk\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  Globe2Icon,\n  KeyRoundIcon,\n  SparklesIcon,\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} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  billingClassForMissingSelection,\n  defaultModelPolicyPickerMessages,\n  effectiveRows as sharedEffectiveRows,\n  groupPresentationFor,\n  SCOPED_BILLING_HINTS,\n  type ModelPickerGroupPresentation,\n  type ModelPolicyPickerMessages,\n} from \"../model-picker-model\";\nimport { MENU_CHEVRON_CLASS } from \"../lib/menu-styles\";\nimport { usePortalTokenSource, usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n  findPickerRow,\n  labelReasoningEffort,\n  modelOffersEffortChoice,\n  type PickerBillingClass,\n  type PickerModelRow,\n} from \"../model-policy\";\nimport { useOpenGeniText, type OpenGeniText } from \"../messages/runtime\";\n\nconst LazyModelPolicyPickerMenu = lazy(() =>\n  import(\"./model-policy-picker-menu\").then(({ ModelPolicyPickerPopover }) => ({\n    default: ModelPolicyPickerPopover,\n  })),\n);\n\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Presentation only; never changes model identity, billing or availability. */\nexport type ModelPolicyPickerGroupPresentation = ModelPickerGroupPresentation<ReactNode>;\n\nexport { defaultModelPolicyPickerMessages, groupPresentationFor, SCOPED_BILLING_HINTS };\nexport type { ModelPolicyPickerMessages };\n\nexport type ModelPolicyPickerProps = {\n  /** Host branding for payment-source groups, shared by menu and trigger. */\n  groupPresentation?: ModelPolicyPickerGroupPresentation | undefined;\n  /** Lightweight deployment models. Catalog rows take precedence when supplied. */\n  models?: ClientModel[] | undefined;\n  /** Warn only when the draft actually contains images this model cannot view. */\n  hasImageAttachments?: boolean | 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  /**\n   * Default true: show models the way people choose them, with clean names,\n   * maker marks, one \"API keys\" group for organization- and workspace-connected\n   * keys, and one row for identical copies. Models settings passes false to\n   * keep its scope-aware presentation (raw catalog labels, scoped groups).\n   */\n  collapseScopes?: boolean | undefined;\n  /** Hide latency controls on surfaces whose saved policy does not include latency. */\n  allowLatencyMode?: boolean | undefined;\n  /** Hide effort and latency controls when the saved policy chooses only a model identity. */\n  allowModelOptions?: boolean | undefined;\n  /** Settings → Models. Shown when the catalog has no model that can run. */\n  connectModelsHref?: string | 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  /**\n   * \"pill\" (default) is the composer's quiet rounded trigger with the effort.\n   * \"field\" is a settings control: a bordered rectangle with the model name\n   * and `triggerMeta` (for example the payer) in muted text. The effort stays\n   * in the menu.\n   */\n  triggerStyle?: \"pill\" | \"field\" | undefined;\n  /** Muted text after the model name in the \"field\" trigger. */\n  triggerMeta?: ReactNode;\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\nexport function BillingClassMark(props: {\n  billingClass: PickerBillingClass;\n  presentation?: ModelPolicyPickerGroupPresentation[PickerBillingClass] | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n}) {\n  const t = useOpenGeniText();\n  const labels: Record<PickerBillingClass, string> = {\n    opengeni_credits: t(\"modelPolicyPicker.models\"),\n    external: t(\"modelPolicyPicker.externalProvider\"),\n    codex_subscription: t(\"modelPolicyPicker.codex\"),\n    supergrok_subscription: \"SuperGrok\",\n    claude_subscription: t(\"modelPolicyPicker.claude\"),\n    byok: t(\"modelPolicyPicker.apiKey\"),\n    organization_byok: t(\"modelPolicyPicker.apiKey\"),\n  };\n  if (props.presentation?.icon === null) return null;\n  const label = props[\"aria-label\"] ?? props.presentation?.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 [&>svg]:size-full [&>img]:size-full\",\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.presentation?.icon !== undefined ? (\n        props.presentation.icon\n      ) : props.billingClass === \"opengeni_credits\" ? (\n        <SparklesIcon className={mark} aria-hidden />\n      ) : props.billingClass === \"external\" ? (\n        <Globe2Icon className={mark} aria-hidden />\n      ) : props.billingClass === \"codex_subscription\" ? (\n        <ChatGptMark className={mark} />\n      ) : props.billingClass === \"claude_subscription\" ? (\n        <ClaudeMark className={mark} />\n      ) : props.billingClass === \"supergrok_subscription\" ? (\n        <GrokMark className={mark} />\n      ) : (\n        <KeyRoundIcon className={mark} aria-hidden />\n      )}\n    </span>\n  );\n}\n\n/**\n * The trigger shows who makes the chosen model. Subscription rails already\n * carry their maker's mark (ChatGPT, Claude, Grok). Configured catalog logos win\n * in collapsed model presentation; otherwise explicit host branding wins and models show\n * the maker's logo instead of a generic key, falling back to the group mark.\n */\nfunction SelectedModelMark(input: {\n  props: ModelPolicyPickerProps;\n  selected: ClientPickerModelRow | null;\n}) {\n  const t = useOpenGeniText();\n  const billingClass =\n    input.selected?.billingClass ?? billingClassForMissingSelection(input.props.model);\n  const presentation = groupPresentationFor(input.props, billingClass);\n  const model = input.selected?.catalog ?? input.props.model;\n  if (input.props.collapseScopes === false) {\n    return (\n      <BillingClassMark\n        billingClass={billingClass}\n        presentation={presentation}\n        aria-label={presentation?.label ?? SCOPED_MARK_LABELS(t)[billingClass]}\n        className=\"text-og-fg\"\n      />\n    );\n  }\n  if (modelLogoUrl(model)) {\n    return <ModelMark model={model} className=\"text-og-fg\" />;\n  }\n  if (\n    presentation?.icon !== undefined ||\n    BRANDED_BILLING_CLASSES.has(billingClass) ||\n    !modelHasMark(model)\n  ) {\n    return (\n      <BillingClassMark\n        billingClass={billingClass}\n        presentation={presentation}\n        className=\"text-og-fg\"\n      />\n    );\n  }\n  return <ModelMark model={model} className=\"text-og-fg\" />;\n}\n\nconst SCOPED_MARK_LABELS = (t: OpenGeniText): Partial<Record<PickerBillingClass, string>> => ({\n  byok: t(\"modelPolicyPicker.workspaceProviderAccount\"),\n  organization_byok: t(\"modelPolicyPicker.organizationProviderAccount\"),\n});\n\n/** A selection the catalog no longer lists: its clean name (settings keep the id). */\nfunction fallbackName(props: ModelPolicyPickerProps): string {\n  return props.collapseScopes === false ? props.model : modelDisplayName(props.model);\n}\n\nconst BRANDED_BILLING_CLASSES: ReadonlySet<PickerBillingClass> = new Set([\n  \"codex_subscription\",\n  \"claude_subscription\",\n  \"supergrok_subscription\",\n]);\n\nexport function effectiveRows(\n  t: OpenGeniText,\n  props: ModelPolicyPickerProps,\n): ClientPickerModelRow[] {\n  return sharedEffectiveRows(t, props);\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  description?: 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      aria-description={props.description}\n      onClick={props.onClick}\n      data-testid={props.testId}\n      className={cn(\n        // The one menu row (lib/menu-styles.ts), with density tokens for embedders.\n        \"flex min-h-8 w-full cursor-pointer items-center gap-2.5 rounded-og-md 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 duration-[120ms] hover:bg-og-hover focus-visible:bg-og-hover focus-visible:outline-2 focus-visible:-outline-offset-2! focus-visible:outline-og-accent/55 pointer-coarse:min-h-11\",\n        props.disabled && \"cursor-not-allowed opacity-50\",\n      )}\n    >\n      {props.icon}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-og-menu\">{props.label}</span>\n        {props.hint ? (\n          <span className=\"mt-0.5 block truncate text-og-sm text-og-fg-muted\">{props.hint}</span>\n        ) : null}\n      </span>\n      {props.trailing ? <span className=\"ml-auto shrink-0\">{props.trailing}</span> : null}\n      {props.showChevron === false ? null : <ChevronRightIcon className={MENU_CHEVRON_CLASS} />}\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.5 flex min-h-9 items-center gap-1 border-b border-og-border pb-1.5\">\n      <button\n        type=\"button\"\n        onClick={props.onBack}\n        data-testid=\"model-picker-back\"\n        className=\"flex min-h-8 min-w-0 flex-1 cursor-pointer items-center gap-1 rounded-og-md pr-2.5 text-left text-og-fg outline-hidden transition-colors duration-[120ms] hover:bg-og-hover focus-visible:outline-2 focus-visible:-outline-offset-2! focus-visible:outline-og-accent/55 pointer-coarse:min-h-11\"\n      >\n        <span className=\"flex size-8 shrink-0 items-center justify-center text-og-fg-muted\">\n          <ChevronLeftIcon className=\"size-4\" />\n        </span>\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 t = useOpenGeniText();\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(t, props) };\n}\n\nexport function ModelPolicyPicker(props: ModelPolicyPickerProps) {\n  const t = useOpenGeniText();\n  const contentId = useId();\n  const trigger = usePortalTokenSource<HTMLButtonElement>();\n  const portalStyle = usePortalTokenStyle(trigger.source);\n  const messages = useMemo(\n    () => ({ ...defaultModelPolicyPickerMessages(t), ...props.messages }),\n    [props.messages, t],\n  );\n  const { open, setOpen, rows } = useModelPolicyPickerState(props);\n  const selected = findPickerRow(rows, props.model);\n  const needsModel =\n    !rows.some((row) => row.selectable) && (rows.length > 0 || Boolean(props.connectModelsHref));\n  const selectedDescription = needsModel\n    ? messages.connectTitle\n    : [selected?.label ?? fallbackName(props), labelReasoningEffort(t, props.effort)].join(\" · \");\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.triggerStyle === \"field\" && \"w-[180px] rounded-og-md\",\n          props.className,\n        )}\n        aria-label={messages.loading}\n        data-testid=\"model-picker-loading\"\n      />\n    );\n  }\n  if (props.triggerStyle === \"field\") {\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          data-trigger-style=\"field\"\n          onClick={() => setOpen(!open)}\n          disabled={props.disabled}\n          aria-label={messages.label}\n          aria-description={selectedDescription}\n          className={cn(\n            \"og-root inline-flex h-8 min-w-[180px] max-w-full items-center gap-2 rounded-og-md border border-og-border bg-og-surface px-2.5 text-sm 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\",\n            props.className,\n          )}\n        >\n          {needsModel ? (\n            <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          ) : (\n            <SelectedModelMark props={props} selected={selected} />\n          )}\n          <span className=\"min-w-0 truncate font-medium\">\n            {needsModel ? messages.connectTitle : (selected?.label ?? fallbackName(props))}\n          </span>\n          {props.triggerMeta && !needsModel ? (\n            <span className=\"min-w-0 shrink-[9999] truncate text-og-fg-muted\">\n              {props.triggerMeta}\n            </span>\n          ) : null}\n          <ChevronDownIcon className=\"ml-auto size-3.5 shrink-0 text-og-fg-muted\" />\n        </button>\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  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        aria-description={selectedDescription}\n        className={cn(\n          // Phone: the composer row also carries attach, dictate, voice, pause\n          // and send, so the pill drops its chevron and tightens its padding\n          // to keep the model's short name readable.\n          \"og-root og-model-policy-trigger inline-flex h-[var(--og-model-picker-trigger-height)] min-w-0 max-w-64 overflow-hidden items-center gap-1 rounded-full border px-2.5 text-og-control outline-hidden transition-colors 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:gap-0.5 max-sm:px-1.5\",\n          // With no usable model the pill is the one thing that unblocks the\n          // composer, so it takes the primary wash and always keeps its place.\n          // Otherwise, when even the bare icon has no room (a narrow phone whose\n          // row also offers Queue or Steer while the agent works), the pill\n          // steps aside instead of painting over its neighbours, and returns\n          // once the row has room.\n          needsModel\n            ? \"border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover\"\n            : \"border-transparent text-og-fg-muted hover:border-og-border hover:bg-og-surface-2 hover:text-og-fg @max-[2rem]/model-controls:hidden\",\n          props.className,\n        )}\n      >\n        {needsModel ? (\n          <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n        ) : (\n          <SelectedModelMark props={props} selected={selected} />\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          {needsModel ? messages.connectTitle : (selected?.label ?? fallbackName(props))}\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 @max-[8rem]/model-controls:hidden\">\n          {needsModel\n            ? messages.connectTitle\n            : (selected?.shortLabel ?? selected?.label ?? fallbackName(props))}\n        </span>\n        {selected && !needsModel && modelOffersEffortChoice(selected.catalog) ? (\n          <span\n            className=\"og-model-policy-effort min-w-0 shrink-[9999] truncate\"\n            title={labelReasoningEffort(t, props.effort)}\n          >\n            {labelReasoningEffort(t, props.effort)}\n          </span>\n        ) : null}\n        {props.latencyMode === \"fast\" && !needsModel ? (\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        {props.latencyMode === \"ultrafast\" && !needsModel ? (\n          <span\n            role=\"img\"\n            className=\"flex shrink-0 -space-x-1.5 text-og-fg\"\n            aria-label={messages.ultrafast}\n            data-testid=\"model-picker-ultrafast-icon\"\n          >\n            <ZapIcon className=\"size-3.5 fill-current stroke-current\" aria-hidden />\n            <ZapIcon className=\"size-3.5 fill-current stroke-current\" aria-hidden />\n          </span>\n        ) : null}\n        <ChevronDownIcon className=\"og-model-policy-chevron size-3 shrink-0 max-sm:hidden\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,kBAAkB,oBAAoB;AAE/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,wBAAwB;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAqIC,SAmNF,UAnNE,KA+GF,YA/GE;AA/GR,IAAM,4BAA4B;AAAA,EAAK,MACrC,OAAO,wCAA4B,EAAE,KAAK,CAAC,EAAE,yBAAyB,OAAO;AAAA,IAC3E,SAAS;AAAA,EACX,EAAE;AACJ;AAqEA,IAAM,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC;AAE7B,SAAS,iBAAiB,OAK9B;AACD,QAAM,IAAI,gBAAgB;AAC1B,QAAM,SAA6C;AAAA,IACjD,kBAAkB,EAAE,0BAA0B;AAAA,IAC9C,UAAU,EAAE,oCAAoC;AAAA,IAChD,oBAAoB,EAAE,yBAAyB;AAAA,IAC/C,wBAAwB;AAAA,IACxB,qBAAqB,EAAE,0BAA0B;AAAA,IACjD,MAAM,EAAE,0BAA0B;AAAA,IAClC,mBAAmB,EAAE,0BAA0B;AAAA,EACjD;AACA,MAAI,MAAM,cAAc,SAAS,KAAM,QAAO;AAC9C,QAAM,QAAQ,MAAM,YAAY,KAAK,MAAM,cAAc,SAAS,OAAO,MAAM,YAAY;AAC3F,QAAM,gBACJ,MAAM,WAAW,IACb,EAAE,eAAe,KAAc,IAC/B,EAAE,MAAM,OAAgB,cAAc,MAAM;AAClD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,OAAO;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,eAAa,sBAAsB,MAAM,YAAY;AAAA,MACpD,GAAG;AAAA,MAEH,gBAAM,cAAc,SAAS,SAC5B,MAAM,aAAa,OACjB,MAAM,iBAAiB,qBACzB,oBAAC,gBAAa,WAAW,MAAM,eAAW,MAAC,IACzC,MAAM,iBAAiB,aACzB,oBAAC,cAAW,WAAW,MAAM,eAAW,MAAC,IACvC,MAAM,iBAAiB,uBACzB,oBAAC,eAAY,WAAW,MAAM,IAC5B,MAAM,iBAAiB,wBACzB,oBAAC,cAAW,WAAW,MAAM,IAC3B,MAAM,iBAAiB,2BACzB,oBAAC,YAAS,WAAW,MAAM,IAE3B,oBAAC,gBAAa,WAAW,MAAM,eAAW,MAAC;AAAA;AAAA,EAE/C;AAEJ;AAQA,SAAS,kBAAkB,OAGxB;AACD,QAAM,IAAI,gBAAgB;AAC1B,QAAM,eACJ,MAAM,UAAU,gBAAgB,gCAAgC,MAAM,MAAM,KAAK;AACnF,QAAM,eAAe,qBAAqB,MAAM,OAAO,YAAY;AACnE,QAAM,QAAQ,MAAM,UAAU,WAAW,MAAM,MAAM;AACrD,MAAI,MAAM,MAAM,mBAAmB,OAAO;AACxC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAY,cAAc,SAAS,mBAAmB,CAAC,EAAE,YAAY;AAAA,QACrE,WAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACA,MAAI,aAAa,KAAK,GAAG;AACvB,WAAO,oBAAC,aAAU,OAAc,WAAU,cAAa;AAAA,EACzD;AACA,MACE,cAAc,SAAS,UACvB,wBAAwB,IAAI,YAAY,KACxC,CAAC,aAAa,KAAK,GACnB;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAU,OAAc,WAAU,cAAa;AACzD;AAEA,IAAM,qBAAqB,CAAC,OAAkE;AAAA,EAC5F,MAAM,EAAE,4CAA4C;AAAA,EACpD,mBAAmB,EAAE,+CAA+C;AACtE;AAGA,SAAS,aAAa,OAAuC;AAC3D,SAAO,MAAM,mBAAmB,QAAQ,MAAM,QAAQ,iBAAiB,MAAM,KAAK;AACpF;AAEA,IAAM,0BAA2D,oBAAI,IAAI;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAASA,eACd,GACA,OACwB;AACxB,SAAO,cAAoB,GAAG,KAAK;AACrC;AAEO,SAAS,aAAa,OAY1B;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,OAAO,MAAM;AAAA,MACb,oBAAkB,MAAM;AAAA,MACxB,SAAS,MAAM;AAAA,MACf,eAAa,MAAM;AAAA,MACnB,WAAW;AAAA;AAAA,QAET;AAAA,QACA,MAAM,YAAY;AAAA,MACpB;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,qBAAC,UAAK,WAAU,kBACd;AAAA,8BAAC,UAAK,WAAU,+BAA+B,gBAAM,OAAM;AAAA,UAC1D,MAAM,OACL,oBAAC,UAAK,WAAU,qDAAqD,gBAAM,MAAK,IAC9E;AAAA,WACN;AAAA,QACC,MAAM,WAAW,oBAAC,UAAK,WAAU,oBAAoB,gBAAM,UAAS,IAAU;AAAA,QAC9E,MAAM,gBAAgB,QAAQ,OAAO,oBAAC,oBAAiB,WAAW,oBAAoB;AAAA;AAAA;AAAA,EACzF;AAEJ;AAEO,SAAS,iBAAiB,OAK9B;AACD,SACE,qBAAC,SAAI,WAAU,2EACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM;AAAA,QACf,eAAY;AAAA,QACZ,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,qEACd,8BAAC,mBAAgB,WAAU,UAAS,GACtC;AAAA,UACC,MAAM;AAAA,UACP,oBAAC,UAAK,WAAU,oDAAoD,gBAAM,OAAM;AAAA;AAAA;AAAA,IAClF;AAAA,IACC,MAAM,WAAW,oBAAC,SAAI,WAAU,0BAA0B,gBAAM,UAAS,IAAS;AAAA,KACrF;AAEJ;AAEO,SAAS,mBAAmB,OAIhC;AACD,QAAM,eAAe,iBAAiB;AACtC,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,eAAe,QAAQ,EAAE,GAAG,MAAM,YAAY,IAAI,SAAS,EAAE;AAAA,MACtE,SAAS,EAAE,GAAG,GAAG,SAAS,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,eAAe,IAAI,MAAM,MAAM,WAAW;AAAA,MAClE,WAAU;AAAA,MAET,gBAAM;AAAA;AAAA,IANF,MAAM;AAAA,EAOb;AAEJ;AAGO,SAAS,0BAA0B,OAA+B;AACvE,QAAM,IAAI,gBAAgB;AAC1B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,MAAM,eAAe,KAAK;AACnF,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,UAAU,CAAC,SAAkB;AACjC,QAAI,MAAM,SAAS,OAAW,qBAAoB,IAAI;AACtD,UAAM,eAAe,IAAI;AAAA,EAC3B;AACA,SAAO,EAAE,MAAM,SAAS,MAAMA,eAAc,GAAG,KAAK,EAAE;AACxD;AAEO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,IAAI,gBAAgB;AAC1B,QAAM,YAAY,MAAM;AACxB,QAAM,UAAU,qBAAwC;AACxD,QAAM,cAAc,oBAAoB,QAAQ,MAAM;AACtD,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,GAAG,iCAAiC,CAAC,GAAG,GAAG,MAAM,SAAS;AAAA,IACnE,CAAC,MAAM,UAAU,CAAC;AAAA,EACpB;AACA,QAAM,EAAE,MAAM,SAAS,KAAK,IAAI,0BAA0B,KAAK;AAC/D,QAAM,WAAW,cAAc,MAAM,MAAM,KAAK;AAChD,QAAM,aACJ,CAAC,KAAK,KAAK,CAAC,QAAQ,IAAI,UAAU,MAAM,KAAK,SAAS,KAAK,QAAQ,MAAM,iBAAiB;AAC5F,QAAM,sBAAsB,aACxB,SAAS,eACT,CAAC,UAAU,SAAS,aAAa,KAAK,GAAG,qBAAqB,GAAG,MAAM,MAAM,CAAC,EAAE,KAAK,QAAK;AAE9F,MAAI,MAAM,SAAS;AACjB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,iBAAiB,WAAW;AAAA,UAClC,MAAM;AAAA,QACR;AAAA,QACA,cAAY,SAAS;AAAA,QACrB,eAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACA,MAAI,MAAM,iBAAiB,SAAS;AAClC,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,QAAQ;AAAA,UACb,MAAK;AAAA,UACL,iBAAc;AAAA,UACd,iBAAe;AAAA,UACf,iBAAe,OAAO,YAAY;AAAA,UAClC,cAAY,OAAO,SAAS;AAAA,UAC5B,sBAAmB;AAAA,UACnB,SAAS,MAAM,QAAQ,CAAC,IAAI;AAAA,UAC5B,UAAU,MAAM;AAAA,UAChB,cAAY,SAAS;AAAA,UACrB,oBAAkB;AAAA,UAClB,WAAW;AAAA,YACT;AAAA,YACA,MAAM;AAAA,UACR;AAAA,UAEC;AAAA,yBACC,oBAAC,gBAAa,WAAU,qBAAoB,eAAW,MAAC,IAExD,oBAAC,qBAAkB,OAAc,UAAoB;AAAA,YAEvD,oBAAC,UAAK,WAAU,gCACb,uBAAa,SAAS,eAAgB,UAAU,SAAS,aAAa,KAAK,GAC9E;AAAA,YACC,MAAM,eAAe,CAAC,aACrB,oBAAC,UAAK,WAAU,mDACb,gBAAM,aACT,IACE;AAAA,YACJ,oBAAC,mBAAgB,WAAU,8CAA6C;AAAA;AAAA;AAAA,MAC1E;AAAA,MACC,OACC,oBAAC,YAAS,UAAU,MAClB;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,QAAQ,QAAQ;AAAA,UAChB;AAAA,UACA;AAAA,UACA,cAAc;AAAA;AAAA,MAChB,GACF,IACE;AAAA,OACN;AAAA,EAEJ;AACA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,iBAAe,OAAO,YAAY;AAAA,QAClC,cAAY,OAAO,SAAS;AAAA,QAC5B,SAAS,MAAM,QAAQ,CAAC,IAAI;AAAA,QAC5B,UAAU,MAAM;AAAA,QAChB,cAAY,SAAS;AAAA,QACrB,oBAAkB;AAAA,QAClB,WAAW;AAAA;AAAA;AAAA;AAAA,UAIT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOA,aACI,wFACA;AAAA,UACJ,MAAM;AAAA,QACR;AAAA,QAEC;AAAA,uBACC,oBAAC,gBAAa,WAAU,qBAAoB,eAAW,MAAC,IAExD,oBAAC,qBAAkB,OAAc,UAAoB;AAAA,UAEvD,oBAAC,UAAK,WAAU,uHACb,uBAAa,SAAS,eAAgB,UAAU,SAAS,aAAa,KAAK,GAC9E;AAAA,UACA,oBAAC,UAAK,WAAU,qJACb,uBACG,SAAS,eACR,UAAU,cAAc,UAAU,SAAS,aAAa,KAAK,GACpE;AAAA,UACC,YAAY,CAAC,cAAc,wBAAwB,SAAS,OAAO,IAClE;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,qBAAqB,GAAG,MAAM,MAAM;AAAA,cAE1C,+BAAqB,GAAG,MAAM,MAAM;AAAA;AAAA,UACvC,IACE;AAAA,UACH,MAAM,gBAAgB,UAAU,CAAC,aAChC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAY,SAAS;AAAA,cACrB,eAAY;AAAA;AAAA,UACd,IACE;AAAA,UACH,MAAM,gBAAgB,eAAe,CAAC,aACrC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,SAAS;AAAA,cACrB,eAAY;AAAA,cAEZ;AAAA,oCAAC,WAAQ,WAAU,wCAAuC,eAAW,MAAC;AAAA,gBACtE,oBAAC,WAAQ,WAAU,wCAAuC,eAAW,MAAC;AAAA;AAAA;AAAA,UACxE,IACE;AAAA,UACJ,oBAAC,mBAAgB,WAAU,yDAAwD;AAAA;AAAA;AAAA,IACrF;AAAA,IAEC,OACC,oBAAC,YAAS,UAAU,MAClB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,QAAQ,QAAQ;AAAA,QAChB;AAAA,QACA;AAAA,QACA,cAAc;AAAA;AAAA,IAChB,GACF,IACE;AAAA,KACN;AAEJ;","names":["effectiveRows"]}

package/dist/session-realtime-JXRLPNUH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/app/components/session/codex-account-indicator.tsx

@@ -1,207 +0,0 @@
-// Session-header Codex control: the same ChatGPT mark that identifies the Codex
-// rail doubles as the account switcher trigger (not a second icon). Menu shows
-// active subscription, status/usage, and pin switching. Host-credit: null.
-import { useCodexAccounts } from "../../../hooks/use-codex-accounts";
-import type { CodexAccount, SessionEvent } from "@opengeni/sdk";
-import { useState } from "react";
-
-import { BillingClassMark } from "../billing-class-mark";
-import { ChatGptMark } from "../chatgpt-mark";
-import { SubscriptionAccountMenu } from "./subscription-account-menu";
-import { Skeleton } from "../../../ui/skeleton";
-
-// Canonical value: @opengeni/codex CODEX_MODEL_ID_PREFIX. Inlined to avoid a new
-// web dependency on the server-only codex package.
-const CODEX_MODEL_ID_PREFIX = "codex/";
-const AUTO = "auto";
-// Reopening the menu reuses live readings this recent instead of asking the
-// provider again; older ones stay on screen while the menu re-checks.
-const LIVE_USAGE_REUSE_MS = 30_000;
-
-function accountLabel(account: CodexAccount | undefined | null): string {
-  if (!account) return "—";
-  return (
-    account.label ?? account.email ?? account.plan ?? account.chatgptAccountId ?? "Codex account"
-  );
-}
-
-function tighterRemaining(account: CodexAccount | undefined | null): number | null {
-  if (!account) return null;
-  const remainings = [account.fiveHour?.remaining, account.weekly?.remaining].filter(
-    (value): value is number => typeof value === "number",
-  );
-  return remainings.length > 0 ? Math.min(...remainings) : null;
-}
-
-function statusTone(account: CodexAccount | undefined | null): "ok" | "warn" | "bad" {
-  if (!account) return "ok";
-  if (account.status === "needs_relogin" || account.status === "error") return "bad";
-  const remaining = tighterRemaining(account);
-  if (remaining != null && remaining <= 10) return "warn";
-  return "ok";
-}
-
-export function CodexAccountIndicator({
-  workspaceId: _workspaceId,
-  sessionId,
-  model,
-  modelReady = true,
-  events,
-}: {
-  workspaceId: string;
-  sessionId: string;
-  model: string;
-  /** False while the session's admitted model identity is still loading. */
-  modelReady?: boolean;
-  events?: SessionEvent[];
-}) {
-  const isCodexSession = model.startsWith(CODEX_MODEL_ID_PREFIX);
-  const codex = useCodexAccounts({
-    sessionId,
-    pollIntervalMs: 30_000,
-    enabled: modelReady && isCodexSession,
-    ...(events !== undefined ? { events } : {}),
-  });
-  const [checkingUsage, setCheckingUsage] = useState(false);
-  const [usageChecked, setUsageChecked] = useState(false);
-  const [usageCheckFailed, setUsageCheckFailed] = useState(false);
-  // Live readings from an earlier check (this menu, another session's, or
-  // Settings) stay visible while a new check runs instead of flashing away.
-  const hasLiveUsage = codex.liveUsageUpdatedAt !== null;
-  const awaitingFirstUsage = checkingUsage && !hasLiveUsage;
-
-  if (!modelReady) {
-    return (
-      <Skeleton className="h-6 w-11 shrink-0 rounded-full" aria-label="Loading Codex account" />
-    );
-  }
-
-  if (!isCodexSession) {
-    return null;
-  }
-
-  const current = codex.currentSelection;
-  const effective =
-    (current ? codex.currentAccount : null) ??
-    codex.accounts.find(
-      (account) => account.id === (current ? current.credentialId : codex.pinnedAccountId),
-    ) ??
-    null;
-  const selectionLabel = current
-    ? current.waiting
-      ? "Limit reached"
-      : "Current account"
-    : "Account selection";
-  const displayName = effective
-    ? accountLabel(effective)
-    : current?.credentialId
-      ? "Account unavailable"
-      : current && !current.waiting
-        ? "Selecting account"
-        : "Automatic selection";
-  const accountsPending = codex.loading && !effective;
-  if (accountsPending) {
-    return (
-      <Skeleton className="h-6 w-11 shrink-0 rounded-full" aria-label="Loading Codex account" />
-    );
-  }
-
-  const tone = statusTone(effective);
-  const ariaLabel = `Switch Codex account · ${selectionLabel} · ${displayName}`;
-  const liveStatus = effective ? codex.liveUsage[effective.id]?.status : null;
-  const usageUnavailable =
-    usageCheckFailed ||
-    (usageChecked && !liveStatus) ||
-    liveStatus === "error" ||
-    liveStatus === "no-data";
-
-  return (
-    <SubscriptionAccountMenu
-      ariaLabel={ariaLabel}
-      triggerMark={
-        <BillingClassMark
-          billingClass="codex_subscription"
-          className="size-3.5 text-current"
-          aria-label=""
-        />
-      }
-      headerMark={<ChatGptMark className="size-4" />}
-      selectionLabel={selectionLabel}
-      displayName={displayName}
-      metadata={
-        [effective?.plan, effective?.status === "active" ? null : effective?.status]
-          .filter(Boolean)
-          .join(" · ") || "Codex subscription"
-      }
-      tone={tone}
-      usage={{
-        checking: awaitingFirstUsage,
-        unavailable: usageUnavailable,
-        windows: [
-          ...(effective?.fiveHour
-            ? [{ label: "5h", remaining: effective.fiveHour.remaining }]
-            : []),
-          ...(effective?.weekly ? [{ label: "Week", remaining: effective.weekly.remaining }] : []),
-        ],
-      }}
-      accounts={codex.accounts.map((account) => ({
-        id: account.id,
-        label: accountLabel(account),
-        plan: account.plan,
-        status:
-          account.status === "active"
-            ? null
-            : account.status === "needs_relogin"
-              ? "relogin"
-              : account.status,
-        remaining:
-          account.id !== effective?.id &&
-          !awaitingFirstUsage &&
-          !usageCheckFailed &&
-          (!usageChecked || codex.liveUsage[account.id]) &&
-          codex.liveUsage[account.id]?.status !== "error" &&
-          codex.liveUsage[account.id]?.status !== "no-data"
-            ? tighterRemaining(account)
-            : null,
-      }))}
-      selectedId={codex.pinnedAccountId}
-      automaticSelected={codex.pinnedAccountId === null}
-      choosing={codex.pinning}
-      choosingTarget={codex.pinningTarget === AUTO ? null : (codex.pinningTarget ?? undefined)}
-      actionLabel={current?.waiting ? "Retry with" : "Use for next turn"}
-      automaticLabel={current?.waiting ? "Auto" : "Auto (workspace default)"}
-      emptyMessage={codex.error ? "Accounts unavailable." : "No Codex subscriptions connected."}
-      error={codex.mutationError ? `Switch failed: ${codex.mutationError.message}` : null}
-      note={
-        codex.switchAppliedTo === "waiting_turn"
-          ? "Selection saved. Capacity is being rechecked."
-          : codex.switchAppliedTo === "next_turn"
-            ? "Selection saved for the next turn."
-            : current?.waiting
-              ? "Changing accounts retries the waiting turn."
-              : "Applies next turn. The current turn keeps its account."
-      }
-      onChoose={(id) => {
-        if (codex.pinnedAccountId === id && !current?.waiting) return;
-        void codex.pin(id ?? AUTO);
-      }}
-      onOpenChange={(open) => {
-        if (!open) return;
-        setCheckingUsage(true);
-        setUsageChecked(false);
-        setUsageCheckFailed(false);
-        void codex.refreshUsage({ maxAgeMs: LIVE_USAGE_REUSE_MS }).then(
-          (ok) => {
-            setUsageChecked(ok);
-            setUsageCheckFailed(!ok);
-            setCheckingUsage(false);
-          },
-          () => {
-            setUsageCheckFailed(true);
-            setCheckingUsage(false);
-          },
-        );
-      }}
-    />
-  );
-}

package/src/app/components/session/model-account-indicator.tsx

@@ -1,189 +0,0 @@
-// Session-header model-account control for every provider on the shared
-// subscription core: shows the account the session uses and lets the person
-// choose Automatic, a shared account, or one of their own personal accounts.
-// The server decides what may be chosen.
-import { useSessionModelAccount } from "../../../hooks/use-session-model-account";
-import type { ModelAccountChoiceOption, SessionEvent } from "@opengeni/sdk";
-import { BillingClassMark, type BillingClass } from "../billing-class-mark";
-import { SubscriptionAccountMenu } from "./subscription-account-menu";
-import { modelAccountUsage } from "./model-account-usage";
-
-function accountLabel(account: ModelAccountChoiceOption): string {
-  return account.label ?? account.accountEmail ?? account.planType ?? "Account";
-}
-
-const REFUSAL_COPY: Record<NonNullable<ModelAccountChoiceOption["refusal"]>, string> = {
-  inactive: "Unavailable",
-  personal_not_allowed: "Turned off here",
-  personal_not_owner_work: "Not available for this chat",
-  session_has_no_owner: "Needs an owner",
-};
-
-const STATUS_COPY: Record<string, string> = {
-  needs_relogin: "Needs reconnect",
-  error: "Error",
-  disabled: "Disabled",
-  revoked: "Revoked",
-  expired: "Expired",
-  suspended: "Suspended",
-  paused: "Paused",
-  inactive: "Inactive",
-  limit_reached: "Limit reached",
-};
-
-function accountStatus(account: ModelAccountChoiceOption): string | null {
-  // Inactive is a broad refusal; retain the actual status when it explains why.
-  if (account.refusal && account.refusal !== "inactive") return REFUSAL_COPY[account.refusal];
-  if (account.status !== "active") return STATUS_COPY[account.status] ?? account.status;
-  return account.refusal ? REFUSAL_COPY[account.refusal] : null;
-}
-
-function accountSource(account: ModelAccountChoiceOption): string {
-  return account.personal
-    ? "Your account"
-    : account.source === "workspace"
-      ? "This workspace"
-      : "Organization";
-}
-
-const PROVIDER_MARK: Record<string, BillingClass> = {
-  codex: "codex_subscription",
-  claude: "claude_subscription",
-  xai: "supergrok_subscription",
-};
-
-export 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[];
-}) {
-  const account = useSessionModelAccount({
-    workspaceId,
-    sessionId,
-    provider,
-    organizationId,
-    pollIntervalMs: 60_000,
-    ...(events !== undefined ? { events } : {}),
-  });
-  const choice = account.choice;
-  const accounts = (choice?.accounts ?? []).filter((each) => each.provider === provider);
-  const binding =
-    choice?.bindings?.find((each) => each.provider === provider) ??
-    (choice?.binding?.provider === provider ? choice.binding : null);
-  // A missing/revoked pinned account must retain a way back to Automatic.
-  if (!choice || (accounts.length === 0 && !binding)) return null;
-  const explicit = binding?.choice === "explicit";
-  const serving =
-    choice.serving &&
-    choice.serving.turnId === servingTurnId &&
-    choice.serving.provider === provider
-      ? choice.serving
-      : null;
-  const currentId = serving ? serving.connectionId : binding?.connectionId;
-  const current = currentId
-    ? (accounts.find((each) => each.connectionId === currentId) ?? null)
-    : null;
-  const displayName = current
-    ? accountLabel(current)
-    : explicit || serving
-      ? "Account unavailable"
-      : "Automatic";
-  const ariaLabel = `Model account · ${displayName}`;
-  const billingClass = PROVIDER_MARK[provider] ?? "external";
-  const currentStatus = current ? accountStatus(current) : null;
-
-  return (
-    <SubscriptionAccountMenu
-      ariaLabel={ariaLabel}
-      triggerMark={
-        <BillingClassMark
-          billingClass={billingClass}
-          className="size-3.5 text-current"
-          aria-label=""
-        />
-      }
-      headerMark={<BillingClassMark billingClass={billingClass} className="size-4 text-current" />}
-      selectionLabel={
-        serving
-          ? "Current account"
-          : explicit
-            ? "Chosen account"
-            : current
-              ? "Current account"
-              : "Account selection"
-      }
-      displayName={displayName}
-      identity={current?.accountEmail !== displayName ? current?.accountEmail : null}
-      metadata={
-        current
-          ? [current.planType, accountSource(current), currentStatus].filter(Boolean).join(" · ")
-          : "Subscription account"
-      }
-      tone={
-        currentStatus
-          ? current?.status === "needs_relogin" || current?.status === "error"
-            ? "bad"
-            : "warn"
-          : "ok"
-      }
-      // Consume only the authorized stored response; opening this menu never
-      // borrows a provider-specific refresh or selection path.
-      usage={
-        current
-          ? modelAccountUsage(current.usage)
-          : {
-              message:
-                explicit || serving ? "Account usage hidden" : "Choose an account to view usage",
-            }
-      }
-      accounts={accounts.map((each) => ({
-        id: each.connectionId,
-        label: accountLabel(each),
-        plan: each.planType,
-        status: accountStatus(each),
-        detail: [
-          accountLabel(each),
-          each.accountEmail,
-          each.planType,
-          accountSource(each),
-          accountStatus(each),
-        ]
-          .filter(Boolean)
-          .join(" · "),
-        personal: each.personal,
-        disabled: !each.choosable,
-        usageSummary:
-          each.connectionId === current?.connectionId
-            ? undefined
-            : modelAccountUsage(each.usage).summary,
-      }))}
-      selectedId={explicit ? binding.connectionId : null}
-      automaticSelected={!explicit}
-      choosing={account.choosing}
-      choosingTarget={account.choosingTarget}
-      error={account.mutationError?.message}
-      note={
-        account.appliedTo === "waiting_turn"
-          ? "Selection saved. Capacity is being rechecked."
-          : account.appliedTo === "next_turn"
-            ? "Selection saved for the next turn."
-            : "Applies next turn. The current turn keeps its account."
-      }
-      onChoose={(id) => {
-        if (id === null ? !explicit : explicit && binding.connectionId === id) return;
-        void account.choose(id);
-      }}
-    />
-  );
-}

package/src/app/components/session/model-account-usage.test.ts

@@ -1,59 +0,0 @@
-import { expect, test } from "bun:test";
-import type { ModelAccountUsageSnapshot } from "@opengeni/sdk";
-import { modelAccountUsage } from "./model-account-usage";
-
-const snapshot = (windows: ModelAccountUsageSnapshot["windows"]): ModelAccountUsageSnapshot => ({
-  windows,
-  observedAt: null,
-  source: null,
-  exhaustedUntil: null,
-  exhaustedKind: null,
-});
-test("omitted, absent and empty snapshots retain distinct unknown meanings", () => {
-  expect(modelAccountUsage(undefined).message).toBe("Usage not reported");
-  expect(modelAccountUsage(null).message).toBe("No stored usage");
-  expect(modelAccountUsage(snapshot([]))).toMatchObject({
-    message: "No usage windows recorded",
-    note: "Cached observation · Time unknown",
-  });
-});
-test("partial and unknown windows are never completed, aggregated or assigned a made-up percent", () => {
-  const view = modelAccountUsage(
-    snapshot([
-      { id: "seven_day_opus", usedPercent: null, resetsAt: null, status: "unknown" },
-      { id: "overage", usedPercent: 125, resetsAt: null, status: "unknown" },
-      { id: "custom", usedPercent: 8, resetsAt: null, status: "warning" },
-    ]),
-  );
-  expect(view.windows?.map((window) => window.usedPercent)).toEqual([null, 125, 8]);
-  expect(view.windows?.map((window) => window.label)).toEqual(["Week · Opus", "Overage", "custom"]);
-  expect(view.windows?.every((window) => window.remaining === undefined)).toBe(true);
-  expect(view.summary).not.toContain("NaN");
-  expect(view.summary).toStartWith("Cached");
-  expect(view.windows?.[0]?.detail).toContain("Status unknown");
-});
-test("recorded account-wide rate limits without windows remain historical observations", () => {
-  const view = modelAccountUsage({
-    ...snapshot([]),
-    exhaustedKind: "rate_limit",
-    exhaustedUntil: "2020-01-01T09:00:00Z",
-  });
-  expect(view.message).toContain("Recorded rate limit");
-  expect(view.message).toContain("2020");
-  expect(view.windows).toEqual([]);
-  expect(view.note).toContain("Cached observation");
-});
-test("past resets remain historical; future resets do not make snapshots live", () => {
-  const value = snapshot([
-    { id: "primary", usedPercent: 100, resetsAt: "2026-10-12T12:00:00Z", status: "exhausted" },
-  ]);
-  const before = modelAccountUsage(value, Date.parse("2026-10-12T11:00:00Z"));
-  const after = modelAccountUsage(value, Date.parse("2026-10-12T13:00:00Z"));
-  expect(before.windows?.[0]?.detail).toContain("Resets");
-  // The neutral primary/secondary IDs do not supply a window duration.
-  expect(before.windows?.[0]?.label).toBe("Primary");
-  expect(after.windows?.[0]?.detail).toContain("Reset time passed; current usage unknown");
-  expect(after.windows?.[0]?.usedPercent).toBe(100);
-  expect(after.windows?.[0]?.detail).toContain("Observed exhausted");
-  expect(before.note).toContain("Cached observation");
-});

package/src/app/components/session/model-account-usage.tsx

@@ -1,89 +0,0 @@
-import type { ModelAccountUsageSnapshot } from "@opengeni/sdk";
-import type { SubscriptionAccountUsageWindow } from "./subscription-account-menu";
-
-// Presentation labels only. Preserve every supplied window; never combine
-// family-specific, overage or partial windows into an account capacity score.
-const WINDOW_LABEL: Record<string, string> = {
-  primary: "Primary",
-  secondary: "Secondary",
-  five_hour: "5h",
-  seven_day: "Week",
-  seven_day_opus: "Week · Opus",
-  seven_day_sonnet: "Week · Sonnet",
-  overage: "Overage",
-  billing: "Billing",
-};
-
-function time(value: string | null): string | null {
-  if (!value || !Number.isFinite(Date.parse(value))) return null;
-  return new Date(value).toLocaleString(undefined, {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-}
-
-export function modelAccountUsage(
-  usage: ModelAccountUsageSnapshot | null | undefined,
-  now = Date.now(),
-): {
-  windows?: SubscriptionAccountUsageWindow[];
-  message?: string;
-  note?: string;
-  summary?: string;
-} {
-  // An omitted projection is not evidence the underlying provider has no data.
-  if (usage === undefined) return { message: "Usage not reported" };
-  if (usage === null) return { message: "No stored usage" };
-  const observed = time(usage.observedAt);
-  const note = observed ? `Cached observation · ${observed}` : "Cached observation · Time unknown";
-  const windows = usage.windows.map((window) => {
-    const reset = time(window.resetsAt);
-    const past = reset !== null && Date.parse(window.resetsAt!) <= now;
-    return {
-      label: WINDOW_LABEL[window.id] ?? window.id,
-      usedPercent: window.usedPercent,
-      detail: [
-        window.status === "unknown"
-          ? "Status unknown"
-          : window.status === "ok"
-            ? null
-            : window.status === "warning"
-              ? "Observed warning"
-              : "Observed exhausted",
-        past
-          ? "Reset time passed; current usage unknown"
-          : reset
-            ? `Resets ${reset}`
-            : "Reset time unknown",
-      ]
-        .filter(Boolean)
-        .join(" · "),
-    };
-  });
-  const exhaustedTime = time(usage.exhaustedUntil);
-  const exhaustion =
-    usage.exhaustedKind === "rate_limit"
-      ? "Recorded rate limit"
-      : usage.exhaustedKind === "quota"
-        ? "Recorded quota exhaustion"
-        : null;
-  return {
-    windows,
-    ...(windows.length === 0
-      ? {
-          message: exhaustion
-            ? `${exhaustion}${exhaustedTime ? ` until ${exhaustedTime}` : " · End time unknown"}`
-            : "No usage windows recorded",
-        }
-      : {}),
-    note,
-    ...(windows.length > 0
-      ? {
-          summary: `Cached · ${windows.map((window) => `${window.label} ${window.usedPercent === null ? "unknown" : `${Math.round(window.usedPercent!)}% used`}`).join(" · ")}`,
-        }
-      : {}),
-  };
-}