@opengeni/react 1.4.0 → 1.4.4

package/dist/{chunk-LNIRAOA3.js → chunk-L2J3PU7A.js}

@@ -1,20 +1,21 @@
+"use client";
 import {
   MENU_CHEVRON_CLASS
-} from "./chunk-K3HQAKQX.js";
+} from "./chunk-PMV53IMM.js";
 import {
   effortOptionsForModel,
   findPickerRow,
   labelReasoningEffort,
   projectClientModelRows,
   scopedBillingClassLabel
-} from "./chunk-5F4WR7X7.js";
+} from "./chunk-XS67YG5R.js";
 import {
   usePortalTokenSource,
   usePortalTokenStyle
-} from "./chunk-VZTQ73XT.js";
+} from "./chunk-XEA5BCMA.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/components/claude-mark.tsx
 import { jsx } from "react/jsx-runtime";
@@ -102,7 +103,7 @@ import {
 } from "react";
 import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var LazyModelPolicyPickerMenu = lazy(
-  () => import("./model-policy-picker-menu-DXHUL73H.js").then(({ ModelPolicyPickerPopover }) => ({
+  () => import("./model-policy-picker-menu-WRNSRFQC.js").then(({ ModelPolicyPickerPopover }) => ({
     default: ModelPolicyPickerPopover
   }))
 );
@@ -469,4 +470,4 @@ export {
   PickerAnimatedPage,
   ModelPolicyPicker
 };
-//# sourceMappingURL=chunk-LNIRAOA3.js.map
+//# sourceMappingURL=chunk-L2J3PU7A.js.map

package/dist/{chunk-LNIRAOA3.js.map → chunk-L2J3PU7A.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/claude-mark.tsx","../src/components/grok-mark.tsx","../src/components/model-mark.tsx","../src/components/model-policy-picker.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\n/** ClaudeMark: Simple Icons, CC0; https://github.com/simple-icons/simple-icons */\nexport function ClaudeMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\n/**\n * MIT License\n *\n * Copyright (c) 2023 LobeHub\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * Source: https://raw.githubusercontent.com/lobehub/lobe-icons/master/src/Grok/components/Mono.tsx\n */\nexport function GrokMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815\" />\n    </svg>\n  );\n}\n","import {\n  modelDisplayName,\n  modelLogoUrl,\n  modelVendor,\n  type ModelDisplayInput,\n  type ModelVendor,\n} from \"@opengeni/sdk/model-display\";\nimport { SparklesIcon } from \"lucide-react\";\nimport { useState, type ReactNode, type SVGProps } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { ClaudeMark } from \"./claude-mark\";\nimport { GrokMark } from \"./grok-mark\";\n\n/** ChatGPT / OpenAI mark (Simple Icons path), currentColor like the other marks. */\nexport function ChatGptMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3653-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8414 3.3698-2.02 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.783-2.7622a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n    </svg>\n  );\n}\n\nconst MARKED_VENDORS: ReadonlySet<ModelVendor> = new Set([\"openai\", \"anthropic\", \"xai\"]);\n\n/** True when `ModelMark` has a real maker logo for this model (not the neutral fallback). */\nexport function modelHasMark(model: ModelDisplayInput): boolean {\n  const vendor = modelVendor(model);\n  return modelLogoUrl(model) !== null || (vendor !== null && MARKED_VENDORS.has(vendor));\n}\n\n/**\n * The catalog's maker logo, with bundled maker logos and a neutral fallback.\n * Makers without a configured or bundled logo get a neutral mark, so an org- and\n * a workspace-connected copy of one model always look the same.\n */\nexport function ModelMark(props: {\n  model: ModelDisplayInput;\n  className?: string | undefined;\n  /** Shown when the maker has no bundled logo. Defaults to a neutral sparkle. */\n  fallback?: ReactNode;\n  \"aria-label\"?: string | undefined;\n}) {\n  const logoUrl = modelLogoUrl(props.model);\n  const [failedUrl, setFailedUrl] = useState<string | null>(null);\n  const vendor = modelVendor(props.model);\n  const className = cn(\"size-3.5 shrink-0\", props.className);\n  const label = props[\"aria-label\"];\n  const a11y = label ? { role: \"img\" as const, \"aria-label\": label } : { \"aria-hidden\": true };\n  const mark =\n    logoUrl && logoUrl !== failedUrl ? (\n      <img\n        src={logoUrl}\n        alt=\"\"\n        className=\"size-full object-contain\"\n        referrerPolicy=\"no-referrer\"\n        onError={() => setFailedUrl(logoUrl)}\n      />\n    ) : vendor === \"openai\" ? (\n      <ChatGptMark className=\"size-full\" />\n    ) : vendor === \"anthropic\" ? (\n      <ClaudeMark className=\"size-full\" />\n    ) : vendor === \"xai\" ? (\n      <GrokMark className=\"size-full\" />\n    ) : props.fallback !== undefined ? (\n      props.fallback\n    ) : (\n      <SparklesIcon className=\"size-full\" aria-hidden />\n    );\n  if (mark === null) return null;\n  return (\n    <span\n      className={cn(\"inline-flex items-center justify-center [&>svg]:size-full\", className)}\n      data-model-vendor={vendor ?? \"unknown\"}\n      {...a11y}\n    >\n      {mark}\n    </span>\n  );\n}\n\n/**\n * A model as people should see it outside model settings: the maker's mark and\n * the clean display name. Never a routing prefix, connection id or scope.\n */\nexport function ModelName(props: {\n  model: ModelDisplayInput;\n  /** Hide the maker mark for dense text-only contexts. */\n  mark?: boolean | undefined;\n  className?: string | undefined;\n  markClassName?: string | undefined;\n}) {\n  const name = modelDisplayName(props.model);\n  return (\n    <span className={cn(\"inline-flex min-w-0 items-center gap-1.5\", props.className)} title={name}>\n      {props.mark === false ? null : (\n        <ModelMark model={props.model} className={props.markClassName} />\n      )}\n      <span className=\"min-w-0 truncate\">{name}</span>\n    </span>\n  );\n}\n","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 { MENU_CHEVRON_CLASS } from \"../lib/menu-styles\";\nimport { usePortalTokenSource, usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n  effortOptionsForModel,\n  findPickerRow,\n  labelReasoningEffort,\n  projectClientModelRows,\n  scopedBillingClassLabel,\n  type PickerBillingClass,\n  type PickerModelRow,\n} from \"../model-policy\";\n\nconst LazyModelPolicyPickerMenu = lazy(() =>\n  import(\"./model-policy-picker-menu\").then(({ ModelPolicyPickerPopover }) => ({\n    default: ModelPolicyPickerPopover,\n  })),\n);\n\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Presentation only; never changes model identity, billing or availability. */\nexport type ModelPolicyPickerGroupPresentation = Partial<\n  Record<\n    PickerBillingClass,\n    {\n      label?: string | undefined;\n      /** Omit to preserve the default; null hides the supporting text. */\n      description?: string | null | undefined;\n      /** Decorative, non-interactive content. Omit for the default; null hides it. */\n      icon?: ReactNode | undefined;\n    }\n  >\n>;\n\nexport type ModelPolicyPickerMessages = {\n  label: string;\n  loading: string;\n  noModels: string;\n  connectTitle: string;\n  connectBody: string;\n  connectAction: string;\n  thinking: string;\n  fast: string;\n  fastRateHint: string;\n  codexOnly: string;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  currentModel?: string;\n  noMatches?: string;\n  unsupportedAttachments?: string;\n  thinkingEffort?: string;\n  selected?: string;\n  free?: string;\n\n  billingHints: Record<PickerBillingClass, string>;\n};\n\nexport const defaultModelPolicyPickerMessages: ModelPolicyPickerMessages = {\n  label: \"Model and effort\",\n  loading: \"Loading model catalog…\",\n  noModels: \"No models available.\",\n  connectTitle: \"Connect a model\",\n  connectBody: \"Use a subscription or a provider key you already have.\",\n  connectAction: \"Open Models\",\n  thinking: \"Thinking\",\n  fast: \"Fast\",\n  fastRateHint: \"2× rate\",\n  codexOnly: \"Codex-only session\",\n  searchLabel: \"Search models or providers\",\n  searchPlaceholder: \"Search models or providers…\",\n  currentModel: \"Current model\",\n  noMatches: \"No matching models. Try a model or provider name.\",\n  unsupportedAttachments: \"This model cannot view the attached images.\",\n  thinkingEffort: \"Thinking effort\",\n  selected: \"Selected\",\n  free: \"Free\",\n\n  billingHints: {\n    opengeni_credits: \"Provided by Opengeni\",\n    external: \"Provider terms and limits apply\",\n    codex_subscription: \"ChatGPT / Codex plan\",\n    supergrok_subscription: \"SuperGrok / xAI plan\",\n    claude_subscription: \"Claude plan\",\n    byok: \"Billed to the connected provider account\",\n    organization_byok: \"Billed to the connected provider account\",\n  },\n};\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  /** 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 labels: Record<PickerBillingClass, string> = {\n    opengeni_credits: \"Models\",\n    external: \"External provider\",\n    codex_subscription: \"Codex\",\n    supergrok_subscription: \"SuperGrok\",\n    claude_subscription: \"Claude\",\n    byok: \"API key\",\n    organization_byok: \"API key\",\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\nfunction isCodexModel(model: ClientModel): boolean {\n  return model.id.startsWith(\"codex/\") || model.source === \"codex\";\n}\n\nfunction billingClassForMissingSelection(modelId: string): PickerBillingClass {\n  if (modelId.startsWith(\"workspace-claude-subscription/\")) return \"claude_subscription\";\n  if (modelId.startsWith(\"workspace-anthropic/\")) return \"byok\";\n  if (modelId.startsWith(\"organization-claude-subscription/\")) return \"claude_subscription\";\n  if (modelId.startsWith(\"organization-anthropic/\")) return \"organization_byok\";\n  if (modelId.startsWith(\"workspace-gateway/\")) return \"byok\";\n  if (modelId.startsWith(\"workspace-openrouter/\")) return \"byok\";\n  // A deployment OpenRouter ID does not encode its workspace-facing cost.\n  // Missing rows therefore use the credits-safe rail instead of falsely\n  // claiming that an unknown former selection was externally funded.\n  if (modelId.startsWith(\"openrouter/\")) return \"opengeni_credits\";\n  if (modelId.startsWith(\"codex/\")) return \"codex_subscription\";\n  if (modelId.startsWith(\"supergrok/\")) return \"supergrok_subscription\";\n  return \"opengeni_credits\";\n}\n\nfunction applyCodexOnly(\n  rows: ClientPickerModelRow[],\n  codexOnly: boolean,\n  unavailableReason: string,\n): ClientPickerModelRow[] {\n  if (!codexOnly) return rows;\n  return rows.map((row) =>\n    isCodexModel(row.catalog)\n      ? row\n      : {\n          ...row,\n          selectable: false,\n          unavailableReason: row.unavailableReason ?? unavailableReason,\n        },\n  );\n}\n\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 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[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: Partial<Record<PickerBillingClass, string>> = {\n  byok: \"Workspace provider account\",\n  organization_byok: \"Organization provider account\",\n};\n\n/** Models settings keeps naming who is billed for a key. */\nexport const SCOPED_BILLING_HINTS: Partial<Record<PickerBillingClass, string>> = {\n  byok: \"Billed to the workspace provider account\",\n  organization_byok: \"Billed to the organization provider account\",\n};\n\n/**\n * Host branding for a payment group. While scopes are collapsed, API keys are\n * one group, so either API-key presentation serves both.\n */\nexport function groupPresentationFor(\n  props: Pick<ModelPolicyPickerProps, \"groupPresentation\" | \"collapseScopes\">,\n  billingClass: PickerBillingClass,\n): ModelPolicyPickerGroupPresentation[PickerBillingClass] {\n  const own = props.groupPresentation?.[billingClass];\n  if (own !== undefined || props.collapseScopes === false) return own;\n  if (billingClass === \"byok\") return props.groupPresentation?.organization_byok;\n  if (billingClass === \"organization_byok\") return props.groupPresentation?.byok;\n  return undefined;\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(props: ModelPolicyPickerProps): ClientPickerModelRow[] {\n  const rows = props.rows !== undefined ? props.rows : projectClientModelRows(props.models ?? []);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return applyCodexOnly(rows, props.codexOnly === true, messages.codexOnly).map((row) => {\n    const scoped =\n      props.collapseScopes === false\n        ? {\n            ...row,\n            label: row.catalog.label,\n            billingClassLabel: scopedBillingClassLabel(row.billingClass),\n          }\n        : row;\n    if (props.collapseScopes === false) {\n      if (row.catalog.shortLabel) scoped.shortLabel = row.catalog.shortLabel;\n      else delete scoped.shortLabel;\n    }\n    const label = groupPresentationFor(props, row.billingClass)?.label;\n    return label === undefined ? scoped : { ...scoped, billingClassLabel: label };\n  });\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 [uncontrolledOpen, setUncontrolledOpen] = useState(props.defaultOpen ?? false);\n  const open = props.open ?? uncontrolledOpen;\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setUncontrolledOpen(next);\n    props.onOpenChange?.(next);\n  };\n  return { open, setOpen, rows: effectiveRows(props) };\n}\n\nexport function ModelPolicyPicker(props: ModelPolicyPickerProps) {\n  const contentId = useId();\n  const trigger = usePortalTokenSource<HTMLButtonElement>();\n  const portalStyle = usePortalTokenStyle(trigger.source);\n  const messages = useMemo(\n    () => ({ ...defaultModelPolicyPickerMessages, ...props.messages }),\n    [props.messages],\n  );\n  const { open, setOpen, rows } = useModelPolicyPickerState(props);\n  const selected = findPickerRow(rows, props.model);\n  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(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          \"og-root og-model-policy-trigger inline-flex h-[var(--og-model-picker-trigger-height)] min-w-0 max-w-64 items-center gap-1 rounded-full border 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:px-2\",\n          // With no usable model the pill is the one thing that unblocks the\n          // composer, so it takes the primary wash.\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\",\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\">\n          {needsModel\n            ? messages.connectTitle\n            : (selected?.shortLabel ?? selected?.label ?? fallbackName(props))}\n        </span>\n        {selected &&\n        !needsModel &&\n        effortOptionsForModel(selected.catalog).length > 1 &&\n        selected.catalog.capabilities?.reasoning.runnable !== false ? (\n          <span\n            className=\"og-model-policy-effort min-w-0 shrink-[9999] truncate\"\n            title={labelReasoningEffort(props.effort)}\n          >\n            {labelReasoningEffort(props.effort)}\n          </span>\n        ) : 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        <ChevronDownIcon className=\"size-3 shrink-0\" />\n      </button>\n\n      {open ? (\n        <Suspense fallback={null}>\n          <LazyModelPolicyPickerMenu\n            {...props}\n            anchor={trigger.currentRef}\n            contentId={contentId}\n            portalStyle={portalStyle}\n            onOpenChange={setOpen}\n          />\n        </Suspense>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","modelDisplayName","modelLogoUrl","SparklesIcon","useState","jsx","jsxs","SparklesIcon","modelLogoUrl","modelDisplayName","useState"]}
+{"version":3,"sources":["../src/components/claude-mark.tsx","../src/components/grok-mark.tsx","../src/components/model-mark.tsx","../src/components/model-policy-picker.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\n/** ClaudeMark: Simple Icons, CC0; https://github.com/simple-icons/simple-icons */\nexport function ClaudeMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z\" />\n    </svg>\n  );\n}\n","import type { SVGProps } from \"react\";\n\n/**\n * MIT License\n *\n * Copyright (c) 2023 LobeHub\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n * Source: https://raw.githubusercontent.com/lobehub/lobe-icons/master/src/Grok/components/Mono.tsx\n */\nexport function GrokMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815\" />\n    </svg>\n  );\n}\n","import {\n  modelDisplayName,\n  modelLogoUrl,\n  modelVendor,\n  type ModelDisplayInput,\n  type ModelVendor,\n} from \"@opengeni/sdk/model-display\";\nimport { SparklesIcon } from \"lucide-react\";\nimport { useState, type ReactNode, type SVGProps } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { ClaudeMark } from \"./claude-mark\";\nimport { GrokMark } from \"./grok-mark\";\n\n/** ChatGPT / OpenAI mark (Simple Icons path), currentColor like the other marks. */\nexport function ChatGptMark(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3653-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8414 3.3698-2.02 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.783-2.7622a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n    </svg>\n  );\n}\n\nconst MARKED_VENDORS: ReadonlySet<ModelVendor> = new Set([\"openai\", \"anthropic\", \"xai\"]);\n\n/** True when `ModelMark` has a real maker logo for this model (not the neutral fallback). */\nexport function modelHasMark(model: ModelDisplayInput): boolean {\n  const vendor = modelVendor(model);\n  return modelLogoUrl(model) !== null || (vendor !== null && MARKED_VENDORS.has(vendor));\n}\n\n/**\n * The catalog's maker logo, with bundled maker logos and a neutral fallback.\n * Makers without a configured or bundled logo get a neutral mark, so an org- and\n * a workspace-connected copy of one model always look the same.\n */\nexport function ModelMark(props: {\n  model: ModelDisplayInput;\n  className?: string | undefined;\n  /** Shown when the maker has no bundled logo. Defaults to a neutral sparkle. */\n  fallback?: ReactNode;\n  \"aria-label\"?: string | undefined;\n}) {\n  const logoUrl = modelLogoUrl(props.model);\n  const [failedUrl, setFailedUrl] = useState<string | null>(null);\n  const vendor = modelVendor(props.model);\n  const className = cn(\"size-3.5 shrink-0\", props.className);\n  const label = props[\"aria-label\"];\n  const a11y = label ? { role: \"img\" as const, \"aria-label\": label } : { \"aria-hidden\": true };\n  const mark =\n    logoUrl && logoUrl !== failedUrl ? (\n      <img\n        src={logoUrl}\n        alt=\"\"\n        className=\"size-full object-contain\"\n        referrerPolicy=\"no-referrer\"\n        onError={() => setFailedUrl(logoUrl)}\n      />\n    ) : vendor === \"openai\" ? (\n      <ChatGptMark className=\"size-full\" />\n    ) : vendor === \"anthropic\" ? (\n      <ClaudeMark className=\"size-full\" />\n    ) : vendor === \"xai\" ? (\n      <GrokMark className=\"size-full\" />\n    ) : props.fallback !== undefined ? (\n      props.fallback\n    ) : (\n      <SparklesIcon className=\"size-full\" aria-hidden />\n    );\n  if (mark === null) return null;\n  return (\n    <span\n      className={cn(\"inline-flex items-center justify-center [&>svg]:size-full\", className)}\n      data-model-vendor={vendor ?? \"unknown\"}\n      {...a11y}\n    >\n      {mark}\n    </span>\n  );\n}\n\n/**\n * A model as people should see it outside model settings: the maker's mark and\n * the clean display name. Never a routing prefix, connection id or scope.\n */\nexport function ModelName(props: {\n  model: ModelDisplayInput;\n  /** Hide the maker mark for dense text-only contexts. */\n  mark?: boolean | undefined;\n  className?: string | undefined;\n  markClassName?: string | undefined;\n}) {\n  const name = modelDisplayName(props.model);\n  return (\n    <span className={cn(\"inline-flex min-w-0 items-center gap-1.5\", props.className)} title={name}>\n      {props.mark === false ? null : (\n        <ModelMark model={props.model} className={props.markClassName} />\n      )}\n      <span className=\"min-w-0 truncate\">{name}</span>\n    </span>\n  );\n}\n","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 { MENU_CHEVRON_CLASS } from \"../lib/menu-styles\";\nimport { usePortalTokenSource, usePortalTokenStyle } from \"../lib/use-portal-token-style\";\nimport {\n  effortOptionsForModel,\n  findPickerRow,\n  labelReasoningEffort,\n  projectClientModelRows,\n  scopedBillingClassLabel,\n  type PickerBillingClass,\n  type PickerModelRow,\n} from \"../model-policy\";\n\nconst LazyModelPolicyPickerMenu = lazy(() =>\n  import(\"./model-policy-picker-menu\").then(({ ModelPolicyPickerPopover }) => ({\n    default: ModelPolicyPickerPopover,\n  })),\n);\n\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Presentation only; never changes model identity, billing or availability. */\nexport type ModelPolicyPickerGroupPresentation = Partial<\n  Record<\n    PickerBillingClass,\n    {\n      label?: string | undefined;\n      /** Omit to preserve the default; null hides the supporting text. */\n      description?: string | null | undefined;\n      /** Decorative, non-interactive content. Omit for the default; null hides it. */\n      icon?: ReactNode | undefined;\n    }\n  >\n>;\n\nexport type ModelPolicyPickerMessages = {\n  label: string;\n  loading: string;\n  noModels: string;\n  connectTitle: string;\n  connectBody: string;\n  connectAction: string;\n  thinking: string;\n  fast: string;\n  fastRateHint: string;\n  codexOnly: string;\n  searchLabel?: string;\n  searchPlaceholder?: string;\n  currentModel?: string;\n  noMatches?: string;\n  unsupportedAttachments?: string;\n  thinkingEffort?: string;\n  selected?: string;\n  free?: string;\n\n  billingHints: Record<PickerBillingClass, string>;\n};\n\nexport const defaultModelPolicyPickerMessages: ModelPolicyPickerMessages = {\n  label: \"Model and effort\",\n  loading: \"Loading model catalog…\",\n  noModels: \"No models available.\",\n  connectTitle: \"Connect a model\",\n  connectBody: \"Use a subscription or a provider key you already have.\",\n  connectAction: \"Open Models\",\n  thinking: \"Thinking\",\n  fast: \"Fast\",\n  fastRateHint: \"2× rate\",\n  codexOnly: \"Codex-only session\",\n  searchLabel: \"Search models or providers\",\n  searchPlaceholder: \"Search models or providers…\",\n  currentModel: \"Current model\",\n  noMatches: \"No matching models. Try a model or provider name.\",\n  unsupportedAttachments: \"This model cannot view the attached images.\",\n  thinkingEffort: \"Thinking effort\",\n  selected: \"Selected\",\n  free: \"Free\",\n\n  billingHints: {\n    opengeni_credits: \"Provided by Opengeni\",\n    external: \"Provider terms and limits apply\",\n    codex_subscription: \"ChatGPT / Codex plan\",\n    supergrok_subscription: \"SuperGrok / xAI plan\",\n    claude_subscription: \"Claude plan\",\n    byok: \"Billed to the connected provider account\",\n    organization_byok: \"Billed to the connected provider account\",\n  },\n};\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  /** 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 labels: Record<PickerBillingClass, string> = {\n    opengeni_credits: \"Models\",\n    external: \"External provider\",\n    codex_subscription: \"Codex\",\n    supergrok_subscription: \"SuperGrok\",\n    claude_subscription: \"Claude\",\n    byok: \"API key\",\n    organization_byok: \"API key\",\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\nfunction isCodexModel(model: ClientModel): boolean {\n  return model.id.startsWith(\"codex/\") || model.source === \"codex\";\n}\n\nfunction billingClassForMissingSelection(modelId: string): PickerBillingClass {\n  if (modelId.startsWith(\"workspace-claude-subscription/\")) return \"claude_subscription\";\n  if (modelId.startsWith(\"workspace-anthropic/\")) return \"byok\";\n  if (modelId.startsWith(\"organization-claude-subscription/\")) return \"claude_subscription\";\n  if (modelId.startsWith(\"organization-anthropic/\")) return \"organization_byok\";\n  if (modelId.startsWith(\"workspace-gateway/\")) return \"byok\";\n  if (modelId.startsWith(\"workspace-openrouter/\")) return \"byok\";\n  // A deployment OpenRouter ID does not encode its workspace-facing cost.\n  // Missing rows therefore use the credits-safe rail instead of falsely\n  // claiming that an unknown former selection was externally funded.\n  if (modelId.startsWith(\"openrouter/\")) return \"opengeni_credits\";\n  if (modelId.startsWith(\"codex/\")) return \"codex_subscription\";\n  if (modelId.startsWith(\"supergrok/\")) return \"supergrok_subscription\";\n  return \"opengeni_credits\";\n}\n\nfunction applyCodexOnly(\n  rows: ClientPickerModelRow[],\n  codexOnly: boolean,\n  unavailableReason: string,\n): ClientPickerModelRow[] {\n  if (!codexOnly) return rows;\n  return rows.map((row) =>\n    isCodexModel(row.catalog)\n      ? row\n      : {\n          ...row,\n          selectable: false,\n          unavailableReason: row.unavailableReason ?? unavailableReason,\n        },\n  );\n}\n\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 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[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: Partial<Record<PickerBillingClass, string>> = {\n  byok: \"Workspace provider account\",\n  organization_byok: \"Organization provider account\",\n};\n\n/** Models settings keeps naming who is billed for a key. */\nexport const SCOPED_BILLING_HINTS: Partial<Record<PickerBillingClass, string>> = {\n  byok: \"Billed to the workspace provider account\",\n  organization_byok: \"Billed to the organization provider account\",\n};\n\n/**\n * Host branding for a payment group. While scopes are collapsed, API keys are\n * one group, so either API-key presentation serves both.\n */\nexport function groupPresentationFor(\n  props: Pick<ModelPolicyPickerProps, \"groupPresentation\" | \"collapseScopes\">,\n  billingClass: PickerBillingClass,\n): ModelPolicyPickerGroupPresentation[PickerBillingClass] {\n  const own = props.groupPresentation?.[billingClass];\n  if (own !== undefined || props.collapseScopes === false) return own;\n  if (billingClass === \"byok\") return props.groupPresentation?.organization_byok;\n  if (billingClass === \"organization_byok\") return props.groupPresentation?.byok;\n  return undefined;\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(props: ModelPolicyPickerProps): ClientPickerModelRow[] {\n  const rows = props.rows !== undefined ? props.rows : projectClientModelRows(props.models ?? []);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return applyCodexOnly(rows, props.codexOnly === true, messages.codexOnly).map((row) => {\n    const scoped =\n      props.collapseScopes === false\n        ? {\n            ...row,\n            label: row.catalog.label,\n            billingClassLabel: scopedBillingClassLabel(row.billingClass),\n          }\n        : row;\n    if (props.collapseScopes === false) {\n      if (row.catalog.shortLabel) scoped.shortLabel = row.catalog.shortLabel;\n      else delete scoped.shortLabel;\n    }\n    const label = groupPresentationFor(props, row.billingClass)?.label;\n    return label === undefined ? scoped : { ...scoped, billingClassLabel: label };\n  });\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 [uncontrolledOpen, setUncontrolledOpen] = useState(props.defaultOpen ?? false);\n  const open = props.open ?? uncontrolledOpen;\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setUncontrolledOpen(next);\n    props.onOpenChange?.(next);\n  };\n  return { open, setOpen, rows: effectiveRows(props) };\n}\n\nexport function ModelPolicyPicker(props: ModelPolicyPickerProps) {\n  const contentId = useId();\n  const trigger = usePortalTokenSource<HTMLButtonElement>();\n  const portalStyle = usePortalTokenStyle(trigger.source);\n  const messages = useMemo(\n    () => ({ ...defaultModelPolicyPickerMessages, ...props.messages }),\n    [props.messages],\n  );\n  const { open, setOpen, rows } = useModelPolicyPickerState(props);\n  const selected = findPickerRow(rows, props.model);\n  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(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          \"og-root og-model-policy-trigger inline-flex h-[var(--og-model-picker-trigger-height)] min-w-0 max-w-64 items-center gap-1 rounded-full border 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:px-2\",\n          // With no usable model the pill is the one thing that unblocks the\n          // composer, so it takes the primary wash.\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\",\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\">\n          {needsModel\n            ? messages.connectTitle\n            : (selected?.shortLabel ?? selected?.label ?? fallbackName(props))}\n        </span>\n        {selected &&\n        !needsModel &&\n        effortOptionsForModel(selected.catalog).length > 1 &&\n        selected.catalog.capabilities?.reasoning.runnable !== false ? (\n          <span\n            className=\"og-model-policy-effort min-w-0 shrink-[9999] truncate\"\n            title={labelReasoningEffort(props.effort)}\n          >\n            {labelReasoningEffort(props.effort)}\n          </span>\n        ) : 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        <ChevronDownIcon className=\"size-3 shrink-0\" />\n      </button>\n\n      {open ? (\n        <Suspense fallback={null}>\n          <LazyModelPolicyPickerMenu\n            {...props}\n            anchor={trigger.currentRef}\n            contentId={contentId}\n            portalStyle={portalStyle}\n            onOpenChange={setOpen}\n          />\n        </Suspense>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","modelDisplayName","modelLogoUrl","SparklesIcon","useState","jsx","jsxs","SparklesIcon","modelLogoUrl","modelDisplayName","useState"]}

package/dist/{chunk-ZYRGEKWS.js → chunk-LJUMYUBO.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/components/timeline-annotation-layout.ts
 var ANNOTATION_BADGE_GAP_PX = 32;
 var ANNOTATION_BADGE_MIN_GAP_PX = 12;
@@ -213,4 +215,4 @@ export {
   scrollAnnotationRowIntoList,
   clampAnnotationDialogPlacement
 };
-//# sourceMappingURL=chunk-ZYRGEKWS.js.map
+//# sourceMappingURL=chunk-LJUMYUBO.js.map

package/dist/{chunk-ZYRGEKWS.js.map → chunk-LJUMYUBO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/timeline-annotation-layout.ts"],"sourcesContent":["export type AnnotationBox = {\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n};\n\nexport type AnnotationBadgeAnchor = {\n  id: string;\n  ordinal: number;\n  left: number;\n  top: number;\n  incomplete: boolean;\n};\n\nexport const ANNOTATION_BADGE_GAP_PX = 32;\nexport const ANNOTATION_BADGE_MIN_GAP_PX = 12;\nexport const ANNOTATION_REVIEW_DIALOG_WIDTH_PX = 400;\nexport const ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX = 32 * 16;\nexport const ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX = 160;\nexport const ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX = 80;\nexport const ANNOTATION_REVIEW_MARGIN_PX = 12;\nexport const ANNOTATION_NOTE_PREVIEW_CHARS = 280;\nexport const ANNOTATION_CARD_STACK_SCROLL_AT = 4;\n\nfunction clampAnnotationAxis(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), Math.max(min, max));\n}\n\nexport function annotationBoxIntersects(a: AnnotationBox, b: AnnotationBox): boolean {\n  return a.left <= b.right && a.right >= b.left && a.top <= b.bottom && a.bottom >= b.top;\n}\n\nexport function annotationViewportBox(\n  viewportWidth: number,\n  viewportHeight: number,\n  scroller?: AnnotationBox | null,\n): AnnotationBox {\n  const viewport: AnnotationBox = {\n    left: 0,\n    top: 0,\n    right: Math.max(1, viewportWidth),\n    bottom: Math.max(1, viewportHeight),\n  };\n  if (!scroller || scroller.right - scroller.left <= 0 || scroller.bottom - scroller.top <= 0) {\n    return viewport;\n  }\n  return {\n    left: Math.max(viewport.left, scroller.left),\n    top: Math.max(viewport.top, scroller.top),\n    right: Math.min(viewport.right, scroller.right),\n    bottom: Math.min(viewport.bottom, scroller.bottom),\n  };\n}\n\nexport function annotationNoteNeedsDisclosure(note: string): boolean {\n  const trimmed = note.trim();\n  if (trimmed.length === 0) return false;\n  return trimmed.length > ANNOTATION_NOTE_PREVIEW_CHARS || trimmed.split(\"\\n\").length > 4;\n}\n\nfunction annotationAxisStops(min: number, max: number, gap: number): number[] {\n  if (max <= min) return [min];\n  const stops: number[] = [];\n  for (let value = min; value <= max + 1e-6; value += gap) {\n    stops.push(value);\n  }\n  return stops;\n}\n\nfunction annotationPointKey(left: number, top: number): string {\n  return `${Math.round(left * 100) / 100},${Math.round(top * 100) / 100}`;\n}\n\nfunction annotationPointFree(\n  left: number,\n  top: number,\n  placed: readonly AnnotationBadgeAnchor[],\n  gap: number,\n): boolean {\n  return placed.every((other) => Math.hypot(left - other.left, top - other.top) >= gap);\n}\n\nexport function annotationBadgePackGap(\n  viewport: AnnotationBox,\n  count: number,\n  preferred = ANNOTATION_BADGE_GAP_PX,\n): number {\n  if (count <= 1) return preferred;\n  const width = Math.max(\n    1,\n    viewport.right - ANNOTATION_REVIEW_MARGIN_PX - (viewport.left + ANNOTATION_REVIEW_MARGIN_PX),\n  );\n  const height = Math.max(1, viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX - (viewport.top + 8));\n  let gap = preferred;\n  const capacity = (step: number) =>\n    (Math.floor(width / step) + 1) * (Math.floor(height / step) + 1);\n  while (gap > ANNOTATION_BADGE_MIN_GAP_PX && capacity(gap) < count) {\n    gap -= 1;\n  }\n  return gap;\n}\n\nconst ANNOTATION_BADGE_SHIFT_DIRS: Array<[number, number]> = [\n  [1, 0],\n  [1, 1],\n  [0, 1],\n  [-1, 1],\n  [-1, 0],\n  [-1, -1],\n  [0, -1],\n  [1, -1],\n];\n\nexport function layoutAnnotationBadges(\n  anchors: readonly AnnotationBadgeAnchor[],\n  viewport: AnnotationBox,\n  preferredGap = ANNOTATION_BADGE_GAP_PX,\n): AnnotationBadgeAnchor[] {\n  const minLeft = viewport.left + ANNOTATION_REVIEW_MARGIN_PX;\n  const maxLeft = viewport.right - ANNOTATION_REVIEW_MARGIN_PX;\n  const minTop = viewport.top + 8;\n  const maxTop = viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX;\n  const gap = annotationBadgePackGap(viewport, anchors.length, preferredGap);\n  const cells = annotationAxisStops(minLeft, maxLeft, gap).flatMap((left) =>\n    annotationAxisStops(minTop, maxTop, gap).map((top) => ({ left, top })),\n  );\n  const placed: AnnotationBadgeAnchor[] = [];\n  for (const anchor of [...anchors].sort((left, right) => left.ordinal - right.ordinal)) {\n    const originLeft = clampAnnotationAxis(anchor.left, minLeft, maxLeft);\n    const originTop = clampAnnotationAxis(anchor.top, minTop, maxTop);\n    const seen = new Set<string>();\n    const candidates: Array<{ left: number; top: number }> = [];\n    const pushCandidate = (left: number, top: number) => {\n      if (left < minLeft || left > maxLeft || top < minTop || top > maxTop) return;\n      const key = annotationPointKey(left, top);\n      if (seen.has(key)) return;\n      seen.add(key);\n      candidates.push({ left, top });\n    };\n    pushCandidate(originLeft, originTop);\n    for (const [dx, dy] of ANNOTATION_BADGE_SHIFT_DIRS) {\n      const colliders = [...placed].sort(\n        (left, right) => right.left * dx + right.top * dy - (left.left * dx + left.top * dy),\n      );\n      for (const collider of colliders) {\n        pushCandidate(collider.left + dx * gap, collider.top + dy * gap);\n      }\n    }\n    const maxRadius =\n      Math.ceil(Math.max(maxLeft - minLeft, maxTop - minTop) / Math.max(gap, 1)) + 1;\n    for (let radius = 1; radius <= maxRadius; radius++) {\n      const ring: Array<[number, number]> = [];\n      for (let dx = -radius; dx <= radius; dx++) {\n        for (let dy = -radius; dy <= radius; dy++) {\n          if (Math.max(Math.abs(dx), Math.abs(dy)) !== radius) continue;\n          ring.push([dx, dy]);\n        }\n      }\n      ring.sort((left, right) => {\n        const leftDir = (left[0] < 0 ? 2 : 0) + (left[1] < 0 ? 1 : 0);\n        const rightDir = (right[0] < 0 ? 2 : 0) + (right[1] < 0 ? 1 : 0);\n        if (leftDir !== rightDir) return leftDir - rightDir;\n        const hypot = Math.hypot(left[0], left[1]) - Math.hypot(right[0], right[1]);\n        if (hypot !== 0) return hypot;\n        if (left[0] !== right[0]) return right[0] - left[0];\n        return left[1] - right[1];\n      });\n      for (const [dx, dy] of ring) {\n        pushCandidate(originLeft + dx * gap, originTop + dy * gap);\n      }\n    }\n    for (const cell of cells) {\n      pushCandidate(cell.left, cell.top);\n    }\n    const free = candidates.find((point) =>\n      annotationPointFree(point.left, point.top, placed, gap),\n    );\n    let chosen = free ?? candidates[0]!;\n    if (!free && placed.length > 0) {\n      let bestMin = Number.NEGATIVE_INFINITY;\n      for (const point of candidates) {\n        const minDist = placed.reduce(\n          (current, other) =>\n            Math.min(current, Math.hypot(point.left - other.left, point.top - other.top)),\n          Number.POSITIVE_INFINITY,\n        );\n        if (minDist > bestMin) {\n          bestMin = minDist;\n          chosen = point;\n        }\n      }\n    }\n    placed.push({ ...anchor, left: chosen.left, top: chosen.top });\n  }\n  return placed;\n}\n\nexport function scrollAnnotationRowIntoList(\n  list: HTMLElement | null | undefined,\n  row: HTMLElement | null | undefined,\n): void {\n  if (!list || !row || !list.contains(row)) return;\n  const listRect = list.getBoundingClientRect();\n  const rowRect = row.getBoundingClientRect();\n  if (rowRect.top < listRect.top) {\n    list.scrollTop -= listRect.top - rowRect.top;\n    return;\n  }\n  if (rowRect.bottom > listRect.bottom) {\n    list.scrollTop += rowRect.bottom - listRect.bottom;\n  }\n}\n\nexport function clampAnnotationDialogPlacement(input: {\n  triggerLeft: number;\n  triggerTop: number;\n  triggerBottom: number;\n  contentHeight: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  panelWidth?: number;\n}): {\n  left: number;\n  top: number;\n  maxHeight: number;\n  above: boolean;\n} {\n  const margin = ANNOTATION_REVIEW_MARGIN_PX;\n  const panelWidth = Math.min(\n    input.panelWidth ?? ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n    Math.max(1, input.viewportWidth - margin * 2),\n  );\n  const left = Math.min(\n    Math.max(margin, input.triggerLeft),\n    Math.max(margin, input.viewportWidth - panelWidth - margin),\n  );\n  const spaceBelow = input.viewportHeight - input.triggerBottom - margin;\n  const spaceAbove = input.triggerTop - margin;\n  const above = spaceBelow < Math.min(input.contentHeight, 200) && spaceAbove > spaceBelow;\n  const viewportBudget = Math.max(\n    ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX,\n    input.viewportHeight - margin * 2,\n  );\n  const available = Math.max(\n    Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget),\n    above ? spaceAbove : spaceBelow,\n  );\n  let maxHeight = Math.min(\n    Math.max(input.contentHeight, Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget)),\n    available,\n    Math.floor(input.viewportHeight * 0.7) || viewportBudget,\n    ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX,\n    viewportBudget,\n  );\n  let top = above\n    ? Math.max(margin, input.triggerTop - 8 - maxHeight)\n    : Math.min(\n        input.triggerBottom + 8,\n        Math.max(margin, input.viewportHeight - margin - maxHeight),\n      );\n  top = Math.max(margin, top);\n  maxHeight = Math.min(\n    maxHeight,\n    Math.max(ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX, input.viewportHeight - margin - top),\n  );\n  return { left, top, maxHeight, above };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/timeline-annotation-layout.ts"],"sourcesContent":["export type AnnotationBox = {\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n};\n\nexport type AnnotationBadgeAnchor = {\n  id: string;\n  ordinal: number;\n  left: number;\n  top: number;\n  incomplete: boolean;\n};\n\nexport const ANNOTATION_BADGE_GAP_PX = 32;\nexport const ANNOTATION_BADGE_MIN_GAP_PX = 12;\nexport const ANNOTATION_REVIEW_DIALOG_WIDTH_PX = 400;\nexport const ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX = 32 * 16;\nexport const ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX = 160;\nexport const ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX = 80;\nexport const ANNOTATION_REVIEW_MARGIN_PX = 12;\nexport const ANNOTATION_NOTE_PREVIEW_CHARS = 280;\nexport const ANNOTATION_CARD_STACK_SCROLL_AT = 4;\n\nfunction clampAnnotationAxis(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), Math.max(min, max));\n}\n\nexport function annotationBoxIntersects(a: AnnotationBox, b: AnnotationBox): boolean {\n  return a.left <= b.right && a.right >= b.left && a.top <= b.bottom && a.bottom >= b.top;\n}\n\nexport function annotationViewportBox(\n  viewportWidth: number,\n  viewportHeight: number,\n  scroller?: AnnotationBox | null,\n): AnnotationBox {\n  const viewport: AnnotationBox = {\n    left: 0,\n    top: 0,\n    right: Math.max(1, viewportWidth),\n    bottom: Math.max(1, viewportHeight),\n  };\n  if (!scroller || scroller.right - scroller.left <= 0 || scroller.bottom - scroller.top <= 0) {\n    return viewport;\n  }\n  return {\n    left: Math.max(viewport.left, scroller.left),\n    top: Math.max(viewport.top, scroller.top),\n    right: Math.min(viewport.right, scroller.right),\n    bottom: Math.min(viewport.bottom, scroller.bottom),\n  };\n}\n\nexport function annotationNoteNeedsDisclosure(note: string): boolean {\n  const trimmed = note.trim();\n  if (trimmed.length === 0) return false;\n  return trimmed.length > ANNOTATION_NOTE_PREVIEW_CHARS || trimmed.split(\"\\n\").length > 4;\n}\n\nfunction annotationAxisStops(min: number, max: number, gap: number): number[] {\n  if (max <= min) return [min];\n  const stops: number[] = [];\n  for (let value = min; value <= max + 1e-6; value += gap) {\n    stops.push(value);\n  }\n  return stops;\n}\n\nfunction annotationPointKey(left: number, top: number): string {\n  return `${Math.round(left * 100) / 100},${Math.round(top * 100) / 100}`;\n}\n\nfunction annotationPointFree(\n  left: number,\n  top: number,\n  placed: readonly AnnotationBadgeAnchor[],\n  gap: number,\n): boolean {\n  return placed.every((other) => Math.hypot(left - other.left, top - other.top) >= gap);\n}\n\nexport function annotationBadgePackGap(\n  viewport: AnnotationBox,\n  count: number,\n  preferred = ANNOTATION_BADGE_GAP_PX,\n): number {\n  if (count <= 1) return preferred;\n  const width = Math.max(\n    1,\n    viewport.right - ANNOTATION_REVIEW_MARGIN_PX - (viewport.left + ANNOTATION_REVIEW_MARGIN_PX),\n  );\n  const height = Math.max(1, viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX - (viewport.top + 8));\n  let gap = preferred;\n  const capacity = (step: number) =>\n    (Math.floor(width / step) + 1) * (Math.floor(height / step) + 1);\n  while (gap > ANNOTATION_BADGE_MIN_GAP_PX && capacity(gap) < count) {\n    gap -= 1;\n  }\n  return gap;\n}\n\nconst ANNOTATION_BADGE_SHIFT_DIRS: Array<[number, number]> = [\n  [1, 0],\n  [1, 1],\n  [0, 1],\n  [-1, 1],\n  [-1, 0],\n  [-1, -1],\n  [0, -1],\n  [1, -1],\n];\n\nexport function layoutAnnotationBadges(\n  anchors: readonly AnnotationBadgeAnchor[],\n  viewport: AnnotationBox,\n  preferredGap = ANNOTATION_BADGE_GAP_PX,\n): AnnotationBadgeAnchor[] {\n  const minLeft = viewport.left + ANNOTATION_REVIEW_MARGIN_PX;\n  const maxLeft = viewport.right - ANNOTATION_REVIEW_MARGIN_PX;\n  const minTop = viewport.top + 8;\n  const maxTop = viewport.bottom - ANNOTATION_REVIEW_MARGIN_PX;\n  const gap = annotationBadgePackGap(viewport, anchors.length, preferredGap);\n  const cells = annotationAxisStops(minLeft, maxLeft, gap).flatMap((left) =>\n    annotationAxisStops(minTop, maxTop, gap).map((top) => ({ left, top })),\n  );\n  const placed: AnnotationBadgeAnchor[] = [];\n  for (const anchor of [...anchors].sort((left, right) => left.ordinal - right.ordinal)) {\n    const originLeft = clampAnnotationAxis(anchor.left, minLeft, maxLeft);\n    const originTop = clampAnnotationAxis(anchor.top, minTop, maxTop);\n    const seen = new Set<string>();\n    const candidates: Array<{ left: number; top: number }> = [];\n    const pushCandidate = (left: number, top: number) => {\n      if (left < minLeft || left > maxLeft || top < minTop || top > maxTop) return;\n      const key = annotationPointKey(left, top);\n      if (seen.has(key)) return;\n      seen.add(key);\n      candidates.push({ left, top });\n    };\n    pushCandidate(originLeft, originTop);\n    for (const [dx, dy] of ANNOTATION_BADGE_SHIFT_DIRS) {\n      const colliders = [...placed].sort(\n        (left, right) => right.left * dx + right.top * dy - (left.left * dx + left.top * dy),\n      );\n      for (const collider of colliders) {\n        pushCandidate(collider.left + dx * gap, collider.top + dy * gap);\n      }\n    }\n    const maxRadius =\n      Math.ceil(Math.max(maxLeft - minLeft, maxTop - minTop) / Math.max(gap, 1)) + 1;\n    for (let radius = 1; radius <= maxRadius; radius++) {\n      const ring: Array<[number, number]> = [];\n      for (let dx = -radius; dx <= radius; dx++) {\n        for (let dy = -radius; dy <= radius; dy++) {\n          if (Math.max(Math.abs(dx), Math.abs(dy)) !== radius) continue;\n          ring.push([dx, dy]);\n        }\n      }\n      ring.sort((left, right) => {\n        const leftDir = (left[0] < 0 ? 2 : 0) + (left[1] < 0 ? 1 : 0);\n        const rightDir = (right[0] < 0 ? 2 : 0) + (right[1] < 0 ? 1 : 0);\n        if (leftDir !== rightDir) return leftDir - rightDir;\n        const hypot = Math.hypot(left[0], left[1]) - Math.hypot(right[0], right[1]);\n        if (hypot !== 0) return hypot;\n        if (left[0] !== right[0]) return right[0] - left[0];\n        return left[1] - right[1];\n      });\n      for (const [dx, dy] of ring) {\n        pushCandidate(originLeft + dx * gap, originTop + dy * gap);\n      }\n    }\n    for (const cell of cells) {\n      pushCandidate(cell.left, cell.top);\n    }\n    const free = candidates.find((point) =>\n      annotationPointFree(point.left, point.top, placed, gap),\n    );\n    let chosen = free ?? candidates[0]!;\n    if (!free && placed.length > 0) {\n      let bestMin = Number.NEGATIVE_INFINITY;\n      for (const point of candidates) {\n        const minDist = placed.reduce(\n          (current, other) =>\n            Math.min(current, Math.hypot(point.left - other.left, point.top - other.top)),\n          Number.POSITIVE_INFINITY,\n        );\n        if (minDist > bestMin) {\n          bestMin = minDist;\n          chosen = point;\n        }\n      }\n    }\n    placed.push({ ...anchor, left: chosen.left, top: chosen.top });\n  }\n  return placed;\n}\n\nexport function scrollAnnotationRowIntoList(\n  list: HTMLElement | null | undefined,\n  row: HTMLElement | null | undefined,\n): void {\n  if (!list || !row || !list.contains(row)) return;\n  const listRect = list.getBoundingClientRect();\n  const rowRect = row.getBoundingClientRect();\n  if (rowRect.top < listRect.top) {\n    list.scrollTop -= listRect.top - rowRect.top;\n    return;\n  }\n  if (rowRect.bottom > listRect.bottom) {\n    list.scrollTop += rowRect.bottom - listRect.bottom;\n  }\n}\n\nexport function clampAnnotationDialogPlacement(input: {\n  triggerLeft: number;\n  triggerTop: number;\n  triggerBottom: number;\n  contentHeight: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  panelWidth?: number;\n}): {\n  left: number;\n  top: number;\n  maxHeight: number;\n  above: boolean;\n} {\n  const margin = ANNOTATION_REVIEW_MARGIN_PX;\n  const panelWidth = Math.min(\n    input.panelWidth ?? ANNOTATION_REVIEW_DIALOG_WIDTH_PX,\n    Math.max(1, input.viewportWidth - margin * 2),\n  );\n  const left = Math.min(\n    Math.max(margin, input.triggerLeft),\n    Math.max(margin, input.viewportWidth - panelWidth - margin),\n  );\n  const spaceBelow = input.viewportHeight - input.triggerBottom - margin;\n  const spaceAbove = input.triggerTop - margin;\n  const above = spaceBelow < Math.min(input.contentHeight, 200) && spaceAbove > spaceBelow;\n  const viewportBudget = Math.max(\n    ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX,\n    input.viewportHeight - margin * 2,\n  );\n  const available = Math.max(\n    Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget),\n    above ? spaceAbove : spaceBelow,\n  );\n  let maxHeight = Math.min(\n    Math.max(input.contentHeight, Math.min(ANNOTATION_REVIEW_DIALOG_MIN_HEIGHT_PX, viewportBudget)),\n    available,\n    Math.floor(input.viewportHeight * 0.7) || viewportBudget,\n    ANNOTATION_REVIEW_DIALOG_MAX_HEIGHT_PX,\n    viewportBudget,\n  );\n  let top = above\n    ? Math.max(margin, input.triggerTop - 8 - maxHeight)\n    : Math.min(\n        input.triggerBottom + 8,\n        Math.max(margin, input.viewportHeight - margin - maxHeight),\n      );\n  top = Math.max(margin, top);\n  maxHeight = Math.min(\n    maxHeight,\n    Math.max(ANNOTATION_REVIEW_DIALOG_FLOOR_HEIGHT_PX, input.viewportHeight - margin - top),\n  );\n  return { left, top, maxHeight, above };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-4RVYOY4O.js → chunk-LSW2OJVV.js}

@@ -1,9 +1,10 @@
+"use client";
 import {
   codeEditorPeers
-} from "./chunk-JT4JW7BC.js";
+} from "./chunk-5I4VRWBB.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/components/code-editor.tsx
 import { Loader2Icon, SaveIcon } from "lucide-react";
@@ -376,4 +377,4 @@ export {
   languageForPath,
   CodeEditor
 };
-//# sourceMappingURL=chunk-4RVYOY4O.js.map
+//# sourceMappingURL=chunk-LSW2OJVV.js.map

package/dist/{chunk-4RVYOY4O.js.map → chunk-LSW2OJVV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/code-editor.tsx"],"sourcesContent":["import { Loader2Icon, SaveIcon } from \"lucide-react\";\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { codeEditorPeers, type CodeEditorLanguage } from \"../lib/workbench-peers\";\n\n// --- Lazy CodeMirror surface ----------------------------------------------\n//\n// CodeMirror 6 (via @uiw/react-codemirror) plus the per-language grammars are a\n// heavy bundle (lezer parsers, the view layer). We keep them OFF the critical\n// path and out of any SSR bundle by lazy-importing only when a file is actually\n// EDITED. The read-only viewer stays Pierre's Shiki `File`; this is the\n// editable complement, mounted on demand.\n\n/** The subset of `@uiw/react-codemirror`'s props we drive. */\ntype ReactCodeMirrorComponent = ComponentType<{\n  value?: string;\n  height?: string;\n  theme?: \"light\" | \"dark\" | \"none\" | unknown;\n  editable?: boolean;\n  readOnly?: boolean;\n  basicSetup?: boolean | Record<string, boolean>;\n  extensions?: unknown[];\n  onChange?: ((value: string) => void) | undefined;\n  className?: string;\n  style?: CSSProperties;\n}>;\n\n// Resolved lazily on first edit: the editor component + the keymap/Prec helpers\n// (both re-exported from @uiw/react-codemirror, which re-exports @codemirror/view\n// and @codemirror/state) + the chosen language extension.\ntype EditorBundle = {\n  Editor: ReactCodeMirrorComponent;\n  saveKeymapExtension: (onSave: () => void) => unknown;\n  languageExtension: unknown | null;\n};\n\n/** Map a filename to a grammar key (or null for plain text — still fully editable). */\nexport function languageForPath(path: string): string | null {\n  const name = path.split(\"/\").pop() ?? path;\n  const ext = name.includes(\".\") ? (name.split(\".\").pop() ?? \"\").toLowerCase() : \"\";\n  switch (ext) {\n    case \"js\":\n    case \"jsx\":\n    case \"ts\":\n    case \"tsx\":\n    case \"mjs\":\n    case \"cjs\":\n      return \"javascript\";\n    case \"json\":\n    case \"jsonc\":\n      return \"json\";\n    case \"py\":\n    case \"pyi\":\n      return \"python\";\n    case \"md\":\n    case \"markdown\":\n    case \"mdx\":\n      return \"markdown\";\n    case \"css\":\n    case \"scss\":\n    case \"less\":\n      return \"css\";\n    case \"html\":\n    case \"htm\":\n    case \"xml\":\n    case \"svg\":\n    case \"vue\":\n      return \"html\";\n    default:\n      return null;\n  }\n}\n\nexport type CodeEditorProps = {\n  /** Workspace-relative path — drives language inference (and the save target upstream). */\n  path: string;\n  /** The decoded text contents to seed the editor with. */\n  initialContents: string;\n  /**\n   * Persist the current buffer against the exact contents it was edited from.\n   * The second argument is the immutable compare-and-swap baseline; hosts must\n   * not replace it with a newer remote snapshot or concurrent writes can be\n   * silently overwritten.\n   */\n  onSave: (contents: string, expectedContents: string) => Promise<unknown>;\n  /** Explicitly overwrite after a visible expected-content conflict. */\n  onOverwrite?: ((contents: string) => Promise<unknown>) | undefined;\n  /** Re-read the selected file after a visible save conflict. */\n  onReload?: (() => void) | undefined;\n  /** Fired once when the buffer FIRST diverges from its baseline (the first real\n   *  keystroke) — the wake-on-edit intent. The host warms the box on this so the\n   *  eventual save lands fast; merely opening the file for reading never fires it. */\n  onEditIntent?: (() => void) | undefined;\n  /** Read-only mode (e.g. a truncated/too-large file shown for reference only). */\n  readOnly?: boolean | undefined;\n  themeType?: \"dark\" | \"light\" | undefined;\n  /** Rendered while the (lazy) CodeMirror bundle loads. */\n  loading?: ReactNode | undefined;\n  /** Rendered if `@uiw/react-codemirror` is not installed / fails to import. */\n  fallback?: ReactNode | undefined;\n  className?: string | undefined;\n};\n\nexport type EditorBufferState = {\n  path: string;\n  value: string;\n  baseline: string;\n};\n\n/**\n * Reconcile a remote file snapshot without destroying unsaved local work.\n *\n * A different path is a new document and always resets. For the same path, a\n * clean editor follows the remote snapshot while a dirty editor retains both\n * its local value and the original CAS baseline. The eventual save will then\n * either succeed against that baseline or surface a typed conflict.\n */\nexport function reconcileEditorBuffer(\n  current: EditorBufferState,\n  incoming: { path: string; contents: string },\n): EditorBufferState {\n  if (current.path === incoming.path && current.value !== current.baseline) {\n    return current;\n  }\n  if (\n    current.path === incoming.path &&\n    current.value === incoming.contents &&\n    current.baseline === incoming.contents\n  ) {\n    return current;\n  }\n  return {\n    path: incoming.path,\n    value: incoming.contents,\n    baseline: incoming.contents,\n  };\n}\n\n/**\n * The EDITABLE single-file pane: CodeMirror 6 with a per-language grammar chosen\n * from the filename, og-* themed, with dirty tracking and a save path wired to\n * `Cmd/Ctrl+S` *and* an explicit Save button. The viewer (Pierre `File`) stays\n * the read-only complement — this is only mounted when the user opts to edit.\n *\n * Save semantics: the buffer is \"dirty\" the moment it diverges from the last\n * saved baseline; a successful `onSave` clears dirty and re-baselines. A failed\n * save keeps the buffer dirty (nothing is lost) and surfaces the error inline.\n * `readOnly` suppresses every mutation path so a truncated/binary file can never\n * be saved back (which would corrupt it by writing the truncated prefix).\n */\nexport function CodeEditor({\n  path,\n  initialContents,\n  onSave,\n  onOverwrite,\n  onReload,\n  onEditIntent,\n  readOnly = false,\n  themeType = \"dark\",\n  loading,\n  fallback,\n  className,\n}: CodeEditorProps) {\n  const [failed, setFailed] = useState(false);\n  const [bundle, setBundle] = useState<EditorBundle | null>(null);\n  const peerRevision = useSyncExternalStore(\n    codeEditorPeers.subscribe,\n    codeEditorPeers.revision,\n    codeEditorPeers.revision,\n  );\n\n  // The live buffer and its compare-and-swap baseline are one state value so a\n  // remote refresh cannot update one without the other.\n  const [buffer, setBuffer] = useState<EditorBufferState>(() => ({\n    path,\n    value: initialContents,\n    baseline: initialContents,\n  }));\n  const { value, baseline } = buffer;\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState<Error | null>(null);\n  const [savedTick, setSavedTick] = useState(false);\n  const saveInFlightRef = useRef(false);\n\n  const dirty = value !== baseline;\n  const saveConflict =\n    saveError !== null && (saveError as Error & { code?: unknown }).code === \"file_write_conflict\";\n\n  // Follow path changes and clean same-file refreshes. Dirty same-file buffers\n  // intentionally ignore remote snapshots: the original baseline must survive\n  // until guarded save, explicit reload, or navigation.\n  const editIntentFiredRef = useRef(false);\n  useEffect(() => {\n    setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));\n  }, [path, initialContents]);\n\n  // A new document is a new edit-intent/error lifecycle. The normal\n  // SandboxFiles host also keys the component by path; this keeps standalone\n  // consumers correct without relying on that implementation detail.\n  useEffect(() => {\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n  }, [path]);\n\n  // Record a buffer change: the FIRST divergence from the baseline is the edit\n  // intent that warms the box (idempotent — latched per opened file).\n  const noteEdit = useCallback(\n    (next: string) => {\n      setBuffer((current) => ({ ...current, value: next }));\n      setSavedTick(false);\n      if (!editIntentFiredRef.current && next !== baseline) {\n        editIntentFiredRef.current = true;\n        onEditIntent?.();\n      }\n    },\n    [baseline, onEditIntent],\n  );\n\n  // Resolve the lazy bundle (editor + keymap/Prec helpers + language grammar)\n  // once, re-resolving the grammar when the file's language class changes.\n  const langKey = useMemo(() => languageForPath(path) as CodeEditorLanguage | null, [path]);\n  useEffect(() => {\n    let cancelled = false;\n    void (async () => {\n      try {\n        const peers = await codeEditorPeers.load();\n        const cmMod = peers.module as {\n          default: ReactCodeMirrorComponent;\n          keymap: { of: (binds: unknown[]) => unknown };\n          Prec: { highest: (ext: unknown) => unknown };\n        };\n        // Language peers are optional. A missing grammar must degrade to a plain\n        // CodeMirror document, not throw the entire editor down to textarea.\n        let languageExtension: unknown | null = null;\n        if (langKey) {\n          try {\n            languageExtension = (await peers.languages?.[langKey]?.()) ?? null;\n          } catch {\n            languageExtension = null;\n          }\n        }\n        if (cancelled) return;\n        // A high-precedence Cmd/Ctrl-S keymap that calls back into the latest\n        // save handler (kept fresh via a ref) and swallows the browser's\n        // \"save page\" default.\n        const saveKeymapExtension = (run: () => void) =>\n          cmMod.Prec.highest(\n            cmMod.keymap.of([\n              {\n                key: \"Mod-s\",\n                preventDefault: true,\n                run: () => {\n                  run();\n                  return true;\n                },\n              },\n            ]),\n          );\n        setBundle({\n          Editor: cmMod.default,\n          saveKeymapExtension,\n          languageExtension,\n        });\n        setFailed(false);\n      } catch {\n        if (!cancelled) setFailed(true);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [langKey, peerRevision]);\n\n  // Keep the freshest save closure reachable from the (stable) keymap binding.\n  const saveRef = useRef<() => void>(() => {});\n\n  const save = useCallback(async () => {\n    if (readOnly || saveInFlightRef.current) return;\n    // Snapshot the buffer at call time so an in-flight edit can't race the write.\n    const snapshot = value;\n    if (snapshot === baseline) return; // nothing to persist\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onSave(snapshot, baseline);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, value, baseline, onSave, path]);\n\n  const overwrite = useCallback(async () => {\n    if (readOnly || !onOverwrite || saveInFlightRef.current) return;\n    const snapshot = value;\n    if (snapshot === baseline) return;\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onOverwrite(snapshot);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, onOverwrite, value, baseline, path]);\n\n  saveRef.current = () => {\n    void save();\n  };\n\n  // A brief \"Saved\" affordance after a successful write, cleared on the next edit.\n  useEffect(() => {\n    if (!savedTick) return;\n    const t = setTimeout(() => setSavedTick(false), 1800);\n    return () => clearTimeout(t);\n  }, [savedTick]);\n\n  const fileName = path.split(\"/\").filter(Boolean).pop() ?? path;\n\n  const cmExtensions = useMemo(() => {\n    if (!bundle) return [] as unknown[];\n    const exts: unknown[] = [bundle.saveKeymapExtension(() => saveRef.current())];\n    if (bundle.languageExtension) exts.push(bundle.languageExtension);\n    return exts;\n  }, [bundle]);\n\n  const Editor = bundle?.Editor;\n\n  const reload = useCallback(() => {\n    setBuffer({ path, value: initialContents, baseline: initialContents });\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n    onReload?.();\n  }, [initialContents, onReload, path]);\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 flex-col\", className)}\n      data-opengeni-code-editor\n      data-opengeni-editor-dirty={dirty ? \"true\" : \"false\"}\n      style={editorVars}\n    >\n      {/* Save bar: dirty indicator + status + the explicit Save button. */}\n      <div className=\"flex min-h-9 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1\">\n        <span\n          className={cn(\n            \"size-1.5 shrink-0 rounded-full transition-colors\",\n            readOnly ? \"bg-transparent\" : dirty ? \"bg-og-status-running\" : \"bg-og-status-idle\",\n          )}\n          title={readOnly ? \"read-only\" : dirty ? \"unsaved changes\" : \"saved\"}\n        />\n        <span className=\"truncate font-og-mono text-og-xs text-og-fg-muted\">\n          {fileName}\n          {dirty && !readOnly ? \" •\" : \"\"}\n        </span>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {saveError && !saveConflict && (\n            <span\n              className=\"max-w-[220px] truncate text-og-xs text-og-status-failed\"\n              title={saveError.message}\n            >\n              {saveError.message}\n            </span>\n          )}\n          {!saveError && savedTick && !dirty && (\n            <span className=\"text-og-xs text-og-status-idle\">Saved</span>\n          )}\n          {readOnly ? (\n            <span className=\"text-og-xs uppercase tracking-wide text-og-fg-subtle\">Read-only</span>\n          ) : !saveConflict ? (\n            <button\n              type=\"button\"\n              onClick={() => void save()}\n              disabled={saving || !dirty}\n              className={cn(\n                \"flex items-center gap-1 rounded-og-sm border border-og-border px-1.5 py-0.5 text-og-xs pointer-coarse:min-h-11\",\n                saving || !dirty\n                  ? \"cursor-default text-og-fg-subtle opacity-60\"\n                  : \"text-og-fg hover:bg-og-accent-soft\",\n              )}\n              title=\"Save (⌘/Ctrl+S)\"\n            >\n              {saving ? (\n                <Loader2Icon className=\"size-3 animate-spin\" />\n              ) : (\n                <SaveIcon className=\"size-3\" />\n              )}\n              Save\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {saveConflict ? (\n        <div\n          className=\"flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b border-og-status-failed/25 bg-og-status-failed/8 px-2 py-2\"\n          role=\"alert\"\n        >\n          <div className=\"min-w-[12rem] flex-1 text-og-xs text-og-fg-muted\">\n            <span className=\"font-medium text-og-status-failed\">File changed on machine.</span>{\" \"}\n            Reloading discards your edits; overwriting replaces the live version.\n          </div>\n          <div className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n            {onReload ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  reload();\n                }}\n                className=\"min-h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11\"\n              >\n                Reload live\n              </button>\n            ) : null}\n            {onOverwrite ? (\n              <button\n                type=\"button\"\n                onClick={() => void overwrite()}\n                disabled={saving}\n                className=\"min-h-8 rounded-og-sm border border-og-status-failed/40 px-2 text-og-xs font-medium text-og-status-failed hover:bg-og-status-failed/10 disabled:opacity-50 pointer-coarse:min-h-11\"\n              >\n                Overwrite\n              </button>\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n\n      {/* The editor surface. */}\n      <div className=\"min-h-0 flex-1 overflow-auto\">\n        {failed ? (\n          (fallback ?? (\n            <PlainTextarea\n              value={value}\n              readOnly={readOnly}\n              onChange={noteEdit}\n              onSave={() => void save()}\n            />\n          ))\n        ) : Editor ? (\n          <Editor\n            value={value}\n            theme={themeType === \"light\" ? \"light\" : \"dark\"}\n            editable={!readOnly}\n            readOnly={readOnly}\n            basicSetup={true}\n            extensions={cmExtensions}\n            height=\"100%\"\n            className=\"og-cm-editor min-h-full text-og-sm\"\n            onChange={readOnly ? undefined : noteEdit}\n          />\n        ) : (\n          (loading ?? <EditorSkeleton />)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** og-* themed CSS-var overrides handed to CodeMirror's container. */\nconst editorVars = {\n  \"--og-cm-bg\": \"var(--og-color-bg)\",\n  fontFamily: \"var(--og-font-mono)\",\n} as CSSProperties;\n\nfunction PlainTextarea({\n  value,\n  readOnly,\n  onChange,\n  onSave,\n}: {\n  value: string;\n  readOnly: boolean;\n  onChange: (value: string) => void;\n  onSave: () => void;\n}) {\n  return (\n    <textarea\n      value={value}\n      readOnly={readOnly}\n      spellCheck={false}\n      onChange={(e) => onChange(e.target.value)}\n      onKeyDown={(event) => {\n        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n          event.preventDefault();\n          onSave();\n        }\n      }}\n      aria-label=\"Plain text file editor\"\n      className=\"h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden\"\n    />\n  );\n}\n\nfunction EditorSkeleton() {\n  return <div className=\"p-3 text-og-sm text-og-fg-subtle\">Loading editor…</div>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/code-editor.tsx"],"sourcesContent":["import { Loader2Icon, SaveIcon } from \"lucide-react\";\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { codeEditorPeers, type CodeEditorLanguage } from \"../lib/workbench-peers\";\n\n// --- Lazy CodeMirror surface ----------------------------------------------\n//\n// CodeMirror 6 (via @uiw/react-codemirror) plus the per-language grammars are a\n// heavy bundle (lezer parsers, the view layer). We keep them OFF the critical\n// path and out of any SSR bundle by lazy-importing only when a file is actually\n// EDITED. The read-only viewer stays Pierre's Shiki `File`; this is the\n// editable complement, mounted on demand.\n\n/** The subset of `@uiw/react-codemirror`'s props we drive. */\ntype ReactCodeMirrorComponent = ComponentType<{\n  value?: string;\n  height?: string;\n  theme?: \"light\" | \"dark\" | \"none\" | unknown;\n  editable?: boolean;\n  readOnly?: boolean;\n  basicSetup?: boolean | Record<string, boolean>;\n  extensions?: unknown[];\n  onChange?: ((value: string) => void) | undefined;\n  className?: string;\n  style?: CSSProperties;\n}>;\n\n// Resolved lazily on first edit: the editor component + the keymap/Prec helpers\n// (both re-exported from @uiw/react-codemirror, which re-exports @codemirror/view\n// and @codemirror/state) + the chosen language extension.\ntype EditorBundle = {\n  Editor: ReactCodeMirrorComponent;\n  saveKeymapExtension: (onSave: () => void) => unknown;\n  languageExtension: unknown | null;\n};\n\n/** Map a filename to a grammar key (or null for plain text — still fully editable). */\nexport function languageForPath(path: string): string | null {\n  const name = path.split(\"/\").pop() ?? path;\n  const ext = name.includes(\".\") ? (name.split(\".\").pop() ?? \"\").toLowerCase() : \"\";\n  switch (ext) {\n    case \"js\":\n    case \"jsx\":\n    case \"ts\":\n    case \"tsx\":\n    case \"mjs\":\n    case \"cjs\":\n      return \"javascript\";\n    case \"json\":\n    case \"jsonc\":\n      return \"json\";\n    case \"py\":\n    case \"pyi\":\n      return \"python\";\n    case \"md\":\n    case \"markdown\":\n    case \"mdx\":\n      return \"markdown\";\n    case \"css\":\n    case \"scss\":\n    case \"less\":\n      return \"css\";\n    case \"html\":\n    case \"htm\":\n    case \"xml\":\n    case \"svg\":\n    case \"vue\":\n      return \"html\";\n    default:\n      return null;\n  }\n}\n\nexport type CodeEditorProps = {\n  /** Workspace-relative path — drives language inference (and the save target upstream). */\n  path: string;\n  /** The decoded text contents to seed the editor with. */\n  initialContents: string;\n  /**\n   * Persist the current buffer against the exact contents it was edited from.\n   * The second argument is the immutable compare-and-swap baseline; hosts must\n   * not replace it with a newer remote snapshot or concurrent writes can be\n   * silently overwritten.\n   */\n  onSave: (contents: string, expectedContents: string) => Promise<unknown>;\n  /** Explicitly overwrite after a visible expected-content conflict. */\n  onOverwrite?: ((contents: string) => Promise<unknown>) | undefined;\n  /** Re-read the selected file after a visible save conflict. */\n  onReload?: (() => void) | undefined;\n  /** Fired once when the buffer FIRST diverges from its baseline (the first real\n   *  keystroke) — the wake-on-edit intent. The host warms the box on this so the\n   *  eventual save lands fast; merely opening the file for reading never fires it. */\n  onEditIntent?: (() => void) | undefined;\n  /** Read-only mode (e.g. a truncated/too-large file shown for reference only). */\n  readOnly?: boolean | undefined;\n  themeType?: \"dark\" | \"light\" | undefined;\n  /** Rendered while the (lazy) CodeMirror bundle loads. */\n  loading?: ReactNode | undefined;\n  /** Rendered if `@uiw/react-codemirror` is not installed / fails to import. */\n  fallback?: ReactNode | undefined;\n  className?: string | undefined;\n};\n\nexport type EditorBufferState = {\n  path: string;\n  value: string;\n  baseline: string;\n};\n\n/**\n * Reconcile a remote file snapshot without destroying unsaved local work.\n *\n * A different path is a new document and always resets. For the same path, a\n * clean editor follows the remote snapshot while a dirty editor retains both\n * its local value and the original CAS baseline. The eventual save will then\n * either succeed against that baseline or surface a typed conflict.\n */\nexport function reconcileEditorBuffer(\n  current: EditorBufferState,\n  incoming: { path: string; contents: string },\n): EditorBufferState {\n  if (current.path === incoming.path && current.value !== current.baseline) {\n    return current;\n  }\n  if (\n    current.path === incoming.path &&\n    current.value === incoming.contents &&\n    current.baseline === incoming.contents\n  ) {\n    return current;\n  }\n  return {\n    path: incoming.path,\n    value: incoming.contents,\n    baseline: incoming.contents,\n  };\n}\n\n/**\n * The EDITABLE single-file pane: CodeMirror 6 with a per-language grammar chosen\n * from the filename, og-* themed, with dirty tracking and a save path wired to\n * `Cmd/Ctrl+S` *and* an explicit Save button. The viewer (Pierre `File`) stays\n * the read-only complement — this is only mounted when the user opts to edit.\n *\n * Save semantics: the buffer is \"dirty\" the moment it diverges from the last\n * saved baseline; a successful `onSave` clears dirty and re-baselines. A failed\n * save keeps the buffer dirty (nothing is lost) and surfaces the error inline.\n * `readOnly` suppresses every mutation path so a truncated/binary file can never\n * be saved back (which would corrupt it by writing the truncated prefix).\n */\nexport function CodeEditor({\n  path,\n  initialContents,\n  onSave,\n  onOverwrite,\n  onReload,\n  onEditIntent,\n  readOnly = false,\n  themeType = \"dark\",\n  loading,\n  fallback,\n  className,\n}: CodeEditorProps) {\n  const [failed, setFailed] = useState(false);\n  const [bundle, setBundle] = useState<EditorBundle | null>(null);\n  const peerRevision = useSyncExternalStore(\n    codeEditorPeers.subscribe,\n    codeEditorPeers.revision,\n    codeEditorPeers.revision,\n  );\n\n  // The live buffer and its compare-and-swap baseline are one state value so a\n  // remote refresh cannot update one without the other.\n  const [buffer, setBuffer] = useState<EditorBufferState>(() => ({\n    path,\n    value: initialContents,\n    baseline: initialContents,\n  }));\n  const { value, baseline } = buffer;\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState<Error | null>(null);\n  const [savedTick, setSavedTick] = useState(false);\n  const saveInFlightRef = useRef(false);\n\n  const dirty = value !== baseline;\n  const saveConflict =\n    saveError !== null && (saveError as Error & { code?: unknown }).code === \"file_write_conflict\";\n\n  // Follow path changes and clean same-file refreshes. Dirty same-file buffers\n  // intentionally ignore remote snapshots: the original baseline must survive\n  // until guarded save, explicit reload, or navigation.\n  const editIntentFiredRef = useRef(false);\n  useEffect(() => {\n    setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));\n  }, [path, initialContents]);\n\n  // A new document is a new edit-intent/error lifecycle. The normal\n  // SandboxFiles host also keys the component by path; this keeps standalone\n  // consumers correct without relying on that implementation detail.\n  useEffect(() => {\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n  }, [path]);\n\n  // Record a buffer change: the FIRST divergence from the baseline is the edit\n  // intent that warms the box (idempotent — latched per opened file).\n  const noteEdit = useCallback(\n    (next: string) => {\n      setBuffer((current) => ({ ...current, value: next }));\n      setSavedTick(false);\n      if (!editIntentFiredRef.current && next !== baseline) {\n        editIntentFiredRef.current = true;\n        onEditIntent?.();\n      }\n    },\n    [baseline, onEditIntent],\n  );\n\n  // Resolve the lazy bundle (editor + keymap/Prec helpers + language grammar)\n  // once, re-resolving the grammar when the file's language class changes.\n  const langKey = useMemo(() => languageForPath(path) as CodeEditorLanguage | null, [path]);\n  useEffect(() => {\n    let cancelled = false;\n    void (async () => {\n      try {\n        const peers = await codeEditorPeers.load();\n        const cmMod = peers.module as {\n          default: ReactCodeMirrorComponent;\n          keymap: { of: (binds: unknown[]) => unknown };\n          Prec: { highest: (ext: unknown) => unknown };\n        };\n        // Language peers are optional. A missing grammar must degrade to a plain\n        // CodeMirror document, not throw the entire editor down to textarea.\n        let languageExtension: unknown | null = null;\n        if (langKey) {\n          try {\n            languageExtension = (await peers.languages?.[langKey]?.()) ?? null;\n          } catch {\n            languageExtension = null;\n          }\n        }\n        if (cancelled) return;\n        // A high-precedence Cmd/Ctrl-S keymap that calls back into the latest\n        // save handler (kept fresh via a ref) and swallows the browser's\n        // \"save page\" default.\n        const saveKeymapExtension = (run: () => void) =>\n          cmMod.Prec.highest(\n            cmMod.keymap.of([\n              {\n                key: \"Mod-s\",\n                preventDefault: true,\n                run: () => {\n                  run();\n                  return true;\n                },\n              },\n            ]),\n          );\n        setBundle({\n          Editor: cmMod.default,\n          saveKeymapExtension,\n          languageExtension,\n        });\n        setFailed(false);\n      } catch {\n        if (!cancelled) setFailed(true);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [langKey, peerRevision]);\n\n  // Keep the freshest save closure reachable from the (stable) keymap binding.\n  const saveRef = useRef<() => void>(() => {});\n\n  const save = useCallback(async () => {\n    if (readOnly || saveInFlightRef.current) return;\n    // Snapshot the buffer at call time so an in-flight edit can't race the write.\n    const snapshot = value;\n    if (snapshot === baseline) return; // nothing to persist\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onSave(snapshot, baseline);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, value, baseline, onSave, path]);\n\n  const overwrite = useCallback(async () => {\n    if (readOnly || !onOverwrite || saveInFlightRef.current) return;\n    const snapshot = value;\n    if (snapshot === baseline) return;\n    saveInFlightRef.current = true;\n    setSaving(true);\n    setSaveError(null);\n    setSavedTick(false);\n    try {\n      await onOverwrite(snapshot);\n      setBuffer((current) =>\n        current.path === path ? { ...current, baseline: snapshot } : current,\n      );\n      setSavedTick(true);\n    } catch (cause) {\n      setSaveError(cause instanceof Error ? cause : new Error(String(cause)));\n    } finally {\n      saveInFlightRef.current = false;\n      setSaving(false);\n    }\n  }, [readOnly, onOverwrite, value, baseline, path]);\n\n  saveRef.current = () => {\n    void save();\n  };\n\n  // A brief \"Saved\" affordance after a successful write, cleared on the next edit.\n  useEffect(() => {\n    if (!savedTick) return;\n    const t = setTimeout(() => setSavedTick(false), 1800);\n    return () => clearTimeout(t);\n  }, [savedTick]);\n\n  const fileName = path.split(\"/\").filter(Boolean).pop() ?? path;\n\n  const cmExtensions = useMemo(() => {\n    if (!bundle) return [] as unknown[];\n    const exts: unknown[] = [bundle.saveKeymapExtension(() => saveRef.current())];\n    if (bundle.languageExtension) exts.push(bundle.languageExtension);\n    return exts;\n  }, [bundle]);\n\n  const Editor = bundle?.Editor;\n\n  const reload = useCallback(() => {\n    setBuffer({ path, value: initialContents, baseline: initialContents });\n    editIntentFiredRef.current = false;\n    setSaveError(null);\n    setSavedTick(false);\n    onReload?.();\n  }, [initialContents, onReload, path]);\n\n  return (\n    <div\n      className={cn(\"flex h-full min-h-0 flex-col\", className)}\n      data-opengeni-code-editor\n      data-opengeni-editor-dirty={dirty ? \"true\" : \"false\"}\n      style={editorVars}\n    >\n      {/* Save bar: dirty indicator + status + the explicit Save button. */}\n      <div className=\"flex min-h-9 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1\">\n        <span\n          className={cn(\n            \"size-1.5 shrink-0 rounded-full transition-colors\",\n            readOnly ? \"bg-transparent\" : dirty ? \"bg-og-status-running\" : \"bg-og-status-idle\",\n          )}\n          title={readOnly ? \"read-only\" : dirty ? \"unsaved changes\" : \"saved\"}\n        />\n        <span className=\"truncate font-og-mono text-og-xs text-og-fg-muted\">\n          {fileName}\n          {dirty && !readOnly ? \" •\" : \"\"}\n        </span>\n        <div className=\"ml-auto flex shrink-0 items-center gap-2\">\n          {saveError && !saveConflict && (\n            <span\n              className=\"max-w-[220px] truncate text-og-xs text-og-status-failed\"\n              title={saveError.message}\n            >\n              {saveError.message}\n            </span>\n          )}\n          {!saveError && savedTick && !dirty && (\n            <span className=\"text-og-xs text-og-status-idle\">Saved</span>\n          )}\n          {readOnly ? (\n            <span className=\"text-og-xs uppercase tracking-wide text-og-fg-subtle\">Read-only</span>\n          ) : !saveConflict ? (\n            <button\n              type=\"button\"\n              onClick={() => void save()}\n              disabled={saving || !dirty}\n              className={cn(\n                \"flex items-center gap-1 rounded-og-sm border border-og-border px-1.5 py-0.5 text-og-xs pointer-coarse:min-h-11\",\n                saving || !dirty\n                  ? \"cursor-default text-og-fg-subtle opacity-60\"\n                  : \"text-og-fg hover:bg-og-accent-soft\",\n              )}\n              title=\"Save (⌘/Ctrl+S)\"\n            >\n              {saving ? (\n                <Loader2Icon className=\"size-3 animate-spin\" />\n              ) : (\n                <SaveIcon className=\"size-3\" />\n              )}\n              Save\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {saveConflict ? (\n        <div\n          className=\"flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b border-og-status-failed/25 bg-og-status-failed/8 px-2 py-2\"\n          role=\"alert\"\n        >\n          <div className=\"min-w-[12rem] flex-1 text-og-xs text-og-fg-muted\">\n            <span className=\"font-medium text-og-status-failed\">File changed on machine.</span>{\" \"}\n            Reloading discards your edits; overwriting replaces the live version.\n          </div>\n          <div className=\"ml-auto flex shrink-0 items-center gap-1.5\">\n            {onReload ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  reload();\n                }}\n                className=\"min-h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11\"\n              >\n                Reload live\n              </button>\n            ) : null}\n            {onOverwrite ? (\n              <button\n                type=\"button\"\n                onClick={() => void overwrite()}\n                disabled={saving}\n                className=\"min-h-8 rounded-og-sm border border-og-status-failed/40 px-2 text-og-xs font-medium text-og-status-failed hover:bg-og-status-failed/10 disabled:opacity-50 pointer-coarse:min-h-11\"\n              >\n                Overwrite\n              </button>\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n\n      {/* The editor surface. */}\n      <div className=\"min-h-0 flex-1 overflow-auto\">\n        {failed ? (\n          (fallback ?? (\n            <PlainTextarea\n              value={value}\n              readOnly={readOnly}\n              onChange={noteEdit}\n              onSave={() => void save()}\n            />\n          ))\n        ) : Editor ? (\n          <Editor\n            value={value}\n            theme={themeType === \"light\" ? \"light\" : \"dark\"}\n            editable={!readOnly}\n            readOnly={readOnly}\n            basicSetup={true}\n            extensions={cmExtensions}\n            height=\"100%\"\n            className=\"og-cm-editor min-h-full text-og-sm\"\n            onChange={readOnly ? undefined : noteEdit}\n          />\n        ) : (\n          (loading ?? <EditorSkeleton />)\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** og-* themed CSS-var overrides handed to CodeMirror's container. */\nconst editorVars = {\n  \"--og-cm-bg\": \"var(--og-color-bg)\",\n  fontFamily: \"var(--og-font-mono)\",\n} as CSSProperties;\n\nfunction PlainTextarea({\n  value,\n  readOnly,\n  onChange,\n  onSave,\n}: {\n  value: string;\n  readOnly: boolean;\n  onChange: (value: string) => void;\n  onSave: () => void;\n}) {\n  return (\n    <textarea\n      value={value}\n      readOnly={readOnly}\n      spellCheck={false}\n      onChange={(e) => onChange(e.target.value)}\n      onKeyDown={(event) => {\n        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n          event.preventDefault();\n          onSave();\n        }\n      }}\n      aria-label=\"Plain text file editor\"\n      className=\"h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden\"\n    />\n  );\n}\n\nfunction EditorSkeleton() {\n  return <div className=\"p-3 text-og-sm text-og-fg-subtle\">Loading editor…</div>;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-UTRTG6LH.js → chunk-LVS3MH5T.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/lib/format.ts
 import { formatErrorMessage, OpenGeniApiError } from "@opengeni/sdk";
 var clockTimeFormatter = new Intl.DateTimeFormat(void 0, {
@@ -217,4 +219,4 @@ export {
   humanizeFailureReason,
   presentFailure
 };
-//# sourceMappingURL=chunk-UTRTG6LH.js.map
+//# sourceMappingURL=chunk-LVS3MH5T.js.map