@athenaintel/react 0.32.0 → 0.36.0

package/dist/catalog/chat-pickers.js

@@ -1,15 +1,20 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { BotIcon, ChevronDownIcon, SparklesIcon, CheckIcon } from "lucide-react";
+import { BotIcon, ChevronDownIcon, LayersIcon, CheckIcon, SparklesIcon } from "lucide-react";
 import { DropdownMenu } from "radix-ui";
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef, useEffect, useContext } from "react";
 import { usePortalContainer } from "../lib/owner-document.js";
 import { portalSurfaceStyle } from "../lib/portal-surface.js";
+import { AthenaAgentSelectionContext } from "../provider/agent-selection-context.js";
 import { useAthenaThemeStyle } from "../provider/theme-style-context.js";
-import { useAthenaAgentCatalog, useAthenaModelCatalog, resolveCatalogModelId, groupModelsByProvider } from "./runtime-catalog.js";
+import { agentAssetIdOf } from "./agent-model-options.js";
+import { useAthenaAgentCatalog, useAgentModelChoices, useAthenaModelCatalog, resolveCatalogModelId, groupModelsByProvider } from "./runtime-catalog.js";
+import { useAthenaChatMode } from "./use-athena-chat-mode.js";
 import { cn } from "cnfast";
 const CHIP_CLASS = "inline-flex h-7 max-w-[14rem] items-center gap-1 rounded-md px-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50";
+const STATIC_CHIP_CLASS = "inline-flex h-7 max-w-[14rem] items-center gap-1 rounded-md px-2 text-xs text-muted-foreground";
 const ITEM_CLASS = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-7 text-sm outline-none data-[highlighted]:bg-muted data-[state=checked]:font-medium";
 const AGENT_OWN_MODEL = "__agent_own_model__";
+const AGENT_MODEL_LABEL = "Agent’s model";
 function PickerMenu({ label, children }) {
   const themeStyle = useAthenaThemeStyle();
   const container = usePortalContainer();
@@ -29,9 +34,16 @@ function PickerMenu({ label, children }) {
     }
   ) });
 }
-function PickerItem({ value, children }) {
+function PickerItem({
+  value,
+  detail,
+  children
+}) {
   return /* @__PURE__ */ jsxs(DropdownMenu.RadioItem, { value, className: ITEM_CLASS, children: [
-    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children }),
+    detail ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-normal text-muted-foreground", children: detail })
+    ] }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children }),
     /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { className: "absolute right-2 inline-flex", children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) })
   ] });
 }
