@opengeni/react 1.3.0 → 1.4.2

package/dist/{chunk-SGKD2OCN.js → chunk-IYQCWGU5.js}

@@ -1,3 +1,4 @@
+"use client";
 import {
   BillingClassMark,
   ModelMark,
@@ -6,13 +7,13 @@ import {
   defaultModelPolicyPickerMessages,
   effectiveRows,
   groupPresentationFor
-} from "./chunk-LNIRAOA3.js";
+} from "./chunk-L2J3PU7A.js";
 import {
   MENU_CHECK_CLASS,
   MENU_LABEL_CLASS,
   MENU_NOTE_CLASS,
   MENU_SURFACE_CLASS
-} from "./chunk-K3HQAKQX.js";
+} from "./chunk-PMV53IMM.js";
 import {
   coerceReasoningEffortForModel,
   effortOptionsForModel,
@@ -21,10 +22,10 @@ import {
   labelReasoningEffort,
   payerSummaryForModel,
   runnableLatencyModesForModel
-} from "./chunk-5F4WR7X7.js";
+} from "./chunk-XS67YG5R.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/components/model-policy-picker-menu.tsx
 import { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from "lucide-react";
@@ -316,4 +317,4 @@ export {
   ModelPolicyPickerMenu,
   ModelPolicyPickerPopover
 };
-//# sourceMappingURL=chunk-SGKD2OCN.js.map
+//# sourceMappingURL=chunk-IYQCWGU5.js.map

package/dist/{chunk-SGKD2OCN.js.map → chunk-IYQCWGU5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/model-policy-picker-menu.tsx"],"sourcesContent":["import type { ClientModel, ReasoningEffort } from \"@opengeni/sdk\";\nimport { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from \"lucide-react\";\nimport { useRef, useState, type RefObject, type CSSProperties } from \"react\";\nimport { Popover, RadioGroup } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport {\n  MENU_CHECK_CLASS,\n  MENU_LABEL_CLASS,\n  MENU_NOTE_CLASS,\n  MENU_SURFACE_CLASS,\n} from \"../lib/menu-styles\";\nimport {\n  coerceReasoningEffortForModel,\n  effortOptionsForModel,\n  findPickerRow,\n  groupPickerRowsByBillingClass,\n  labelReasoningEffort,\n  payerSummaryForModel,\n  runnableLatencyModesForModel,\n  type PickerModelRow,\n} from \"../model-policy\";\nimport {\n  BillingClassMark,\n  defaultModelPolicyPickerMessages,\n  effectiveRows,\n  groupPresentationFor,\n  PickerNavRow,\n  SCOPED_BILLING_HINTS,\n  type ModelPolicyPickerProps,\n} from \"./model-policy-picker\";\nimport { ModelMark } from \"./model-mark\";\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Model selection stays flat; reasoning never becomes a navigation destination. */\nexport function ModelPolicyPickerMenu(props: ModelPolicyPickerProps) {\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  const [query, setQuery] = useState(\"\");\n  const rows = effectiveRows(props);\n  const selected = findPickerRow(rows, props.model);\n  const words = query.toLowerCase().trim().split(/\\s+/).filter(Boolean);\n  const filtered = rows.filter((row) => {\n    const description = groupPresentationFor(props, row.billingClass)?.description;\n    const text =\n      `${row.label} ${row.id} ${row.providerLabel} ${row.billingClassLabel} ${description === undefined ? payerSummaryForModel(row.catalog) : (description ?? \"\")}`.toLowerCase();\n    return words.every((word) => text.includes(word));\n  });\n  const matchingIds = new Set(filtered.map((row) => row.id));\n  const groups = groupPickerRowsByBillingClass(rows, {\n    codexOnly: props.codexOnly === true,\n    selectedId: props.model,\n    collapseScopes: props.collapseScopes !== false,\n  })\n    .map((group) => {\n      const presentation = groupPresentationFor(props, group.billingClass);\n      const override = presentation?.description;\n      const defaultHint =\n        props.collapseScopes === false &&\n        messages.billingHints[group.billingClass] ===\n          defaultModelPolicyPickerMessages.billingHints[group.billingClass]\n          ? (SCOPED_BILLING_HINTS[group.billingClass] ?? messages.billingHints[group.billingClass])\n          : messages.billingHints[group.billingClass];\n      return {\n        ...group,\n        label: presentation?.label ?? group.label,\n        rows: group.rows.filter((row) => matchingIds.has(row.id)),\n        description:\n          override === undefined\n            ? group.billingClass === \"opengeni_credits\"\n              ? null\n              : defaultHint\n            : override,\n      };\n    })\n    .filter((group) => group.rows.length > 0);\n  const choose = (row: ClientPickerModelRow) => {\n    if (!row.selectable || props.disabled) return;\n    if (row.id !== props.model) props.onModelChange(row.id);\n    const effort = coerceReasoningEffortForModel(row.catalog, props.effort);\n    // Hosts may commit the combined model/effort draft through this callback.\n    props.onEffortChange(effort);\n    if (\n      props.latencyMode !== \"standard\" &&\n      !runnableLatencyModesForModel(row.catalog).includes(props.latencyMode)\n    ) {\n      props.onLatencyModeChange(\"standard\");\n    }\n  };\n  const modelRow = (row: ClientPickerModelRow) => (\n    <PickerNavRow\n      key={row.id}\n      icon={\n        props.collapseScopes === false ? undefined : (\n          <ModelMark model={row.catalog} className=\"size-4 text-og-fg-muted\" />\n        )\n      }\n      label={row.label}\n      hint={row.unavailableReason ?? row.fundingHint}\n      disabled={props.disabled || !row.selectable}\n      title={[row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(\" · \")}\n      active={row.selectable && row.id === props.model}\n      showChevron={false}\n      trailing={\n        row.catalog.cost === \"free\" || row.id === props.model ? (\n          <span className=\"flex items-center gap-2\">\n            {row.catalog.cost === \"free\" ? (\n              <span className=\"rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted\">\n                {messages.free}\n              </span>\n            ) : null}\n            {row.id === props.model ? (\n              <CheckIcon className={MENU_CHECK_CLASS} aria-label={messages.selected} />\n            ) : null}\n          </span>\n        ) : null\n      }\n      testId={`model-picker-choice-${row.id}`}\n      onClick={() => choose(row)}\n    />\n  );\n  return (\n    <div\n      data-testid=\"model-picker-menu\"\n      className=\"flex min-h-0 flex-col\"\n      onKeyDown={(event) => {\n        if (\n          !(event.target instanceof HTMLButtonElement) ||\n          ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)\n        )\n          return;\n        const buttons = Array.from(\n          event.currentTarget.querySelectorAll<HTMLButtonElement>(\n            '[data-testid^=\"model-picker-choice-\"]:not(:disabled)',\n          ),\n        );\n        const index = buttons.indexOf(event.target);\n        if (index < 0) return;\n        event.preventDefault();\n        const next =\n          event.key === \"Home\"\n            ? 0\n            : event.key === \"End\"\n              ? buttons.length - 1\n              : (index + (event.key === \"ArrowDown\" ? 1 : -1) + buttons.length) % buttons.length;\n        buttons[next]?.focus();\n      }}\n    >\n      {rows.some((row) => row.selectable) ? (\n        <div className=\"border-b border-og-border py-1\">\n          <label className=\"og-model-policy-search flex items-center gap-2 px-2.5 py-0.5\">\n            <SearchIcon className=\"size-4 shrink-0 text-og-fg-subtle\" aria-hidden />\n            <input\n              aria-label={messages.searchLabel}\n              placeholder={messages.searchPlaceholder}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Escape\" && event.key !== \"Tab\") event.stopPropagation();\n                if (event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  event.currentTarget\n                    .closest('[data-testid=\"model-picker-menu\"]')\n                    ?.querySelector<HTMLButtonElement>(\"button:not(:disabled)\")\n                    ?.focus();\n                }\n              }}\n              className=\"og-model-policy-search-input h-8 min-w-0 flex-1 bg-transparent text-og-menu text-og-fg outline-hidden placeholder:text-og-fg-subtle\"\n            />\n          </label>\n        </div>\n      ) : null}\n      {props.error ? (\n        <p className={cn(MENU_NOTE_CLASS, \"text-og-sm text-og-status-failed\")} role=\"alert\">\n          {props.error}\n        </p>\n      ) : null}\n      <div\n        className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain py-1\"\n        data-testid=\"model-picker-models\"\n      >\n        {props.loading ? (\n          // Rows at the menu's row height, never a sentence, so nothing jumps.\n          <div role=\"status\" aria-label={messages.loading}>\n            {[58, 44, 66, 50].map((width) => (\n              <div key={width} aria-hidden=\"true\" className=\"flex h-8 items-center gap-3 px-2.5\">\n                <span className=\"size-4 shrink-0 animate-pulse rounded bg-og-surface-2\" />\n                <span\n                  className=\"h-2.5 animate-pulse rounded bg-og-surface-2\"\n                  style={{ width: `${width}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : rows.some((row) => row.selectable) ? (\n          <>\n            {groups.map((group) => (\n              <section\n                key={group.billingClass}\n                aria-label={group.label}\n                className=\"[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5\"\n              >\n                <div className={cn(MENU_LABEL_CLASS, \"flex items-center gap-2\")}>\n                  <BillingClassMark\n                    billingClass={group.billingClass}\n                    presentation={groupPresentationFor(props, group.billingClass)}\n                    aria-label=\"\"\n                  />\n                  <span className=\"min-w-0 break-words\">{group.label}</span>\n                </div>\n                {group.description ? (\n                  <p className=\"break-words px-2.5 pb-1 text-og-sm text-og-fg-muted\">\n                    {group.description}\n                  </p>\n                ) : null}\n                {group.rows.map(modelRow)}\n              </section>\n            ))}\n            {filtered.length === 0 ? (\n              <p className={MENU_NOTE_CLASS}>\n                {words.length ? messages.noMatches : messages.noModels}\n              </p>\n            ) : null}\n          </>\n        ) : props.connectModelsHref || rows.length > 0 ? (\n          <ConnectModelsPanel href={props.connectModelsHref} messages={messages} />\n        ) : (\n          <p className={MENU_NOTE_CLASS}>{messages.noModels}</p>\n        )}\n      </div>\n      {rows.some((row) => row.selectable) &&\n      selected &&\n      ((props.hasImageAttachments &&\n        selected.catalog.capabilities?.inputModalities.includes(\"image\") === false) ||\n        (effortOptionsForModel(selected.catalog).length > 1 &&\n          selected.catalog.capabilities?.reasoning.runnable !== false) ||\n        (props.allowLatencyMode !== false &&\n          runnableLatencyModesForModel(selected.catalog).includes(\"fast\"))) ? (\n        <div className=\"border-t border-og-border px-2.5 py-2.5\">\n          {props.hasImageAttachments &&\n          selected.catalog.capabilities?.inputModalities.includes(\"image\") === false ? (\n            <p className=\"pb-1.5 text-og-control leading-relaxed text-og-fg-subtle\">\n              {messages.unsupportedAttachments}\n            </p>\n          ) : null}\n          <ModelThinkingControls {...props} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst CONNECT_MODEL_OPTIONS: Array<{\n  billingClass: \"codex_subscription\" | \"supergrok_subscription\" | \"byok\" | \"external\";\n  title: string;\n  detail: string;\n}> = [\n  { billingClass: \"codex_subscription\", title: \"Codex\", detail: \"ChatGPT\" },\n  { billingClass: \"supergrok_subscription\", title: \"SuperGrok\", detail: \"xAI\" },\n  { billingClass: \"byok\", title: \"AI Gateway\", detail: \"Vercel\" },\n  { billingClass: \"external\", title: \"OpenRouter\", detail: \"API key\" },\n];\n\nfunction ConnectModelsPanel(props: {\n  href: string | undefined;\n  messages: typeof defaultModelPolicyPickerMessages;\n}) {\n  return (\n    <div className=\"px-1.5 pb-1.5 pt-2\" data-testid=\"model-picker-connect\">\n      <div className=\"px-1.5 pb-3\">\n        <p className=\"text-og-menu font-medium tracking-tight text-og-fg\">\n          {props.messages.connectTitle}\n        </p>\n        <p className=\"mt-1 text-og-control leading-snug text-og-fg-subtle\">\n          {props.messages.connectBody}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-2 gap-1\">\n        {CONNECT_MODEL_OPTIONS.map((option) => {\n          const content = (\n            <>\n              <span className=\"flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg\">\n                <BillingClassMark\n                  billingClass={option.billingClass}\n                  aria-label=\"\"\n                  className=\"size-4 text-og-fg\"\n                />\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"block truncate text-og-control font-medium text-og-fg\">\n                  {option.title}\n                </span>\n                <span className=\"block truncate text-og-control text-og-fg-subtle\">\n                  {option.detail}\n                </span>\n              </span>\n            </>\n          );\n          const className =\n            \"flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40\";\n          return props.href ? (\n            <a key={option.title} href={props.href} className={className}>\n              {content}\n            </a>\n          ) : (\n            <div key={option.title} className={className}>\n              {content}\n            </div>\n          );\n        })}\n      </div>\n      {props.href ? (\n        <a\n          href={props.href}\n          className=\"mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover text-og-control font-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-og-accent/40\"\n        >\n          {props.messages.connectAction}\n          <ArrowRightIcon className=\"size-3.5\" aria-hidden />\n        </a>\n      ) : (\n        <p className=\"px-1.5 pt-3 text-og-control text-og-fg-subtle\">{props.messages.noModels}</p>\n      )}\n    </div>\n  );\n}\n\nfunction ModelThinkingControls(props: ModelPolicyPickerProps) {\n  const selected = findPickerRow(effectiveRows(props), props.model);\n  if (!selected) return null;\n  const efforts = effortOptionsForModel(selected.catalog);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  const supportsFast = runnableLatencyModesForModel(selected.catalog).includes(\"fast\");\n  const showThinking =\n    efforts.length > 1 && selected.catalog.capabilities?.reasoning.runnable !== false;\n  const showFast = supportsFast && props.allowLatencyMode !== false;\n  if (!showThinking && !showFast) return null;\n  return (\n    <div className=\"space-y-2 text-og-control\" data-testid=\"model-picker-reasoning\">\n      <div className=\"flex min-h-7 items-center justify-between gap-3\">\n        {showThinking ? <span className=\"text-og-fg-subtle\">{messages.thinking}</span> : <span />}\n        {showFast ? (\n          <button\n            type=\"button\"\n            data-testid=\"model-picker-fast\"\n            disabled={props.disabled || !selected.selectable}\n            aria-pressed={props.latencyMode === \"fast\"}\n            title={messages.fast + \" · \" + messages.fastRateHint}\n            onClick={() =>\n              props.onLatencyModeChange(props.latencyMode === \"fast\" ? \"standard\" : \"fast\")\n            }\n            className=\"flex min-h-8 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-og-sm px-2 text-og-fg-muted hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50\"\n          >\n            <ZapIcon className={cn(\"size-3.5\", props.latencyMode === \"fast\" && \"fill-current\")} />\n            {messages.fast}\n            <span className=\"text-og-fg-subtle\">{messages.fastRateHint}</span>\n          </button>\n        ) : null}\n      </div>\n      {showThinking ? (\n        <RadioGroup.Root\n          aria-label={messages.thinkingEffort}\n          value={coerceReasoningEffortForModel(selected.catalog, props.effort)}\n          disabled={props.disabled || !selected.selectable}\n          onValueChange={(value) => props.onEffortChange(value as ReasoningEffort)}\n          orientation=\"horizontal\"\n          className=\"flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5\"\n        >\n          {efforts.map((effort) => (\n            <RadioGroup.Item\n              key={effort}\n              value={effort}\n              aria-label={labelReasoningEffort(effort)}\n              title={labelReasoningEffort(effort)}\n              className=\"min-h-8 min-w-10 flex-1 cursor-pointer whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {effort === \"xhigh\" ? \"X-high\" : labelReasoningEffort(effort)}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ModelPolicyPickerPopover(\n  props: ModelPolicyPickerProps & {\n    anchor: RefObject<HTMLButtonElement | null>;\n    contentId: string;\n    portalStyle: CSSProperties;\n  },\n) {\n  const outside = useRef(false);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return (\n    <Popover.Root open onOpenChange={(open) => props.onOpenChange?.(open)}>\n      <Popover.Anchor virtualRef={props.anchor} />\n      <Popover.Portal>\n        <Popover.Content\n          id={props.contentId}\n          aria-label={messages.label}\n          align=\"start\"\n          side={props.menuSide ?? \"bottom\"}\n          sideOffset={8}\n          collisionPadding={12}\n          onInteractOutside={(event) => {\n            if (props.anchor.current?.contains(event.target as Node)) event.preventDefault();\n            else outside.current = true;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (!outside.current) props.anchor.current?.focus();\n          }}\n          className={cn(\n            MENU_SURFACE_CLASS,\n            \"og-root og-model-policy-menu z-50 flex max-h-[min(32rem,var(--radix-popover-content-available-height))] w-[22rem] max-w-[calc(100vw-16px)] flex-col overflow-hidden p-[var(--og-model-picker-menu-padding)]\",\n            props.contentClassName,\n          )}\n          style={{ ...props.portalStyle, ...props.contentStyle }}\n          data-testid=\"model-picker-content\"\n        >\n          <ModelPolicyPickerMenu {...props} />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/model-policy-picker-menu.tsx"],"sourcesContent":["import type { ClientModel, ReasoningEffort } from \"@opengeni/sdk\";\nimport { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from \"lucide-react\";\nimport { useRef, useState, type RefObject, type CSSProperties } from \"react\";\nimport { Popover, RadioGroup } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport {\n  MENU_CHECK_CLASS,\n  MENU_LABEL_CLASS,\n  MENU_NOTE_CLASS,\n  MENU_SURFACE_CLASS,\n} from \"../lib/menu-styles\";\nimport {\n  coerceReasoningEffortForModel,\n  effortOptionsForModel,\n  findPickerRow,\n  groupPickerRowsByBillingClass,\n  labelReasoningEffort,\n  payerSummaryForModel,\n  runnableLatencyModesForModel,\n  type PickerModelRow,\n} from \"../model-policy\";\nimport {\n  BillingClassMark,\n  defaultModelPolicyPickerMessages,\n  effectiveRows,\n  groupPresentationFor,\n  PickerNavRow,\n  SCOPED_BILLING_HINTS,\n  type ModelPolicyPickerProps,\n} from \"./model-policy-picker\";\nimport { ModelMark } from \"./model-mark\";\ntype ClientPickerModelRow = PickerModelRow<ClientModel>;\n\n/** Model selection stays flat; reasoning never becomes a navigation destination. */\nexport function ModelPolicyPickerMenu(props: ModelPolicyPickerProps) {\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  const [query, setQuery] = useState(\"\");\n  const rows = effectiveRows(props);\n  const selected = findPickerRow(rows, props.model);\n  const words = query.toLowerCase().trim().split(/\\s+/).filter(Boolean);\n  const filtered = rows.filter((row) => {\n    const description = groupPresentationFor(props, row.billingClass)?.description;\n    const text =\n      `${row.label} ${row.id} ${row.providerLabel} ${row.billingClassLabel} ${description === undefined ? payerSummaryForModel(row.catalog) : (description ?? \"\")}`.toLowerCase();\n    return words.every((word) => text.includes(word));\n  });\n  const matchingIds = new Set(filtered.map((row) => row.id));\n  const groups = groupPickerRowsByBillingClass(rows, {\n    codexOnly: props.codexOnly === true,\n    selectedId: props.model,\n    collapseScopes: props.collapseScopes !== false,\n  })\n    .map((group) => {\n      const presentation = groupPresentationFor(props, group.billingClass);\n      const override = presentation?.description;\n      const defaultHint =\n        props.collapseScopes === false &&\n        messages.billingHints[group.billingClass] ===\n          defaultModelPolicyPickerMessages.billingHints[group.billingClass]\n          ? (SCOPED_BILLING_HINTS[group.billingClass] ?? messages.billingHints[group.billingClass])\n          : messages.billingHints[group.billingClass];\n      return {\n        ...group,\n        label: presentation?.label ?? group.label,\n        rows: group.rows.filter((row) => matchingIds.has(row.id)),\n        description:\n          override === undefined\n            ? group.billingClass === \"opengeni_credits\"\n              ? null\n              : defaultHint\n            : override,\n      };\n    })\n    .filter((group) => group.rows.length > 0);\n  const choose = (row: ClientPickerModelRow) => {\n    if (!row.selectable || props.disabled) return;\n    if (row.id !== props.model) props.onModelChange(row.id);\n    const effort = coerceReasoningEffortForModel(row.catalog, props.effort);\n    // Hosts may commit the combined model/effort draft through this callback.\n    props.onEffortChange(effort);\n    if (\n      props.latencyMode !== \"standard\" &&\n      !runnableLatencyModesForModel(row.catalog).includes(props.latencyMode)\n    ) {\n      props.onLatencyModeChange(\"standard\");\n    }\n  };\n  const modelRow = (row: ClientPickerModelRow) => (\n    <PickerNavRow\n      key={row.id}\n      icon={\n        props.collapseScopes === false ? undefined : (\n          <ModelMark model={row.catalog} className=\"size-4 text-og-fg-muted\" />\n        )\n      }\n      label={row.label}\n      hint={row.unavailableReason ?? row.fundingHint}\n      disabled={props.disabled || !row.selectable}\n      title={[row.label, row.unavailableReason ?? row.fundingHint].filter(Boolean).join(\" · \")}\n      active={row.selectable && row.id === props.model}\n      showChevron={false}\n      trailing={\n        row.catalog.cost === \"free\" || row.id === props.model ? (\n          <span className=\"flex items-center gap-2\">\n            {row.catalog.cost === \"free\" ? (\n              <span className=\"rounded-full bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted\">\n                {messages.free}\n              </span>\n            ) : null}\n            {row.id === props.model ? (\n              <CheckIcon className={MENU_CHECK_CLASS} aria-label={messages.selected} />\n            ) : null}\n          </span>\n        ) : null\n      }\n      testId={`model-picker-choice-${row.id}`}\n      onClick={() => choose(row)}\n    />\n  );\n  return (\n    <div\n      data-testid=\"model-picker-menu\"\n      className=\"flex min-h-0 flex-col\"\n      onKeyDown={(event) => {\n        if (\n          !(event.target instanceof HTMLButtonElement) ||\n          ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)\n        )\n          return;\n        const buttons = Array.from(\n          event.currentTarget.querySelectorAll<HTMLButtonElement>(\n            '[data-testid^=\"model-picker-choice-\"]:not(:disabled)',\n          ),\n        );\n        const index = buttons.indexOf(event.target);\n        if (index < 0) return;\n        event.preventDefault();\n        const next =\n          event.key === \"Home\"\n            ? 0\n            : event.key === \"End\"\n              ? buttons.length - 1\n              : (index + (event.key === \"ArrowDown\" ? 1 : -1) + buttons.length) % buttons.length;\n        buttons[next]?.focus();\n      }}\n    >\n      {rows.some((row) => row.selectable) ? (\n        <div className=\"border-b border-og-border py-1\">\n          <label className=\"og-model-policy-search flex items-center gap-2 px-2.5 py-0.5\">\n            <SearchIcon className=\"size-4 shrink-0 text-og-fg-subtle\" aria-hidden />\n            <input\n              aria-label={messages.searchLabel}\n              placeholder={messages.searchPlaceholder}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key !== \"Escape\" && event.key !== \"Tab\") event.stopPropagation();\n                if (event.key === \"ArrowDown\") {\n                  event.preventDefault();\n                  event.currentTarget\n                    .closest('[data-testid=\"model-picker-menu\"]')\n                    ?.querySelector<HTMLButtonElement>(\"button:not(:disabled)\")\n                    ?.focus();\n                }\n              }}\n              className=\"og-model-policy-search-input h-8 min-w-0 flex-1 bg-transparent text-og-menu text-og-fg outline-hidden placeholder:text-og-fg-subtle\"\n            />\n          </label>\n        </div>\n      ) : null}\n      {props.error ? (\n        <p className={cn(MENU_NOTE_CLASS, \"text-og-sm text-og-status-failed\")} role=\"alert\">\n          {props.error}\n        </p>\n      ) : null}\n      <div\n        className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain py-1\"\n        data-testid=\"model-picker-models\"\n      >\n        {props.loading ? (\n          // Rows at the menu's row height, never a sentence, so nothing jumps.\n          <div role=\"status\" aria-label={messages.loading}>\n            {[58, 44, 66, 50].map((width) => (\n              <div key={width} aria-hidden=\"true\" className=\"flex h-8 items-center gap-3 px-2.5\">\n                <span className=\"size-4 shrink-0 animate-pulse rounded bg-og-surface-2\" />\n                <span\n                  className=\"h-2.5 animate-pulse rounded bg-og-surface-2\"\n                  style={{ width: `${width}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : rows.some((row) => row.selectable) ? (\n          <>\n            {groups.map((group) => (\n              <section\n                key={group.billingClass}\n                aria-label={group.label}\n                className=\"[&+section]:mt-1.5 [&+section]:border-t [&+section]:border-og-border [&+section]:pt-1.5\"\n              >\n                <div className={cn(MENU_LABEL_CLASS, \"flex items-center gap-2\")}>\n                  <BillingClassMark\n                    billingClass={group.billingClass}\n                    presentation={groupPresentationFor(props, group.billingClass)}\n                    aria-label=\"\"\n                  />\n                  <span className=\"min-w-0 break-words\">{group.label}</span>\n                </div>\n                {group.description ? (\n                  <p className=\"break-words px-2.5 pb-1 text-og-sm text-og-fg-muted\">\n                    {group.description}\n                  </p>\n                ) : null}\n                {group.rows.map(modelRow)}\n              </section>\n            ))}\n            {filtered.length === 0 ? (\n              <p className={MENU_NOTE_CLASS}>\n                {words.length ? messages.noMatches : messages.noModels}\n              </p>\n            ) : null}\n          </>\n        ) : props.connectModelsHref || rows.length > 0 ? (\n          <ConnectModelsPanel href={props.connectModelsHref} messages={messages} />\n        ) : (\n          <p className={MENU_NOTE_CLASS}>{messages.noModels}</p>\n        )}\n      </div>\n      {rows.some((row) => row.selectable) &&\n      selected &&\n      ((props.hasImageAttachments &&\n        selected.catalog.capabilities?.inputModalities.includes(\"image\") === false) ||\n        (effortOptionsForModel(selected.catalog).length > 1 &&\n          selected.catalog.capabilities?.reasoning.runnable !== false) ||\n        (props.allowLatencyMode !== false &&\n          runnableLatencyModesForModel(selected.catalog).includes(\"fast\"))) ? (\n        <div className=\"border-t border-og-border px-2.5 py-2.5\">\n          {props.hasImageAttachments &&\n          selected.catalog.capabilities?.inputModalities.includes(\"image\") === false ? (\n            <p className=\"pb-1.5 text-og-control leading-relaxed text-og-fg-subtle\">\n              {messages.unsupportedAttachments}\n            </p>\n          ) : null}\n          <ModelThinkingControls {...props} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst CONNECT_MODEL_OPTIONS: Array<{\n  billingClass: \"codex_subscription\" | \"supergrok_subscription\" | \"byok\" | \"external\";\n  title: string;\n  detail: string;\n}> = [\n  { billingClass: \"codex_subscription\", title: \"Codex\", detail: \"ChatGPT\" },\n  { billingClass: \"supergrok_subscription\", title: \"SuperGrok\", detail: \"xAI\" },\n  { billingClass: \"byok\", title: \"AI Gateway\", detail: \"Vercel\" },\n  { billingClass: \"external\", title: \"OpenRouter\", detail: \"API key\" },\n];\n\nfunction ConnectModelsPanel(props: {\n  href: string | undefined;\n  messages: typeof defaultModelPolicyPickerMessages;\n}) {\n  return (\n    <div className=\"px-1.5 pb-1.5 pt-2\" data-testid=\"model-picker-connect\">\n      <div className=\"px-1.5 pb-3\">\n        <p className=\"text-og-menu font-medium tracking-tight text-og-fg\">\n          {props.messages.connectTitle}\n        </p>\n        <p className=\"mt-1 text-og-control leading-snug text-og-fg-subtle\">\n          {props.messages.connectBody}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-2 gap-1\">\n        {CONNECT_MODEL_OPTIONS.map((option) => {\n          const content = (\n            <>\n              <span className=\"flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg\">\n                <BillingClassMark\n                  billingClass={option.billingClass}\n                  aria-label=\"\"\n                  className=\"size-4 text-og-fg\"\n                />\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"block truncate text-og-control font-medium text-og-fg\">\n                  {option.title}\n                </span>\n                <span className=\"block truncate text-og-control text-og-fg-subtle\">\n                  {option.detail}\n                </span>\n              </span>\n            </>\n          );\n          const className =\n            \"flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40\";\n          return props.href ? (\n            <a key={option.title} href={props.href} className={className}>\n              {content}\n            </a>\n          ) : (\n            <div key={option.title} className={className}>\n              {content}\n            </div>\n          );\n        })}\n      </div>\n      {props.href ? (\n        <a\n          href={props.href}\n          className=\"mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg hover:bg-og-primary-hover text-og-control font-medium outline-hidden transition-colors focus-visible:ring-2 focus-visible:ring-og-accent/40\"\n        >\n          {props.messages.connectAction}\n          <ArrowRightIcon className=\"size-3.5\" aria-hidden />\n        </a>\n      ) : (\n        <p className=\"px-1.5 pt-3 text-og-control text-og-fg-subtle\">{props.messages.noModels}</p>\n      )}\n    </div>\n  );\n}\n\nfunction ModelThinkingControls(props: ModelPolicyPickerProps) {\n  const selected = findPickerRow(effectiveRows(props), props.model);\n  if (!selected) return null;\n  const efforts = effortOptionsForModel(selected.catalog);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  const supportsFast = runnableLatencyModesForModel(selected.catalog).includes(\"fast\");\n  const showThinking =\n    efforts.length > 1 && selected.catalog.capabilities?.reasoning.runnable !== false;\n  const showFast = supportsFast && props.allowLatencyMode !== false;\n  if (!showThinking && !showFast) return null;\n  return (\n    <div className=\"space-y-2 text-og-control\" data-testid=\"model-picker-reasoning\">\n      <div className=\"flex min-h-7 items-center justify-between gap-3\">\n        {showThinking ? <span className=\"text-og-fg-subtle\">{messages.thinking}</span> : <span />}\n        {showFast ? (\n          <button\n            type=\"button\"\n            data-testid=\"model-picker-fast\"\n            disabled={props.disabled || !selected.selectable}\n            aria-pressed={props.latencyMode === \"fast\"}\n            title={messages.fast + \" · \" + messages.fastRateHint}\n            onClick={() =>\n              props.onLatencyModeChange(props.latencyMode === \"fast\" ? \"standard\" : \"fast\")\n            }\n            className=\"flex min-h-8 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-og-sm px-2 text-og-fg-muted hover:bg-og-hover focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50\"\n          >\n            <ZapIcon className={cn(\"size-3.5\", props.latencyMode === \"fast\" && \"fill-current\")} />\n            {messages.fast}\n            <span className=\"text-og-fg-subtle\">{messages.fastRateHint}</span>\n          </button>\n        ) : null}\n      </div>\n      {showThinking ? (\n        <RadioGroup.Root\n          aria-label={messages.thinkingEffort}\n          value={coerceReasoningEffortForModel(selected.catalog, props.effort)}\n          disabled={props.disabled || !selected.selectable}\n          onValueChange={(value) => props.onEffortChange(value as ReasoningEffort)}\n          orientation=\"horizontal\"\n          className=\"flex flex-wrap gap-0.5 rounded-og-md bg-og-surface-2 p-0.5\"\n        >\n          {efforts.map((effort) => (\n            <RadioGroup.Item\n              key={effort}\n              value={effort}\n              aria-label={labelReasoningEffort(effort)}\n              title={labelReasoningEffort(effort)}\n              className=\"min-h-8 min-w-10 flex-1 cursor-pointer whitespace-nowrap rounded-og-sm px-1.5 text-og-control text-og-fg-muted outline-hidden transition-colors hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 data-[state=checked]:bg-og-surface-1 data-[state=checked]:text-og-fg data-[state=checked]:shadow-sm disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {effort === \"xhigh\" ? \"X-high\" : labelReasoningEffort(effort)}\n            </RadioGroup.Item>\n          ))}\n        </RadioGroup.Root>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ModelPolicyPickerPopover(\n  props: ModelPolicyPickerProps & {\n    anchor: RefObject<HTMLButtonElement | null>;\n    contentId: string;\n    portalStyle: CSSProperties;\n  },\n) {\n  const outside = useRef(false);\n  const messages = { ...defaultModelPolicyPickerMessages, ...props.messages };\n  return (\n    <Popover.Root open onOpenChange={(open) => props.onOpenChange?.(open)}>\n      <Popover.Anchor virtualRef={props.anchor} />\n      <Popover.Portal>\n        <Popover.Content\n          id={props.contentId}\n          aria-label={messages.label}\n          align=\"start\"\n          side={props.menuSide ?? \"bottom\"}\n          sideOffset={8}\n          collisionPadding={12}\n          onInteractOutside={(event) => {\n            if (props.anchor.current?.contains(event.target as Node)) event.preventDefault();\n            else outside.current = true;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (!outside.current) props.anchor.current?.focus();\n          }}\n          className={cn(\n            MENU_SURFACE_CLASS,\n            \"og-root og-model-policy-menu z-50 flex max-h-[min(32rem,var(--radix-popover-content-available-height))] w-[22rem] max-w-[calc(100vw-16px)] flex-col overflow-hidden p-[var(--og-model-picker-menu-padding)]\",\n            props.contentClassName,\n          )}\n          style={{ ...props.portalStyle, ...props.contentStyle }}\n          data-testid=\"model-picker-content\"\n        >\n          <ModelPolicyPickerMenu {...props} />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-J2QWVSQY.js → chunk-JH7V627O.js}

@@ -1,24 +1,25 @@
+"use client";
 import {
   AnnotationAccentRow,
   AnnotationNotePreview,
   AnnotationQuoteSourceButton,
   TimelineAnnotationSourceRootContext,
   useTimelineAnnotationSourceRoot
-} from "./chunk-C5X5AJXK.js";
+} from "./chunk-2HVLQ26H.js";
 import {
   ANNOTATION_CARD_STACK_SCROLL_AT
-} from "./chunk-ZYRGEKWS.js";
+} from "./chunk-LJUMYUBO.js";
 import {
   annotationDisplayOrdinal,
   annotationHasNote,
   resolveAnnotationRevealRoot
-} from "./chunk-447JLCBU.js";
+} from "./chunk-S2QH6EZ5.js";
 import {
   useErrorMessage
-} from "./chunk-UGLEYEMP.js";
+} from "./chunk-CM7LVUKC.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/components/timeline-annotations.tsx
 import { QuoteIcon, XIcon } from "lucide-react";