@@ -50,10 +62,93 @@ function ChatModelPicker({
   onChange,
   defaultModelId,
   agentSelected = false,
+  agent,
+  channel,
   disabled = false,
   className
 }) {
+  const providerSelection = useContext(AthenaAgentSelectionContext);
+  const agentAssetId = agent !== void 0 ? agentAssetIdOf(agent) : agentSelected ? (providerSelection == null ? void 0 : providerSelection.agentAssetId) ?? null : null;
+  if (agentAssetId !== null) {
+    const agentChannel = channel !== void 0 ? channel : (providerSelection == null ? void 0 : providerSelection.agentAssetId) === agentAssetId ? providerSelection.channel : null;
+    return /* @__PURE__ */ jsx(
+      AgentAwareModelPicker,
+      {
+        agentAssetId,
+        channel: agentChannel,
+        value,
+        onChange,
+        defaultModelId,
+        disabled,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    WorkspaceModelPicker,
+    {
+      value,
+      onChange,
+      defaultModelId,
+      agentSelected,
+      disabled,
+      className
+    }
+  );
+}
+function AgentAwareModelPicker({
+  agentAssetId,
+  channel,
+  value,
+  onChange,
+  defaultModelId,
+  disabled,
+  className
+}) {
+  const { choices, modelLabel, catalog } = useAgentModelChoices({ agent: agentAssetId, channel });
+  if (choices.status === "ready" && !choices.allowAnyModel) {
+    return /* @__PURE__ */ jsx(
+      AgentModelMenu,
+      {
+        choices,
+        modelLabel,
+        value,
+        onChange,
+        disabled,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    WorkspaceModelMenu,
+    {
+      catalog,
+      value,
+      onChange,
+      defaultModelId,
+      agentSelected: true,
+      agentDefaultLabel: choices.defaultModel === null ? null : modelLabel(choices.defaultModel),
+      holdReplacement: choices.status === "loading",
+      disabled,
+      className
+    }
+  );
+}
+function WorkspaceModelPicker(props) {
   const catalog = useAthenaModelCatalog();
+  return /* @__PURE__ */ jsx(WorkspaceModelMenu, { catalog, ...props });
+}
+function WorkspaceModelMenu({
+  catalog,
+  value,
+  onChange,
+  defaultModelId,
+  agentSelected,
+  agentDefaultLabel = null,
+  holdReplacement = false,
+  disabled,
+  className
+}) {
   const [open, setOpen] = useState(false);
   const models = catalog.data ?? [];
   const resolved = value === null && agentSelected ? null : resolveCatalogModelId({ stored: value, defaultModelId, models });
@@ -61,11 +156,12 @@ function ChatModelPicker({
   const label = resolved === null ? "Agent’s model" : (current == null ? void 0 : current.label) ?? resolved;
   const replacedRef = useRef(null);
   useEffect(() => {
+    if (holdReplacement) return;
     if (!catalog.isSuccess || value === null || resolved === null || resolved === value) return;
     if (models.some((model) => model.id === value) || replacedRef.current === value) return;
     replacedRef.current = value;
     onChange(resolved);
-  }, [catalog.isSuccess, models, value, resolved, onChange]);
+  }, [holdReplacement, catalog.isSuccess, models, value, resolved, onChange]);
   return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
@@ -87,7 +183,7 @@ function ChatModelPicker({
         value: resolved ?? AGENT_OWN_MODEL,
         onValueChange: (next) => onChange(next === AGENT_OWN_MODEL ? null : next),
         children: [
-          agentSelected && /* @__PURE__ */ jsx(PickerItem, { value: AGENT_OWN_MODEL, children: "Agent’s own model" }),
+          agentSelected && /* @__PURE__ */ jsx(PickerItem, { value: AGENT_OWN_MODEL, detail: agentDefaultLabel, children: "Agent’s own model" }),
           catalog.isPending && /* @__PURE__ */ jsx(PickerNote, { children: "Loading models…" }),
           catalog.isError && /* @__PURE__ */ jsx(PickerNote, { alert: true, children: "Couldn’t load the models. Try again in a moment." }),
           groupModelsByProvider({ models }).map((group) => /* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
@@ -102,6 +198,91 @@ function ChatModelPicker({
     ) })
   ] });
 }
+function AgentModelMenu({
+  choices,
+  modelLabel,
+  value,
+  onChange,
+  disabled,
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const pinsDefault = value !== null && value === choices.defaultModel;
+  const items = choices.options.map((option) => {
+    const display = modelLabel(option.model);
+    return {
+      value: option.isDefault && !pinsDefault ? AGENT_OWN_MODEL : option.model,
+      label: option.label,
+      isDefault: option.isDefault,
+      detail: option.pinnedOutside ? "Set for this conversation outside the agent" : display === option.label ? null : display
+    };
+  });
+  if (value !== null && !choices.options.some((option) => option.model === value)) {
+    items.push({
+      value,
+      label: modelLabel(value),
+      isDefault: false,
+      detail: "Not one of the agent’s models"
+    });
+  }
+  if (pinsDefault) {
+    items.push({
+      value: AGENT_OWN_MODEL,
+      label: "Agent’s own model",
+      isDefault: false,
+      detail: "Follows the agent’s default"
+    });
+  }
+  const selectedValue = value ?? AGENT_OWN_MODEL;
+  const selected = items.find((item) => item.value === selectedValue) ?? null;
+  const label = (selected == null ? void 0 : selected.label) || AGENT_MODEL_LABEL;
+  if (items.length < 2) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "img",
+        "aria-label": `Model: ${label}`,
+        title: selected ? `This agent runs ${label}` : "This agent runs its own model",
+        "data-slot": "chat-model-picker-label",
+        className: cn(STATIC_CHIP_CLASS, className),
+        children: [
+          /* @__PURE__ */ jsx(SparklesIcon, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(CHIP_CLASS, className),
+        disabled,
+        "aria-label": `Model: ${label}`,
+        children: [
+          /* @__PURE__ */ jsx(SparklesIcon, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3 shrink-0", "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PickerMenu, { label: "Model", children: /* @__PURE__ */ jsxs(
+      DropdownMenu.RadioGroup,
+      {
+        value: selectedValue,
+        onValueChange: (next) => onChange(next === AGENT_OWN_MODEL ? null : next),
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenu.Label, { className: "px-2 pb-0.5 pt-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Agent models" }),
+          items.map((item) => /* @__PURE__ */ jsxs(PickerItem, { value: item.value, detail: item.detail, children: [
+            item.label,
+            item.isDefault ? " (default)" : ""
+          ] }, item.value))
+        ]
+      }
+    ) })
+  ] });
+}
 const NO_AGENT = "__athena__";
 function ChatAgentPicker({ value, onChange, disabled = false, className }) {
   var _a;
@@ -145,8 +326,58 @@ function ChatAgentPicker({ value, onChange, disabled = false, className }) {
     ) })
   ] });
 }
+function ChatModePicker({
+  value,
+  options,
+  onChange,
+  valueLabel,
+  disabled = false,
+  disabledReason,
+  className
+}) {
+  var _a;
+  const [open, setOpen] = useState(false);
+  const label = ((_a = options.find((option) => option.id === value)) == null ? void 0 : _a.label) ?? valueLabel ?? value;
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(CHIP_CLASS, className),
+        disabled,
+        title: disabled ? disabledReason : void 0,
+        "aria-label": `Mode: ${label}`,
+        "data-slot": "chat-mode-picker",
+        children: [
+          /* @__PURE__ */ jsx(LayersIcon, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3 shrink-0", "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PickerMenu, { label: "Mode", children: /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, { value, onValueChange: onChange, children: options.map((option) => /* @__PURE__ */ jsx(PickerItem, { value: option.id, children: option.label }, option.id)) }) })
+  ] });
+}
+function AthenaChatModeMenu({ className }) {
+  const mode = useAthenaChatMode();
+  if (mode.status !== "ready") return null;
+  return /* @__PURE__ */ jsx(
+    ChatModePicker,
+    {
+      value: mode.current,
+      valueLabel: mode.currentLabel,
+      options: mode.options,
+      onChange: mode.select,
+      disabled: !mode.canSwitch,
+      disabledReason: "This channel keeps each conversation in the mode it started in. Start a new conversation to pick another.",
+      className
+    }
+  );
+}
 export {
+  AthenaChatModeMenu,
   ChatAgentPicker,
+  ChatModePicker,
   ChatModelPicker
 };
 //# sourceMappingURL=chat-pickers.js.map

package/dist/catalog/chat-pickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-pickers.js","sources":["../../src/catalog/chat-pickers.tsx"],"sourcesContent":["import { BotIcon, CheckIcon, ChevronDownIcon, SparklesIcon } from 'lucide-react';\nimport { DropdownMenu } from 'radix-ui';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { usePortalContainer } from '../lib/owner-document';\nimport { portalSurfaceStyle } from '../lib/portal-surface';\nimport { cn } from '../lib/utils';\nimport { useAthenaThemeStyle } from '../provider/theme-style-context';\nimport {\n  groupModelsByProvider,\n  resolveCatalogModelId,\n  useAthenaAgentCatalog,\n  useAthenaModelCatalog,\n} from './runtime-catalog';\n\n/**\n * The composer's agent and model pickers: compact chips for `AthenaChat`'s `toolbarStart` slot\n * that open a menu, as ChatGPT's and Codex's composers do. They are controlled: the host keeps the\n * choice (and remembers it if it likes) and passes it to `AthenaProvider` as `model` and\n * `agent=\"collab_agent:<id>\"`. New messages run with the choice. The menus are Radix radio menus,\n * so arrow keys, typeahead, Escape and focus return work as in any native menu.\n */\n\nconst CHIP_CLASS =\n  'inline-flex h-7 max-w-[14rem] items-center gap-1 rounded-md px-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50';\n\nconst ITEM_CLASS =\n  'relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-7 text-sm outline-none data-[highlighted]:bg-muted data-[state=checked]:font-medium';\n\n/** The \"Agent's own model\" item's value: a chosen agent runs the model its author set. */\nconst AGENT_OWN_MODEL = '__agent_own_model__';\n\n/** The menu body, portaled and themed like the SDK's popovers (it renders outside the provider). */\nfunction PickerMenu({ label, children }: { label: string; children: ReactNode }) {\n  const themeStyle = useAthenaThemeStyle();\n  const container = usePortalContainer();\n  return (\n    <DropdownMenu.Portal container={container}>\n      <DropdownMenu.Content\n        align=\"start\"\n        sideOffset={4}\n        collisionPadding={8}\n        aria-label={label}\n        // Its box and colours inline: no host stylesheet can take them away\n        // (lib/portal-surface.ts).\n        style={portalSurfaceStyle({ surface: 'popover', themeStyle })}\n        className={cn(\n          'athena-sdk athena-sdk-chrome',\n          'z-50 block max-h-80 w-64 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n        )}\n      >\n        {children}\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n}\n\nfunction PickerItem({ value, children }: { value: string; children: ReactNode }) {\n  return (\n    <DropdownMenu.RadioItem value={value} className={ITEM_CLASS}>\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <DropdownMenu.ItemIndicator className=\"absolute right-2 inline-flex\">\n        <CheckIcon className=\"size-3.5\" aria-hidden />\n      </DropdownMenu.ItemIndicator>\n    </DropdownMenu.RadioItem>\n  );\n}\n\nfunction PickerNote({ children, alert = false }: { children: ReactNode; alert?: boolean }) {\n  return (\n    <p\n      className={cn('px-2 py-1.5 text-xs', alert ? 'text-destructive' : 'text-muted-foreground')}\n      role={alert ? 'alert' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface ChatModelPickerProps {\n  /** The chosen model id; `null` lets a selected agent run its own model. */\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  /** The model a person who chose nothing runs, e.g. `claude-opus-5-5`. */\n  defaultModelId: string;\n  /** A collab agent is chosen: offer \"Agent's own model\" (`null`). */\n  agentSelected?: boolean;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** Which model new messages run, from the models the workspace allows this person. */\nexport function ChatModelPicker({\n  value,\n  onChange,\n  defaultModelId,\n  agentSelected = false,\n  disabled = false,\n  className,\n}: ChatModelPickerProps) {\n  const catalog = useAthenaModelCatalog();\n  const [open, setOpen] = useState(false);\n  const models = catalog.data ?? [];\n  const resolved =\n    value === null && agentSelected\n      ? null\n      : resolveCatalogModelId({ stored: value, defaultModelId, models });\n  const current = models.find((model) => model.id === resolved);\n  const label = resolved === null ? 'Agent’s model' : (current?.label ?? resolved);\n  // The host's choice is no longer offered (retired, or the workspace stopped allowing it): hand\n  // the host the model the chip shows, so new messages run it instead of the dropped id. Once per\n  // choice, so a host that keeps the old value is not asked again on every render.\n  const replacedRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!catalog.isSuccess || value === null || resolved === null || resolved === value) return;\n    if (models.some((model) => model.id === value) || replacedRef.current === value) return;\n    replacedRef.current = value;\n    onChange(resolved);\n  }, [catalog.isSuccess, models, value, resolved, onChange]);\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          aria-label={`Model: ${label}`}\n        >\n          <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Model\">\n        <DropdownMenu.RadioGroup\n          value={resolved ?? AGENT_OWN_MODEL}\n          onValueChange={(next) => onChange(next === AGENT_OWN_MODEL ? null : next)}\n        >\n          {agentSelected && <PickerItem value={AGENT_OWN_MODEL}>Agent’s own model</PickerItem>}\n          {catalog.isPending && <PickerNote>Loading models…</PickerNote>}\n          {catalog.isError && <PickerNote alert>Couldn’t load the models. Try again in a moment.</PickerNote>}\n          {groupModelsByProvider({ models }).map((group) => (\n            <DropdownMenu.Group key={group.provider}>\n              <DropdownMenu.Label className=\"px-2 pb-0.5 pt-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                {group.provider}\n              </DropdownMenu.Label>\n              {group.models.map((model) => (\n                <PickerItem key={model.id} value={model.id}>\n                  {model.label}\n                  {model.status === 'LEGACY' ? ' (legacy)' : ''}\n                </PickerItem>\n              ))}\n            </DropdownMenu.Group>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n\nexport interface ChatAgentPickerProps {\n  /** The chosen collab agent's asset id; `null` is Athena. */\n  value: string | null;\n  onChange: (agentId: string | null) => void;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** The \"Athena\" item's value: no collab agent. */\nconst NO_AGENT = '__athena__';\n\n/** Who answers new messages: Athena, or a published collab agent the person can see. */\nexport function ChatAgentPicker({ value, onChange, disabled = false, className }: ChatAgentPickerProps) {\n  const catalog = useAthenaAgentCatalog();\n  const [open, setOpen] = useState(false);\n  const agents = catalog.data ?? [];\n  const label = value === null ? 'Athena' : (agents.find((agent) => agent.id === value)?.name ?? 'Agent');\n  // The chosen agent is gone (unpublished, or no longer shared with this person): fall back to\n  // Athena, so new messages do not target an agent they cannot reach. Once per choice.\n  const clearedRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!catalog.isSuccess || value === null || clearedRef.current === value) return;\n    if (agents.some((agent) => agent.id === value)) return;\n    clearedRef.current = value;\n    onChange(null);\n  }, [catalog.isSuccess, agents, value, onChange]);\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          aria-label={`Agent: ${label}`}\n        >\n          <BotIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Agent\">\n        <DropdownMenu.RadioGroup\n          value={value ?? NO_AGENT}\n          onValueChange={(next) => onChange(next === NO_AGENT ? null : next)}\n        >\n          <PickerItem value={NO_AGENT}>Athena</PickerItem>\n          {catalog.isError && <PickerNote alert>Couldn’t load the agents. Try again in a moment.</PickerNote>}\n          {agents.map((agent) => (\n            <PickerItem key={agent.id} value={agent.id}>\n              {agent.name}\n            </PickerItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat-pickers.js","sources":["../../src/catalog/chat-pickers.tsx"],"sourcesContent":["import { BotIcon, CheckIcon, ChevronDownIcon, LayersIcon, SparklesIcon } from 'lucide-react';\nimport { DropdownMenu } from 'radix-ui';\nimport { type ReactNode, useContext, useEffect, useRef, useState } from 'react';\nimport { usePortalContainer } from '../lib/owner-document';\nimport { portalSurfaceStyle } from '../lib/portal-surface';\nimport { cn } from '../lib/utils';\nimport { AthenaAgentSelectionContext } from '../provider/agent-selection-context';\nimport { useAthenaThemeStyle } from '../provider/theme-style-context';\nimport type { AthenaChatModeOption } from './agent-mode-menu';\nimport { agentAssetIdOf } from './agent-model-options';\nimport {\n  type AthenaAgentModelOptions,\n  groupModelsByProvider,\n  resolveCatalogModelId,\n  useAgentModelChoices,\n  useAthenaAgentCatalog,\n  useAthenaModelCatalog,\n} from './runtime-catalog';\nimport { useAthenaChatMode } from './use-athena-chat-mode';\n\n/**\n * The composer's agent and model pickers: compact chips for `AthenaChat`'s `toolbarStart` slot\n * that open a menu, as ChatGPT's and Codex's composers do. They are controlled: the host keeps the\n * choice (and remembers it if it likes) and passes it to `AthenaProvider` as `model` and\n * `agent=\"collab_agent:<id>\"`. New messages run with the choice. The menus are Radix radio menus,\n * so arrow keys, typeahead, Escape and focus return work as in any native menu.\n */\n\nconst CHIP_CLASS =\n  'inline-flex h-7 max-w-[14rem] items-center gap-1 rounded-md px-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50';\n\n/** The chip without a menu: one choice, shown as a label. */\nconst STATIC_CHIP_CLASS =\n  'inline-flex h-7 max-w-[14rem] items-center gap-1 rounded-md px-2 text-xs text-muted-foreground';\n\nconst ITEM_CLASS =\n  'relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-7 text-sm outline-none data-[highlighted]:bg-muted data-[state=checked]:font-medium';\n\n/** The \"Agent's own model\" item's value: a chosen agent runs the model its author set. */\nconst AGENT_OWN_MODEL = '__agent_own_model__';\n\n/** What the chip says while a chosen agent's model is not known. */\nconst AGENT_MODEL_LABEL = 'Agent’s model';\n\n/** The menu body, portaled and themed like the SDK's popovers (it renders outside the provider). */\nfunction PickerMenu({ label, children }: { label: string; children: ReactNode }) {\n  const themeStyle = useAthenaThemeStyle();\n  const container = usePortalContainer();\n  return (\n    <DropdownMenu.Portal container={container}>\n      <DropdownMenu.Content\n        align=\"start\"\n        sideOffset={4}\n        collisionPadding={8}\n        aria-label={label}\n        // Its box and colours inline: no host stylesheet can take them away\n        // (lib/portal-surface.ts).\n        style={portalSurfaceStyle({ surface: 'popover', themeStyle })}\n        className={cn(\n          'athena-sdk athena-sdk-chrome',\n          'z-50 block max-h-80 w-64 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n        )}\n      >\n        {children}\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n}\n\nfunction PickerItem({\n  value,\n  detail,\n  children,\n}: {\n  value: string;\n  /** A second, muted line (the model behind an author's label, or why the item is listed). */\n  detail?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <DropdownMenu.RadioItem value={value} className={ITEM_CLASS}>\n      {detail ? (\n        <span className=\"flex min-w-0 flex-1 flex-col\">\n          <span className=\"truncate\">{children}</span>\n          <span className=\"truncate text-xs font-normal text-muted-foreground\">{detail}</span>\n        </span>\n      ) : (\n        <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      )}\n      <DropdownMenu.ItemIndicator className=\"absolute right-2 inline-flex\">\n        <CheckIcon className=\"size-3.5\" aria-hidden />\n      </DropdownMenu.ItemIndicator>\n    </DropdownMenu.RadioItem>\n  );\n}\n\nfunction PickerNote({ children, alert = false }: { children: ReactNode; alert?: boolean }) {\n  return (\n    <p\n      className={cn('px-2 py-1.5 text-xs', alert ? 'text-destructive' : 'text-muted-foreground')}\n      role={alert ? 'alert' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport interface ChatModelPickerProps {\n  /** The chosen model id; `null` lets a selected agent run its own model. */\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  /** The model a person who chose nothing runs, e.g. `claude-opus-5-5`. */\n  defaultModelId: string;\n  /**\n   * A collab agent is chosen: the picker offers the workspace's models and\n   * \"Agent's own model\" (`null`), as before, unless the agent restricts its\n   * models (its \"Allow any workspace model\" switch is off), when it offers\n   * exactly the agent's own (`useAthenaAgentModelOptions`). Which agent:\n   * `agent`, else the one the surrounding `AthenaProvider` runs as.\n   */\n  agentSelected?: boolean;\n  /**\n   * The chosen collab agent, as its asset id or `collab_agent:<id>` (implies\n   * `agentSelected`). `null` is no agent.\n   */\n  agent?: string | null;\n  /**\n   * The collab channel the chat runs on (its model override is the default\n   * there). Defaults to the provider's `channel` when the agent is the\n   * provider's.\n   */\n  channel?: string | null;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * Which model new messages run, from the models the workspace allows this\n * person; with an agent chosen, also \"Agent's own model\" (`null`), or exactly\n * the models its author listed when the agent restricts its models\n * (`allowAnyModel: false`, opt-in per agent). The host passes the choice to\n * `AthenaProvider` as `model`; a change reaches an open session too (the\n * provider writes it to the session's server config).\n */\nexport function ChatModelPicker({\n  value,\n  onChange,\n  defaultModelId,\n  agentSelected = false,\n  agent,\n  channel,\n  disabled = false,\n  className,\n}: ChatModelPickerProps) {\n  const providerSelection = useContext(AthenaAgentSelectionContext);\n  const agentAssetId =\n    agent !== undefined\n      ? agentAssetIdOf(agent)\n      : agentSelected\n        ? (providerSelection?.agentAssetId ?? null)\n        : null;\n  if (agentAssetId !== null) {\n    const agentChannel =\n      channel !== undefined\n        ? channel\n        : providerSelection?.agentAssetId === agentAssetId\n          ? providerSelection.channel\n          : null;\n    return (\n      <AgentAwareModelPicker\n        agentAssetId={agentAssetId}\n        channel={agentChannel}\n        value={value}\n        onChange={onChange}\n        defaultModelId={defaultModelId}\n        disabled={disabled}\n        className={className}\n      />\n    );\n  }\n  return (\n    <WorkspaceModelPicker\n      value={value}\n      onChange={onChange}\n      defaultModelId={defaultModelId}\n      agentSelected={agentSelected}\n      disabled={disabled}\n      className={className}\n    />\n  );\n}\n\n/**\n * The picker with a collab agent chosen. The agent is read first: one that\n * restricts its models gets {@link AgentModelMenu}; every other agent (the\n * default, and one this person cannot read) gets the workspace menu as before,\n * its \"Agent's own model\" naming the agent's default when known. Until the\n * read settles the workspace menu shows but replaces nothing on the host's\n * behalf, since the host's model may be one only the agent offers.\n */\nfunction AgentAwareModelPicker({\n  agentAssetId,\n  channel,\n  value,\n  onChange,\n  defaultModelId,\n  disabled,\n  className,\n}: {\n  agentAssetId: string;\n  channel: string | null;\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  defaultModelId: string;\n  disabled: boolean;\n  className?: string;\n}) {\n  // One query client for the agent read and the catalog both menus name models from.\n  const { choices, modelLabel, catalog } = useAgentModelChoices({ agent: agentAssetId, channel });\n  if (choices.status === 'ready' && !choices.allowAnyModel) {\n    return (\n      <AgentModelMenu\n        choices={choices}\n        modelLabel={modelLabel}\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        className={className}\n      />\n    );\n  }\n  return (\n    <WorkspaceModelMenu\n      catalog={catalog}\n      value={value}\n      onChange={onChange}\n      defaultModelId={defaultModelId}\n      agentSelected\n      agentDefaultLabel={choices.defaultModel === null ? null : modelLabel(choices.defaultModel)}\n      holdReplacement={choices.status === 'loading'}\n      disabled={disabled}\n      className={className}\n    />\n  );\n}\n\n/** The model picker over the workspace's catalog, with no agent chosen (or none it can name). */\nfunction WorkspaceModelPicker(props: {\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  defaultModelId: string;\n  agentSelected: boolean;\n  disabled: boolean;\n  className?: string;\n}) {\n  const catalog = useAthenaModelCatalog();\n  return <WorkspaceModelMenu catalog={catalog} {...props} />;\n}\n\n/** The workspace catalog's menu (the picker as it was before agents could restrict models). */\nfunction WorkspaceModelMenu({\n  catalog,\n  value,\n  onChange,\n  defaultModelId,\n  agentSelected,\n  agentDefaultLabel = null,\n  holdReplacement = false,\n  disabled,\n  className,\n}: {\n  catalog: ReturnType<typeof useAthenaModelCatalog>;\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  defaultModelId: string;\n  agentSelected: boolean;\n  /** The chosen agent's default model (its channel's override when it has one), named under \"Agent's own model\". */\n  agentDefaultLabel?: string | null;\n  /** Replace no unoffered choice yet (the chosen agent is still being read). */\n  holdReplacement?: boolean;\n  disabled: boolean;\n  className?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const models = catalog.data ?? [];\n  const resolved =\n    value === null && agentSelected\n      ? null\n      : resolveCatalogModelId({ stored: value, defaultModelId, models });\n  const current = models.find((model) => model.id === resolved);\n  const label = resolved === null ? 'Agent’s model' : (current?.label ?? resolved);\n  // The host's choice is no longer offered (retired, or the workspace stopped allowing it): hand\n  // the host the model the chip shows, so new messages run it instead of the dropped id. Once per\n  // choice, so a host that keeps the old value is not asked again on every render.\n  const replacedRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (holdReplacement) return;\n    if (!catalog.isSuccess || value === null || resolved === null || resolved === value) return;\n    if (models.some((model) => model.id === value) || replacedRef.current === value) return;\n    replacedRef.current = value;\n    onChange(resolved);\n  }, [holdReplacement, catalog.isSuccess, models, value, resolved, onChange]);\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          aria-label={`Model: ${label}`}\n        >\n          <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Model\">\n        <DropdownMenu.RadioGroup\n          value={resolved ?? AGENT_OWN_MODEL}\n          onValueChange={(next) => onChange(next === AGENT_OWN_MODEL ? null : next)}\n        >\n          {agentSelected && (\n            <PickerItem value={AGENT_OWN_MODEL} detail={agentDefaultLabel}>\n              Agent’s own model\n            </PickerItem>\n          )}\n          {catalog.isPending && <PickerNote>Loading models…</PickerNote>}\n          {catalog.isError && <PickerNote alert>Couldn’t load the models. Try again in a moment.</PickerNote>}\n          {groupModelsByProvider({ models }).map((group) => (\n            <DropdownMenu.Group key={group.provider}>\n              <DropdownMenu.Label className=\"px-2 pb-0.5 pt-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                {group.provider}\n              </DropdownMenu.Label>\n              {group.models.map((model) => (\n                <PickerItem key={model.id} value={model.id}>\n                  {model.label}\n                  {model.status === 'LEGACY' ? ' (legacy)' : ''}\n                </PickerItem>\n              ))}\n            </DropdownMenu.Group>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n\n/** One item of the agent's model menu. */\ninterface AgentModelItem {\n  /** The radio value: a model id, or {@link AGENT_OWN_MODEL} for \"the agent's default\" (`null`). */\n  value: string;\n  label: string;\n  isDefault: boolean;\n  detail: string | null;\n}\n\n/**\n * The menu of a chosen collab agent that restricts its models: exactly its own\n * (`useAthenaAgentModelOptions`), the default as `null`. One choice is a label;\n * two or more a menu. Nothing is replaced on the host's behalf: a host choice\n * the agent does not list (an older pick) is shown and listed as it is, as is\n * a model the session pins outside the agent's list. A host choice that names\n * the default model explicitly is a pin, which the agent's next default would\n * not follow, so the menu then also offers \"Agent's own model\" (`null`).\n */\nfunction AgentModelMenu({\n  choices,\n  modelLabel,\n  value,\n  onChange,\n  disabled,\n  className,\n}: {\n  choices: AthenaAgentModelOptions;\n  modelLabel: (model: string) => string;\n  value: string | null;\n  onChange: (modelId: string | null) => void;\n  disabled: boolean;\n  className?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const pinsDefault = value !== null && value === choices.defaultModel;\n  const items: AgentModelItem[] = choices.options.map((option) => {\n    const display = modelLabel(option.model);\n    return {\n      value: option.isDefault && !pinsDefault ? AGENT_OWN_MODEL : option.model,\n      label: option.label,\n      isDefault: option.isDefault,\n      detail: option.pinnedOutside\n        ? 'Set for this conversation outside the agent'\n        : display === option.label\n          ? null\n          : display,\n    };\n  });\n  if (value !== null && !choices.options.some((option) => option.model === value)) {\n    items.push({\n      value,\n      label: modelLabel(value),\n      isDefault: false,\n      detail: 'Not one of the agent’s models',\n    });\n  }\n  if (pinsDefault) {\n    items.push({\n      value: AGENT_OWN_MODEL,\n      label: 'Agent’s own model',\n      isDefault: false,\n      detail: 'Follows the agent’s default',\n    });\n  }\n  const selectedValue = value ?? AGENT_OWN_MODEL;\n  const selected = items.find((item) => item.value === selectedValue) ?? null;\n  const label = selected?.label || AGENT_MODEL_LABEL;\n\n  if (items.length < 2) {\n    return (\n      <span\n        role=\"img\"\n        aria-label={`Model: ${label}`}\n        title={selected ? `This agent runs ${label}` : 'This agent runs its own model'}\n        data-slot=\"chat-model-picker-label\"\n        className={cn(STATIC_CHIP_CLASS, className)}\n      >\n        <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n        <span className=\"truncate\">{label}</span>\n      </span>\n    );\n  }\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          aria-label={`Model: ${label}`}\n        >\n          <SparklesIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Model\">\n        <DropdownMenu.RadioGroup\n          value={selectedValue}\n          onValueChange={(next) => onChange(next === AGENT_OWN_MODEL ? null : next)}\n        >\n          <DropdownMenu.Label className=\"px-2 pb-0.5 pt-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n            Agent models\n          </DropdownMenu.Label>\n          {items.map((item) => (\n            <PickerItem key={item.value} value={item.value} detail={item.detail}>\n              {item.label}\n              {item.isDefault ? ' (default)' : ''}\n            </PickerItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n\nexport interface ChatAgentPickerProps {\n  /** The chosen collab agent's asset id; `null` is Athena. */\n  value: string | null;\n  onChange: (agentId: string | null) => void;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** The \"Athena\" item's value: no collab agent. */\nconst NO_AGENT = '__athena__';\n\n/** Who answers new messages: Athena, or a published collab agent the person can see. */\nexport function ChatAgentPicker({ value, onChange, disabled = false, className }: ChatAgentPickerProps) {\n  const catalog = useAthenaAgentCatalog();\n  const [open, setOpen] = useState(false);\n  const agents = catalog.data ?? [];\n  const label = value === null ? 'Athena' : (agents.find((agent) => agent.id === value)?.name ?? 'Agent');\n  // The chosen agent is gone (unpublished, or no longer shared with this person): fall back to\n  // Athena, so new messages do not target an agent they cannot reach. Once per choice.\n  const clearedRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (!catalog.isSuccess || value === null || clearedRef.current === value) return;\n    if (agents.some((agent) => agent.id === value)) return;\n    clearedRef.current = value;\n    onChange(null);\n  }, [catalog.isSuccess, agents, value, onChange]);\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          aria-label={`Agent: ${label}`}\n        >\n          <BotIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Agent\">\n        <DropdownMenu.RadioGroup\n          value={value ?? NO_AGENT}\n          onValueChange={(next) => onChange(next === NO_AGENT ? null : next)}\n        >\n          <PickerItem value={NO_AGENT}>Athena</PickerItem>\n          {catalog.isError && <PickerNote alert>Couldn’t load the agents. Try again in a moment.</PickerNote>}\n          {agents.map((agent) => (\n            <PickerItem key={agent.id} value={agent.id}>\n              {agent.name}\n            </PickerItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n\nexport interface ChatModePickerProps {\n  /** The mode the session runs in: `base` or a mode's id. */\n  value: string;\n  /** The modes to offer. */\n  options: readonly AthenaChatModeOption[];\n  onChange: (modeId: string) => void;\n  /** The name of `value` when it is none of `options`. */\n  valueLabel?: string;\n  disabled?: boolean;\n  /** Why the picker is disabled, shown as its tooltip. */\n  disabledReason?: string;\n  className?: string;\n}\n\n/**\n * Which of the agent's modes the chat runs in, as a chip with a radio menu\n * like the other composer pickers. Controlled: `useAthenaChatMode` gives the\n * options, the current mode and `select`, which `AthenaChat`'s built-in menu\n * ({@link AthenaChatModeMenu}) wires up for you.\n */\nexport function ChatModePicker({\n  value,\n  options,\n  onChange,\n  valueLabel,\n  disabled = false,\n  disabledReason,\n  className,\n}: ChatModePickerProps) {\n  const [open, setOpen] = useState(false);\n  const label = options.find((option) => option.id === value)?.label ?? valueLabel ?? value;\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(CHIP_CLASS, className)}\n          disabled={disabled}\n          title={disabled ? disabledReason : undefined}\n          aria-label={`Mode: ${label}`}\n          data-slot=\"chat-mode-picker\"\n        >\n          <LayersIcon className=\"size-3.5 shrink-0\" aria-hidden />\n          <span className=\"truncate\">{label}</span>\n          <ChevronDownIcon className=\"size-3 shrink-0\" aria-hidden />\n        </button>\n      </DropdownMenu.Trigger>\n      <PickerMenu label=\"Mode\">\n        <DropdownMenu.RadioGroup value={value} onValueChange={onChange}>\n          {options.map((option) => (\n            <PickerItem key={option.id} value={option.id}>\n              {option.label}\n            </PickerItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </PickerMenu>\n    </DropdownMenu.Root>\n  );\n}\n\n/**\n * `AthenaChat`'s mode menu: {@link ChatModePicker} over `useAthenaChatMode`,\n * shown only while the provider's `modes` give the chat two or more modes.\n */\nexport function AthenaChatModeMenu({ className }: { className?: string }) {\n  const mode = useAthenaChatMode();\n  if (mode.status !== 'ready') return null;\n  return (\n    <ChatModePicker\n      value={mode.current}\n      valueLabel={mode.currentLabel}\n      options={mode.options}\n      onChange={mode.select}\n      disabled={!mode.canSwitch}\n      disabledReason=\"This channel keeps each conversation in the mode it started in. Start a new conversation to pick another.\"\n      className={className}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/catalog/runtime-catalog.cjs

@@ -5,6 +5,8 @@ const react = require("react");
 const AthenaAuthContext = require("../auth/AthenaAuthContext.cjs");
 const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
 const AthenaContext = require("../provider/AthenaContext.cjs");
+const useAthenaThreadModel = require("../threads/use-athena-thread-model.cjs");
+const agentModelOptions = require("./agent-model-options.cjs");
 const MODEL_PROVIDER_LABELS = {
   ANTHROPIC: "Anthropic",
   OPENAI: "OpenAI",
@@ -136,9 +138,17 @@ function useCatalogQueryClient() {
   return host ?? own;
 }
 function useAthenaModelCatalog() {
-  const auth = useCatalogAuth();
-  const principal = useCatalogPrincipal();
-  const queryClient = useCatalogQueryClient();
+  return useModelCatalogQuery({
+    auth: useCatalogAuth(),
+    principal: useCatalogPrincipal(),
+    queryClient: useCatalogQueryClient()
+  });
+}
+function useModelCatalogQuery({
+  auth,
+  principal,
+  queryClient
+}) {
   return reactQuery.useQuery(
     {
       queryKey: ["athena-sdk", "catalog", "models", auth.backendUrl, principal],
@@ -168,14 +178,122 @@ function useAthenaAgentCatalog() {
     queryClient
   );
 }
+const ATHENA_AGENT_MODELS_QUERY = `
+  query AthenaAgentModels($assetId: String!) {
+    getAssetById(assetId: $assetId, withMetadata: true) { athenaMetadata }
+  }
+`;
+const AGENT_READ_DENIAL_CODES = /* @__PURE__ */ new Set([
+  "UNAUTHORIZED",
+  "FORBIDDEN",
+  "WORKSPACE_MISMATCH"
+]);
+const NO_AGENT_MODEL_OPTIONS = {
+  idle: { status: "idle", options: [], defaultModel: null, allowAnyModel: true },
+  loading: { status: "loading", options: [], defaultModel: null, allowAnyModel: true },
+  unavailable: { status: "unavailable", options: [], defaultModel: null, allowAnyModel: true },
+  error: { status: "error", options: [], defaultModel: null, allowAnyModel: true }
+};
+function isAgentReadDenial(error) {
+  return error instanceof apiClient.AthenaGraphQLError && error.code !== null && AGENT_READ_DENIAL_CODES.has(error.code);
+}
+function useAthenaAgentModelOptions({
+  agent,
+  channel = null
+}) {
+  return useAgentModelChoices({ agent, channel }).choices;
+}
+const AGENT_MODELS_REFRESH_MS = 60 * 1e3;
+function agentModelsRefetchInterval({
+  data
+}) {
+  return data !== void 0 && !data.readable ? false : AGENT_MODELS_REFRESH_MS;
+}
+function useAgentModelChoices({
+  agent,
+  channel
+}) {
+  const assetId = agentModelOptions.agentAssetIdOf(agent);
+  const auth = useCatalogAuth();
+  const principal = useCatalogPrincipal();
+  const queryClient = useCatalogQueryClient();
+  const read = reactQuery.useQuery(
+    {
+      queryKey: ["athena-sdk", "catalog", "agent-models", auth.backendUrl, principal, assetId],
+      queryFn: async () => {
+        try {
+          const data = await apiClient.fetchGraphQL(
+            auth,
+            ATHENA_AGENT_MODELS_QUERY,
+            { assetId }
+          );
+          if (data.getAssetById === null) return { readable: false };
+          return {
+            readable: true,
+            source: agentModelOptions.publishedAgentModelSource(data.getAssetById.athenaMetadata)
+          };
+        } catch (error) {
+          if (isAgentReadDenial(error)) return { readable: false };
+          throw error;
+        }
+      },
+      enabled: assetId !== null,
+      staleTime: AGENT_MODELS_REFRESH_MS,
+      refetchInterval: (query) => agentModelsRefetchInterval({ data: query.state.data })
+    },
+    queryClient
+  );
+  const catalog = useModelCatalogQuery({ auth, principal, queryClient });
+  const threadModel = useAthenaThreadModel.useOptionalAthenaThreadModel();
+  const pinnedModel = threadModel !== null && threadModel.ready && threadModel.configured ? threadModel.model : null;
+  const trimmedChannel = (channel == null ? void 0 : channel.trim()) || null;
+  const models = catalog.data;
+  const catalogPending = catalog.isPending;
+  const { isPending: readPending, data: readData } = read;
+  const modelLabel = react.useCallback(
+    (model) => {
+      var _a;
+      return ((_a = models == null ? void 0 : models.find((option) => option.id === model)) == null ? void 0 : _a.label) ?? model;
+    },
+    [models]
+  );
+  const choices = react.useMemo(() => {
+    if (assetId === null) return NO_AGENT_MODEL_OPTIONS.idle;
+    if (readData === void 0) {
+      return readPending ? NO_AGENT_MODEL_OPTIONS.loading : NO_AGENT_MODEL_OPTIONS.error;
+    }
+    if (!readData.readable || readData.source === null) return NO_AGENT_MODEL_OPTIONS.unavailable;
+    if (catalogPending) return NO_AGENT_MODEL_OPTIONS.loading;
+    return {
+      status: "ready",
+      ...agentModelOptions.buildAgentModelOptions({
+        source: readData.source,
+        channel: trimmedChannel,
+        pinnedModel,
+        modelLabel
+      }),
+      allowAnyModel: readData.source.allowAnyModel
+    };
+  }, [assetId, readPending, readData, catalogPending, modelLabel, trimmedChannel, pinnedModel]);
+  return react.useMemo(() => ({ choices, modelLabel, catalog }), [choices, modelLabel, catalog]);
+}
+exports.AGENT_MODELS_REFRESH_MS = AGENT_MODELS_REFRESH_MS;
 exports.ATHENA_AGENT_CATALOG_QUERY = ATHENA_AGENT_CATALOG_QUERY;
+exports.ATHENA_AGENT_MODELS_QUERY = ATHENA_AGENT_MODELS_QUERY;
 exports.ATHENA_MODEL_CATALOG_QUERY = ATHENA_MODEL_CATALOG_QUERY;
 exports.MODEL_PROVIDER_LABELS = MODEL_PROVIDER_LABELS;
+exports.agentModelsRefetchInterval = agentModelsRefetchInterval;
 exports.credentialFingerprint = credentialFingerprint;
 exports.groupModelsByProvider = groupModelsByProvider;
+exports.isAgentReadDenial = isAgentReadDenial;
 exports.normalizeAgentCatalog = normalizeAgentCatalog;
 exports.normalizeModelCatalog = normalizeModelCatalog;
 exports.resolveCatalogModelId = resolveCatalogModelId;
+exports.useAgentModelChoices = useAgentModelChoices;
 exports.useAthenaAgentCatalog = useAthenaAgentCatalog;
+exports.useAthenaAgentModelOptions = useAthenaAgentModelOptions;
 exports.useAthenaModelCatalog = useAthenaModelCatalog;
+exports.useCatalogAuth = useCatalogAuth;
+exports.useCatalogPrincipal = useCatalogPrincipal;
+exports.useCatalogQueryClient = useCatalogQueryClient;
 //# sourceMappingURL=runtime-catalog.cjs.map