@@ -31,7 +32,7 @@ import {
   useState
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var TimelineAnnotationsDialog = lazy(() => import("./timeline-annotations-dialog-ELRDBHTS.js"));
+var TimelineAnnotationsDialog = lazy(() => import("./timeline-annotations-dialog-FOMHSDTE.js"));
 function AnnotationSourceRootBridge({
   triggerRef,
   children
@@ -309,4 +310,4 @@ export {
   QUEUE_ITEM_CONTENT_UNAVAILABLE,
   queueItemContent
 };
-//# sourceMappingURL=chunk-J2QWVSQY.js.map
+//# sourceMappingURL=chunk-JH7V627O.js.map

package/dist/{chunk-J2QWVSQY.js.map → chunk-JH7V627O.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/timeline-annotations.tsx","../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.tsx","../src/components/queue-item-content.ts"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\nimport { QuoteIcon, XIcon } from \"lucide-react\";\nimport {\n  Suspense,\n  lazy,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  AnnotationAccentRow,\n  AnnotationNotePreview,\n  AnnotationQuoteSourceButton,\n  type TimelineAnnotationLike,\n} from \"./timeline-annotation-chrome\";\nimport { ANNOTATION_CARD_STACK_SCROLL_AT } from \"./timeline-annotation-layout\";\nimport {\n  TimelineAnnotationSourceRootContext,\n  useTimelineAnnotationSourceRoot,\n} from \"./timeline-annotation-reveal-context\";\nimport {\n  annotationDisplayOrdinal,\n  annotationHasNote,\n  resolveAnnotationRevealRoot,\n} from \"./timeline-annotation-shared\";\n\nexport type { TimelineAnnotationLike } from \"./timeline-annotation-chrome\";\n\nconst TimelineAnnotationsDialog = lazy(() => import(\"./timeline-annotations-dialog\"));\n\nfunction AnnotationSourceRootBridge({\n  triggerRef,\n  children,\n}: {\n  triggerRef: RefObject<HTMLElement | null>;\n  children: ReactNode;\n}) {\n  const inheritedRoot = useTimelineAnnotationSourceRoot();\n  const conversationRootRef = useRef<HTMLElement | null>(null);\n  if (!inheritedRoot) {\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  }\n  useLayoutEffect(() => {\n    if (inheritedRoot) return;\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  });\n  if (inheritedRoot) return children;\n  return (\n    <TimelineAnnotationSourceRootContext.Provider value={conversationRootRef}>\n      {children}\n    </TimelineAnnotationSourceRootContext.Provider>\n  );\n}\n\nexport function TimelineAnnotationCards({\n  annotations,\n  onRevealSource,\n  className,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n}) {\n  const [unavailableId, setUnavailableId] = useState<string | null>(null);\n  if (annotations.length === 0) return null;\n  return (\n    <div\n      data-og-annotation-cards=\"\"\n      className={cn(\n        \"grid gap-2\",\n        annotations.length >= ANNOTATION_CARD_STACK_SCROLL_AT &&\n          \"max-h-[min(28rem,55vh)] overflow-x-hidden overflow-y-auto overscroll-contain pr-1\",\n        className,\n      )}\n    >\n      {annotations.map((annotation, index) => {\n        const ordinal = annotationDisplayOrdinal(annotation, index);\n        return (\n          <section key={annotation.id} aria-label={`Annotation ${ordinal}`}>\n            <AnnotationAccentRow>\n              <p className=\"mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle\">\n                Annotation {ordinal}\n              </p>\n              <AnnotationQuoteSourceButton\n                annotation={annotation}\n                lines={2}\n                onRevealSource={onRevealSource}\n                onUnavailable={setUnavailableId}\n              />\n              {unavailableId === annotation.id ? (\n                <p role=\"status\" className=\"text-og-xs text-og-status-waiting\">\n                  Source is outside the loaded timeline window.\n                </p>\n              ) : null}\n              <AnnotationNotePreview\n                note={annotation.note}\n                annotationId={annotation.id}\n                ordinal={ordinal}\n              />\n            </AnnotationAccentRow>\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function TimelineAnnotationsChip({\n  annotations,\n  editable = false,\n  focusAnnotationId,\n  onFocusConsumed,\n  onUpdate,\n  onRemove,\n  onRevealSource,\n  className,\n  compact = false,\n  onCommit,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  editable?: boolean | undefined;\n  focusAnnotationId?: string | null | undefined;\n  onFocusConsumed?: (() => void) | undefined;\n  onUpdate?: ((id: string, note: string) => void) | undefined;\n  onRemove?: ((id: string) => void) | undefined;\n  /** Return focus to the owning input after all notes are completed with Enter. */\n  onCommit?: (() => void) | undefined;\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n  /** Dense trigger for single-line rows such as the compact queue dock. */\n  compact?: boolean | undefined;\n}) {\n  const focusRequested = Boolean(\n    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId),\n  );\n  const [open, setOpen] = useState(focusRequested);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const openedFocusId = useRef<string | null>(focusRequested ? (focusAnnotationId ?? null) : null);\n\n  useEffect(() => {\n    if (!focusRequested || !focusAnnotationId) {\n      if (!focusRequested) openedFocusId.current = null;\n      return;\n    }\n    if (openedFocusId.current === focusAnnotationId) return;\n    openedFocusId.current = focusAnnotationId;\n    setOpen(true);\n  }, [focusAnnotationId, focusRequested]);\n\n  if (annotations.length === 0) return null;\n  const countLabel = `${annotations.length} ${annotations.length === 1 ? \"annotation\" : \"annotations\"}`;\n  const incomplete = annotations.some((annotation) => !annotationHasNote(annotation.note));\n  const canClear = Boolean(editable && onRemove);\n\n  const dismiss = (restoreFocus: boolean) => {\n    setOpen(false);\n    onFocusConsumed?.();\n    if (restoreFocus) triggerRef.current?.focus();\n  };\n\n  return (\n    <span className={cn(\"inline-flex max-w-full items-center\", className)}>\n      <span\n        className={cn(\n          \"inline-flex max-w-full items-center rounded-full border bg-og-surface-1 text-og-fg-muted\",\n          incomplete ? \"border-og-accent/45 bg-og-accent-soft/50\" : \"border-og-border\",\n        )}\n      >\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          className={cn(\n            \"inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border-0 bg-transparent font-medium outline-hidden transition hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]\",\n            compact ? \"min-h-6 py-0.5 text-og-xs\" : \"min-h-8 py-1 text-og-sm\",\n            canClear ? \"pr-1 pl-2.5\" : \"px-2.5\",\n          )}\n          aria-label={`Review ${countLabel}`}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((current) => !current)}\n        >\n          <QuoteIcon className=\"size-3.5 shrink-0 text-og-accent\" aria-hidden=\"true\" />\n          <span className=\"min-w-0 truncate\">{countLabel}</span>\n        </button>\n        {canClear ? (\n          <button\n            type=\"button\"\n            className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-full border-0 bg-transparent text-og-fg-subtle outline-hidden hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n            aria-label=\"Remove all annotations\"\n            onClick={() => {\n              for (const annotation of annotations) onRemove?.(annotation.id);\n            }}\n          >\n            <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n          </button>\n        ) : null}\n      </span>\n      {open ? (\n        <AnnotationSourceRootBridge triggerRef={triggerRef}>\n          <Suspense fallback={null}>\n            <TimelineAnnotationsDialog\n              annotations={annotations}\n              editable={editable}\n              focusAnnotationId={focusAnnotationId}\n              onFocusConsumed={onFocusConsumed}\n              onUpdate={onUpdate}\n              onRemove={onRemove}\n              onRevealSource={onRevealSource}\n              triggerRef={triggerRef}\n              countLabel={countLabel}\n              onDismiss={dismiss}\n              onCommit={() => {\n                dismiss(!onCommit);\n                onCommit?.();\n              }}\n            />\n          </Suspense>\n        </AnnotationSourceRootBridge>\n      ) : null}\n    </span>\n  );\n}\n\nexport default TimelineAnnotationsChip;\n","import type { ComposerState } from \"../hooks/use-composer\";\n\n/**\n * Decide whether checking out a queued prompt would replace current composer\n * content. `hasDraftContent` reads the synchronous draft refs, so this stays\n * correct even when a controlled input update has not rendered yet.\n */\nexport function requestQueueDraftEdit(\n  composer: Pick<ComposerState, \"hasDraftContent\">,\n  confirmReplacement: () => void,\n  editImmediately: () => void,\n): void {\n  if (composer.hasDraftContent()) {\n    confirmReplacement();\n  } else {\n    editImmediately();\n  }\n}\n","import { Loader2Icon, RotateCwIcon } from \"lucide-react\";\n\nimport type { UseTurnQueueResult } from \"../hooks/use-turn-queue\";\nimport { useErrorMessage } from \"../lib/error-message\";\n\ntype QueueStateProps = {\n  queue: UseTurnQueueResult;\n};\n\nexport function EmptyQueueStateSurface({ queue }: QueueStateProps) {\n  const hasError = Boolean(queue.error || queue.mutationError);\n  return (\n    <div\n      className=\"og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6\"\n      data-testid=\"queue-surface\"\n    >\n      <div className=\"overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm\">\n        {queue.stoppingPreviousAttempt ? (\n          <QueueStoppingStatus queue={queue} dividerAfter={hasError} />\n        ) : null}\n        {hasError ? <QueueErrorAlert queue={queue} /> : null}\n      </div>\n    </div>\n  );\n}\n\nexport function QueueStoppingStatus({\n  queue,\n  dividerAfter = false,\n}: QueueStateProps & { dividerAfter?: boolean }) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={`flex min-h-11 items-center gap-2.5 bg-status-waiting/[0.07] px-3 py-2 text-og-control text-fg ${\n        dividerAfter ? \"border-b border-status-waiting/20\" : \"\"\n      }`}\n      data-testid=\"stopping-previous-attempt\"\n    >\n      <Loader2Icon\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-status-waiting motion-reduce:animate-none\"\n      />\n      <span className=\"min-w-0\">\n        <span className=\"font-medium\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Stopping current attempt…\"\n            : \"Stopping previous attempt…\"}\n        </span>{\" \"}\n        <span className=\"text-fg-muted\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Queued work stays saved until you resume.\"\n            : \"Queued work is saved and starts automatically.\"}\n        </span>\n      </span>\n    </div>\n  );\n}\n\nexport function QueueErrorAlert({\n  queue,\n  dividerBefore = false,\n}: QueueStateProps & { dividerBefore?: boolean }) {\n  const formatError = useErrorMessage();\n  return (\n    <div className={`${dividerBefore ? \"border-t border-border\" : \"\"} p-2`}>\n      <div\n        role=\"alert\"\n        className=\"flex min-w-0 max-w-full flex-wrap items-start gap-2 rounded-md bg-status-failed/10 px-2 py-1.5 text-og-control text-status-failed\"\n      >\n        <span\n          role=\"region\"\n          aria-label=\"Queue error details\"\n          tabIndex={0}\n          className=\"max-h-[min(5rem,20dvh)] min-w-0 max-w-full flex-[1_1_5rem] overflow-auto overscroll-contain whitespace-pre-wrap rounded-sm outline-hidden [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40\"\n          data-testid=\"queue-error-message\"\n          dir=\"auto\"\n        >\n          {formatError(queue.mutationError ?? queue.error)}\n        </span>\n        <button\n          type=\"button\"\n          onClick={() => {\n            queue.clearMutationError();\n            void queue.refresh();\n          }}\n          aria-label=\"Dismiss queue error and retry\"\n          title=\"Retry loading the queue\"\n          className=\"ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-hidden transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]\"\n        >\n          <RotateCwIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n","/**\n * One presentation rule for a queued item, shared by the full queue and the\n * compact session-chrome dock so the two cannot drift. A turn with an empty\n * prompt and timeline annotations is valid content; an item with neither is a\n * malformed or legacy object that gets an explicit fallback, never a blank row.\n */\nexport type QueueItemContent = \"text\" | \"annotations\" | \"unavailable\";\n\nexport const QUEUE_ITEM_CONTENT_UNAVAILABLE = \"Content unavailable\";\n\nexport function queueItemContent(text: string, annotationCount: number): QueueItemContent {\n  if (text.length > 0) return \"text\";\n  return annotationCount > 0 ? \"annotations\" : \"unavailable\";\n}\n"],"mappings":"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","names":["jsx","jsxs"]}
+{"version":3,"sources":["../src/components/timeline-annotations.tsx","../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.tsx","../src/components/queue-item-content.ts"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\nimport { QuoteIcon, XIcon } from \"lucide-react\";\nimport {\n  Suspense,\n  lazy,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  AnnotationAccentRow,\n  AnnotationNotePreview,\n  AnnotationQuoteSourceButton,\n  type TimelineAnnotationLike,\n} from \"./timeline-annotation-chrome\";\nimport { ANNOTATION_CARD_STACK_SCROLL_AT } from \"./timeline-annotation-layout\";\nimport {\n  TimelineAnnotationSourceRootContext,\n  useTimelineAnnotationSourceRoot,\n} from \"./timeline-annotation-reveal-context\";\nimport {\n  annotationDisplayOrdinal,\n  annotationHasNote,\n  resolveAnnotationRevealRoot,\n} from \"./timeline-annotation-shared\";\n\nexport type { TimelineAnnotationLike } from \"./timeline-annotation-chrome\";\n\nconst TimelineAnnotationsDialog = lazy(() => import(\"./timeline-annotations-dialog\"));\n\nfunction AnnotationSourceRootBridge({\n  triggerRef,\n  children,\n}: {\n  triggerRef: RefObject<HTMLElement | null>;\n  children: ReactNode;\n}) {\n  const inheritedRoot = useTimelineAnnotationSourceRoot();\n  const conversationRootRef = useRef<HTMLElement | null>(null);\n  if (!inheritedRoot) {\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  }\n  useLayoutEffect(() => {\n    if (inheritedRoot) return;\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  });\n  if (inheritedRoot) return children;\n  return (\n    <TimelineAnnotationSourceRootContext.Provider value={conversationRootRef}>\n      {children}\n    </TimelineAnnotationSourceRootContext.Provider>\n  );\n}\n\nexport function TimelineAnnotationCards({\n  annotations,\n  onRevealSource,\n  className,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n}) {\n  const [unavailableId, setUnavailableId] = useState<string | null>(null);\n  if (annotations.length === 0) return null;\n  return (\n    <div\n      data-og-annotation-cards=\"\"\n      className={cn(\n        \"grid gap-2\",\n        annotations.length >= ANNOTATION_CARD_STACK_SCROLL_AT &&\n          \"max-h-[min(28rem,55vh)] overflow-x-hidden overflow-y-auto overscroll-contain pr-1\",\n        className,\n      )}\n    >\n      {annotations.map((annotation, index) => {\n        const ordinal = annotationDisplayOrdinal(annotation, index);\n        return (\n          <section key={annotation.id} aria-label={`Annotation ${ordinal}`}>\n            <AnnotationAccentRow>\n              <p className=\"mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle\">\n                Annotation {ordinal}\n              </p>\n              <AnnotationQuoteSourceButton\n                annotation={annotation}\n                lines={2}\n                onRevealSource={onRevealSource}\n                onUnavailable={setUnavailableId}\n              />\n              {unavailableId === annotation.id ? (\n                <p role=\"status\" className=\"text-og-xs text-og-status-waiting\">\n                  Source is outside the loaded timeline window.\n                </p>\n              ) : null}\n              <AnnotationNotePreview\n                note={annotation.note}\n                annotationId={annotation.id}\n                ordinal={ordinal}\n              />\n            </AnnotationAccentRow>\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function TimelineAnnotationsChip({\n  annotations,\n  editable = false,\n  focusAnnotationId,\n  onFocusConsumed,\n  onUpdate,\n  onRemove,\n  onRevealSource,\n  className,\n  compact = false,\n  onCommit,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  editable?: boolean | undefined;\n  focusAnnotationId?: string | null | undefined;\n  onFocusConsumed?: (() => void) | undefined;\n  onUpdate?: ((id: string, note: string) => void) | undefined;\n  onRemove?: ((id: string) => void) | undefined;\n  /** Return focus to the owning input after all notes are completed with Enter. */\n  onCommit?: (() => void) | undefined;\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n  /** Dense trigger for single-line rows such as the compact queue dock. */\n  compact?: boolean | undefined;\n}) {\n  const focusRequested = Boolean(\n    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId),\n  );\n  const [open, setOpen] = useState(focusRequested);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const openedFocusId = useRef<string | null>(focusRequested ? (focusAnnotationId ?? null) : null);\n\n  useEffect(() => {\n    if (!focusRequested || !focusAnnotationId) {\n      if (!focusRequested) openedFocusId.current = null;\n      return;\n    }\n    if (openedFocusId.current === focusAnnotationId) return;\n    openedFocusId.current = focusAnnotationId;\n    setOpen(true);\n  }, [focusAnnotationId, focusRequested]);\n\n  if (annotations.length === 0) return null;\n  const countLabel = `${annotations.length} ${annotations.length === 1 ? \"annotation\" : \"annotations\"}`;\n  const incomplete = annotations.some((annotation) => !annotationHasNote(annotation.note));\n  const canClear = Boolean(editable && onRemove);\n\n  const dismiss = (restoreFocus: boolean) => {\n    setOpen(false);\n    onFocusConsumed?.();\n    if (restoreFocus) triggerRef.current?.focus();\n  };\n\n  return (\n    <span className={cn(\"inline-flex max-w-full items-center\", className)}>\n      <span\n        className={cn(\n          \"inline-flex max-w-full items-center rounded-full border bg-og-surface-1 text-og-fg-muted\",\n          incomplete ? \"border-og-accent/45 bg-og-accent-soft/50\" : \"border-og-border\",\n        )}\n      >\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          className={cn(\n            \"inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border-0 bg-transparent font-medium outline-hidden transition hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]\",\n            compact ? \"min-h-6 py-0.5 text-og-xs\" : \"min-h-8 py-1 text-og-sm\",\n            canClear ? \"pr-1 pl-2.5\" : \"px-2.5\",\n          )}\n          aria-label={`Review ${countLabel}`}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((current) => !current)}\n        >\n          <QuoteIcon className=\"size-3.5 shrink-0 text-og-accent\" aria-hidden=\"true\" />\n          <span className=\"min-w-0 truncate\">{countLabel}</span>\n        </button>\n        {canClear ? (\n          <button\n            type=\"button\"\n            className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-full border-0 bg-transparent text-og-fg-subtle outline-hidden hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n            aria-label=\"Remove all annotations\"\n            onClick={() => {\n              for (const annotation of annotations) onRemove?.(annotation.id);\n            }}\n          >\n            <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n          </button>\n        ) : null}\n      </span>\n      {open ? (\n        <AnnotationSourceRootBridge triggerRef={triggerRef}>\n          <Suspense fallback={null}>\n            <TimelineAnnotationsDialog\n              annotations={annotations}\n              editable={editable}\n              focusAnnotationId={focusAnnotationId}\n              onFocusConsumed={onFocusConsumed}\n              onUpdate={onUpdate}\n              onRemove={onRemove}\n              onRevealSource={onRevealSource}\n              triggerRef={triggerRef}\n              countLabel={countLabel}\n              onDismiss={dismiss}\n              onCommit={() => {\n                dismiss(!onCommit);\n                onCommit?.();\n              }}\n            />\n          </Suspense>\n        </AnnotationSourceRootBridge>\n      ) : null}\n    </span>\n  );\n}\n\nexport default TimelineAnnotationsChip;\n","import type { ComposerState } from \"../hooks/use-composer\";\n\n/**\n * Decide whether checking out a queued prompt would replace current composer\n * content. `hasDraftContent` reads the synchronous draft refs, so this stays\n * correct even when a controlled input update has not rendered yet.\n */\nexport function requestQueueDraftEdit(\n  composer: Pick<ComposerState, \"hasDraftContent\">,\n  confirmReplacement: () => void,\n  editImmediately: () => void,\n): void {\n  if (composer.hasDraftContent()) {\n    confirmReplacement();\n  } else {\n    editImmediately();\n  }\n}\n","import { Loader2Icon, RotateCwIcon } from \"lucide-react\";\n\nimport type { UseTurnQueueResult } from \"../hooks/use-turn-queue\";\nimport { useErrorMessage } from \"../lib/error-message\";\n\ntype QueueStateProps = {\n  queue: UseTurnQueueResult;\n};\n\nexport function EmptyQueueStateSurface({ queue }: QueueStateProps) {\n  const hasError = Boolean(queue.error || queue.mutationError);\n  return (\n    <div\n      className=\"og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6\"\n      data-testid=\"queue-surface\"\n    >\n      <div className=\"overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm\">\n        {queue.stoppingPreviousAttempt ? (\n          <QueueStoppingStatus queue={queue} dividerAfter={hasError} />\n        ) : null}\n        {hasError ? <QueueErrorAlert queue={queue} /> : null}\n      </div>\n    </div>\n  );\n}\n\nexport function QueueStoppingStatus({\n  queue,\n  dividerAfter = false,\n}: QueueStateProps & { dividerAfter?: boolean }) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={`flex min-h-11 items-center gap-2.5 bg-status-waiting/[0.07] px-3 py-2 text-og-control text-fg ${\n        dividerAfter ? \"border-b border-status-waiting/20\" : \"\"\n      }`}\n      data-testid=\"stopping-previous-attempt\"\n    >\n      <Loader2Icon\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-status-waiting motion-reduce:animate-none\"\n      />\n      <span className=\"min-w-0\">\n        <span className=\"font-medium\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Stopping current attempt…\"\n            : \"Stopping previous attempt…\"}\n        </span>{\" \"}\n        <span className=\"text-fg-muted\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Queued work stays saved until you resume.\"\n            : \"Queued work is saved and starts automatically.\"}\n        </span>\n      </span>\n    </div>\n  );\n}\n\nexport function QueueErrorAlert({\n  queue,\n  dividerBefore = false,\n}: QueueStateProps & { dividerBefore?: boolean }) {\n  const formatError = useErrorMessage();\n  return (\n    <div className={`${dividerBefore ? \"border-t border-border\" : \"\"} p-2`}>\n      <div\n        role=\"alert\"\n        className=\"flex min-w-0 max-w-full flex-wrap items-start gap-2 rounded-md bg-status-failed/10 px-2 py-1.5 text-og-control text-status-failed\"\n      >\n        <span\n          role=\"region\"\n          aria-label=\"Queue error details\"\n          tabIndex={0}\n          className=\"max-h-[min(5rem,20dvh)] min-w-0 max-w-full flex-[1_1_5rem] overflow-auto overscroll-contain whitespace-pre-wrap rounded-sm outline-hidden [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40\"\n          data-testid=\"queue-error-message\"\n          dir=\"auto\"\n        >\n          {formatError(queue.mutationError ?? queue.error)}\n        </span>\n        <button\n          type=\"button\"\n          onClick={() => {\n            queue.clearMutationError();\n            void queue.refresh();\n          }}\n          aria-label=\"Dismiss queue error and retry\"\n          title=\"Retry loading the queue\"\n          className=\"ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-hidden transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]\"\n        >\n          <RotateCwIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n","/**\n * One presentation rule for a queued item, shared by the full queue and the\n * compact session-chrome dock so the two cannot drift. A turn with an empty\n * prompt and timeline annotations is valid content; an item with neither is a\n * malformed or legacy object that gets an explicit fallback, never a blank row.\n */\nexport type QueueItemContent = \"text\" | \"annotations\" | \"unavailable\";\n\nexport const QUEUE_ITEM_CONTENT_UNAVAILABLE = \"Content unavailable\";\n\nexport function queueItemContent(text: string, annotationCount: number): QueueItemContent {\n  if (text.length > 0) return \"text\";\n  return annotationCount > 0 ? \"annotations\" : \"unavailable\";\n}\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/{chunk-EESD3PY3.js → chunk-JHTIMBOL.js}

@@ -1,17 +1,18 @@
+"use client";
 import {
   formatBytes,
   formatRelativeTime
-} from "./chunk-UTRTG6LH.js";
+} from "./chunk-LVS3MH5T.js";
 import {
   useMutationRunner,
   usePageLiveActivity
-} from "./chunk-YQEAA6LT.js";
+} from "./chunk-QHUE7E4N.js";
 import {
   useOpenGeni
-} from "./chunk-TKOTKRWY.js";
+} from "./chunk-XTD7TZHW.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/types/machines.ts
 function connectionStatusForState(state) {
@@ -2448,4 +2449,4 @@ export {
   EnrollmentDeviceFlow,
   EnrollmentConsent
 };
-//# sourceMappingURL=chunk-EESD3PY3.js.map
+//# sourceMappingURL=chunk-JHTIMBOL.js.map