@opengeni/react 7.0.0 → 7.1.0-canary.35855175602001

package/dist/{chunk-HJ5VJ4JB.js → chunk-WKFFRFJF.js}

@@ -3,7 +3,7 @@ import {
   PickerNavRow,
   defaultModelPolicyPickerMessages,
   effectiveRows
-} from "./chunk-IP4BUBKH.js";
+} from "./chunk-3LL47F4U.js";
 import {
   coerceReasoningEffortForModel,
   effortOptionsForModel,
@@ -12,13 +12,13 @@ import {
   labelReasoningEffort,
   payerSummaryForModel,
   runnableLatencyModesForModel
-} from "./chunk-5GAL23FF.js";
+} from "./chunk-IOLPHOF4.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
 
 // src/components/model-policy-picker-menu.tsx
-import { CheckIcon, SearchIcon, ZapIcon } from "lucide-react";
+import { ArrowRightIcon, CheckIcon, SearchIcon, ZapIcon } from "lucide-react";
 import { useRef, useState } from "react";
 import { Popover, RadioGroup } from "radix-ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -29,11 +29,19 @@ function ModelPolicyPickerMenu(props) {
   const selected = findPickerRow(rows, props.model);
   const words = query.toLowerCase().trim().split(/\s+/).filter(Boolean);
   const filtered = rows.filter((row) => {
-    const text = `${row.label} ${row.id} ${row.providerLabel} ${row.billingClassLabel} ${payerSummaryForModel(row.catalog)}`.toLowerCase();
+    const description = props.groupPresentation?.[row.billingClass]?.description;
+    const text = `${row.label} ${row.id} ${row.providerLabel} ${row.billingClassLabel} ${description === void 0 ? payerSummaryForModel(row.catalog) : description ?? ""}`.toLowerCase();
     return words.every((word) => text.includes(word));
   });
   const matchingIds = new Set(filtered.map((row) => row.id));
-  const groups = groupPickerRowsByBillingClass(rows, { codexOnly: props.codexOnly === true }).map((group) => ({ ...group, rows: group.rows.filter((row) => matchingIds.has(row.id)) })).filter((group) => group.rows.length > 0);
+  const groups = groupPickerRowsByBillingClass(rows, { codexOnly: props.codexOnly === true }).map((group) => {
+    const override = props.groupPresentation?.[group.billingClass]?.description;
+    return {
+      ...group,
+      rows: group.rows.filter((row) => matchingIds.has(row.id)),
+      description: override === void 0 ? group.billingClass === "opengeni_credits" ? null : messages.billingHints[group.billingClass] : override
+    };
+  }).filter((group) => group.rows.length > 0);
   const choose = (row) => {
     if (!row.selectable || props.disabled) return;
     if (row.id !== props.model) props.onModelChange(row.id);
@@ -51,7 +59,7 @@ function ModelPolicyPickerMenu(props) {
       hint: row.unavailableReason ?? void 0,
       disabled: props.disabled || !row.selectable,
       title: [row.label, row.unavailableReason].filter(Boolean).join(" \xB7 "),
-      active: row.id === props.model,
+      active: row.selectable && row.id === props.model,
       showChevron: false,
       trailing: row.catalog.cost === "free" || row.id === props.model ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
         row.catalog.cost === "free" ? /* @__PURE__ */ jsx("span", { className: "rounded-og-sm bg-og-surface-2 px-1.5 py-0.5 text-og-control text-og-fg-muted", children: messages.free }) : null,
@@ -82,7 +90,7 @@ function ModelPolicyPickerMenu(props) {
         buttons[next]?.focus();
       },
       children: [
-        /* @__PURE__ */ jsx("div", { className: "border-b border-og-border py-1", children: /* @__PURE__ */ jsxs("label", { className: "og-model-policy-search flex items-center gap-2 rounded-og-sm px-2 py-1 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-og-accent/40", children: [
+        rows.some((row) => row.selectable) ? /* @__PURE__ */ jsx("div", { className: "border-b border-og-border py-1", children: /* @__PURE__ */ jsxs("label", { className: "og-model-policy-search flex items-center gap-2 rounded-og-sm px-2 py-1 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-og-accent/40", children: [
           /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-og-fg-subtle", "aria-hidden": true }),
           /* @__PURE__ */ jsx(
             "input",
@@ -101,14 +109,14 @@ function ModelPolicyPickerMenu(props) {
               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"
             }
           )
-        ] }) }),
+        ] }) }) : null,
         props.error ? /* @__PURE__ */ jsx("p", { className: "px-2 py-2 text-og-control text-og-status-failed", role: "alert", children: props.error }) : null,
         /* @__PURE__ */ jsx(
           "div",
           {
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain py-1",
             "data-testid": "model-picker-models",
-            children: props.loading ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-og-control text-og-fg-subtle", children: messages.loading }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            children: props.loading ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-og-control text-og-fg-subtle", children: messages.loading }) : rows.some((row) => row.selectable) ? /* @__PURE__ */ jsxs(Fragment, { children: [
               groups.map((group) => /* @__PURE__ */ jsxs(
                 "section",
                 {
@@ -116,20 +124,27 @@ function ModelPolicyPickerMenu(props) {
                   className: "py-2.5 first:pt-1 [&+section]:border-t [&+section]:border-og-border",
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1.5 text-og-control font-semibold text-og-fg", children: [
-                      /* @__PURE__ */ jsx(BillingClassMark, { billingClass: group.billingClass, "aria-label": "" }),
-                      group.label
+                      /* @__PURE__ */ jsx(
+                        BillingClassMark,
+                        {
+                          billingClass: group.billingClass,
+                          presentation: props.groupPresentation?.[group.billingClass],
+                          "aria-label": ""
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: group.label })
                     ] }),
-                    group.billingClass !== "opengeni_credits" ? /* @__PURE__ */ jsx("p", { className: "px-2.5 pb-2 text-og-control text-og-fg-subtle", children: messages.billingHints[group.billingClass] }) : null,
+                    group.description ? /* @__PURE__ */ jsx("p", { className: "break-words px-2.5 pb-2 text-og-control text-og-fg-subtle", children: group.description }) : null,
                     group.rows.map(modelRow)
                   ]
                 },
                 group.billingClass
               )),
               filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-og-control text-og-fg-subtle", children: words.length ? messages.noMatches : messages.noModels }) : null
-            ] })
+            ] }) : props.connectModelsHref || rows.length > 0 ? /* @__PURE__ */ jsx(ConnectModelsPanel, { href: props.connectModelsHref, messages }) : /* @__PURE__ */ jsx("p", { className: "px-2 py-4 text-og-control text-og-fg-subtle", children: messages.noModels })
           }
         ),
-        selected && (props.hasImageAttachments && selected.catalog.capabilities?.inputModalities.includes("image") === false || effortOptionsForModel(selected.catalog).length > 1 && selected.catalog.capabilities?.reasoning.runnable !== false || props.allowLatencyMode !== false && runnableLatencyModesForModel(selected.catalog).includes("fast")) ? /* @__PURE__ */ jsxs("div", { className: "border-t border-og-border px-2.5 py-2.5", children: [
+        rows.some((row) => row.selectable) && selected && (props.hasImageAttachments && selected.catalog.capabilities?.inputModalities.includes("image") === false || effortOptionsForModel(selected.catalog).length > 1 && selected.catalog.capabilities?.reasoning.runnable !== false || props.allowLatencyMode !== false && runnableLatencyModesForModel(selected.catalog).includes("fast")) ? /* @__PURE__ */ jsxs("div", { className: "border-t border-og-border px-2.5 py-2.5", children: [
           props.hasImageAttachments && selected.catalog.capabilities?.inputModalities.includes("image") === false ? /* @__PURE__ */ jsx("p", { className: "pb-1.5 text-og-control leading-relaxed text-og-fg-subtle", children: messages.unsupportedAttachments }) : null,
           /* @__PURE__ */ jsx(ModelThinkingControls, { ...props })
         ] }) : null
@@ -137,6 +152,49 @@ function ModelPolicyPickerMenu(props) {
     }
   );
 }
+var CONNECT_MODEL_OPTIONS = [
+  { billingClass: "codex_subscription", title: "Codex", detail: "ChatGPT" },
+  { billingClass: "supergrok_subscription", title: "SuperGrok", detail: "xAI" },
+  { billingClass: "byok", title: "AI Gateway", detail: "Vercel" },
+  { billingClass: "external", title: "OpenRouter", detail: "API key" }
+];
+function ConnectModelsPanel(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-1.5 pt-2", "data-testid": "model-picker-connect", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-1.5 pb-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-og-menu font-medium tracking-tight text-og-fg", children: props.messages.connectTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-og-control leading-snug text-og-fg-subtle", children: props.messages.connectBody })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1", children: CONNECT_MODEL_OPTIONS.map((option) => {
+      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-surface-2 text-og-fg", children: /* @__PURE__ */ jsx(
+          BillingClassMark,
+          {
+            billingClass: option.billingClass,
+            "aria-label": "",
+            className: "size-4 text-og-fg"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control font-medium text-og-fg", children: option.title }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-og-control text-og-fg-subtle", children: option.detail })
+        ] })
+      ] });
+      const className = "flex min-w-0 items-center gap-2 rounded-og-md px-1.5 py-1.5 outline-hidden transition-colors hover:bg-og-surface-2 focus-visible:ring-2 focus-visible:ring-og-accent/40";
+      return props.href ? /* @__PURE__ */ jsx("a", { href: props.href, className, children: content }, option.title) : /* @__PURE__ */ jsx("div", { className, children: content }, option.title);
+    }) }),
+    props.href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: props.href,
+        className: "mt-2 flex h-9 w-full items-center justify-center gap-1.5 rounded-og-md bg-og-fg text-og-control font-medium text-og-surface-1 outline-hidden transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-og-accent/40",
+        children: [
+          props.messages.connectAction,
+          /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-3.5", "aria-hidden": true })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "px-1.5 pt-3 text-og-control text-og-fg-subtle", children: props.messages.noModels })
+  ] });
+}
 function ModelThinkingControls(props) {
   const selected = findPickerRow(effectiveRows(props), props.model);
   if (!selected) return null;
@@ -229,4 +287,4 @@ export {
   ModelPolicyPickerMenu,
   ModelPolicyPickerPopover
 };
-//# sourceMappingURL=chunk-HJ5VJ4JB.js.map
+//# sourceMappingURL=chunk-WKFFRFJF.js.map

package/dist/chunk-WKFFRFJF.js.map

@@ -0,0 +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  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  PickerNavRow,\n  type ModelPolicyPickerProps,\n} from \"./model-policy-picker\";\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 = props.groupPresentation?.[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, { codexOnly: props.codexOnly === true })\n    .map((group) => {\n      const override = props.groupPresentation?.[group.billingClass]?.description;\n      return {\n        ...group,\n        rows: group.rows.filter((row) => matchingIds.has(row.id)),\n        description:\n          override === undefined\n            ? group.billingClass === \"opengeni_credits\"\n              ? null\n              : messages.billingHints[group.billingClass]\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    props.onOpenChange?.(false);\n  };\n  const modelRow = (row: ClientPickerModelRow) => (\n    <PickerNavRow\n      key={row.id}\n      label={row.label}\n      hint={row.unavailableReason ?? undefined}\n      disabled={props.disabled || !row.selectable}\n      title={[row.label, row.unavailableReason].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-og-sm 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=\"size-3.5\" 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 rounded-og-sm px-2 py-1 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-og-accent/40\">\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=\"px-2 py-2 text-og-control 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          <p className=\"px-2 py-3 text-og-control text-og-fg-subtle\">{messages.loading}</p>\n        ) : rows.some((row) => row.selectable) ? (\n          <>\n            {groups.map((group) => (\n              <section\n                key={group.billingClass}\n                aria-label={group.label}\n                className=\"py-2.5 first:pt-1 [&+section]:border-t [&+section]:border-og-border\"\n              >\n                <div className=\"flex items-center gap-2 px-2.5 py-1.5 text-og-control font-semibold text-og-fg\">\n                  <BillingClassMark\n                    billingClass={group.billingClass}\n                    presentation={props.groupPresentation?.[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-2 text-og-control text-og-fg-subtle\">\n                    {group.description}\n                  </p>\n                ) : null}\n                {group.rows.map(modelRow)}\n              </section>\n            ))}\n            {filtered.length === 0 ? (\n              <p className=\"px-2 py-4 text-og-control text-og-fg-subtle\">\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=\"px-2 py-4 text-og-control text-og-fg-subtle\">{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-surface-2 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 bg-og-fg text-og-control font-medium text-og-surface-1 outline-hidden transition-opacity hover:opacity-90 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-surface-2 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            \"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 rounded-og-lg border border-og-border bg-og-surface-1 p-[var(--og-model-picker-menu-padding)] text-og-fg shadow-og-lg\",\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-D5NOQPLR.js → chunk-ZC2DK5SC.js}

@@ -8,27 +8,22 @@ import {
   TimelineAnnotationSourceRootContext
 } from "./chunk-GBPCZH3Y.js";
 import {
-  ActivityDisclosure,
-  BodyNote,
-  CompactActivityContext,
-  CopyButton,
-  CopyHoverFrame,
-  MOTION_INSPECT_SCALE,
-  Markdown,
-  MediaEmpty,
-  MediaSkeleton,
-  PayloadBlock,
-  ScreenshotFigure,
-  TermBlock,
-  Thumbnail,
-  TimelineSearchRevealContext,
-  ToolCallTruncationProvider,
-  isTimelineSearchTarget,
-  prefersReducedMotion,
-  useForcedDefaultOpen,
-  useTimelineSearchNavigation,
-  useTimelineSearchReveal
-} from "./chunk-D7GAPJ3V.js";
+  isRetainedImageContentType,
+  useRetainedImageObjectUrl
+} from "./chunk-WYWRYUNQ.js";
+import {
+  buildTimeline,
+  conversationTimeline,
+  groupTimeline,
+  invokeOlderHistoryLoaderWithReceiptCapture,
+  isActionableHumanInputRequest,
+  mcpToolLeaf,
+  toolDisplayName,
+  useHumanInputRequests,
+  useSession,
+  useSessionEvents,
+  useTurnQueue
+} from "./chunk-VI7HELBI.js";
 import {
   Actions,
   AttachButton,
@@ -51,40 +46,53 @@ import {
   Status,
   Surface,
   useChatComposerController
-} from "./chunk-UXE5SSNN.js";
-import {
-  LightboxProvider,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-BRM6FVZA.js";
-import {
-  isRetainedImageContentType,
-  useRetainedImageObjectUrl
-} from "./chunk-WYWRYUNQ.js";
+} from "./chunk-4ACTWOOW.js";
 import {
   ModelPolicyPicker
-} from "./chunk-IP4BUBKH.js";
-import {
-  buildTimeline,
-  conversationTimeline,
-  groupTimeline,
-  invokeOlderHistoryLoaderWithReceiptCapture,
-  isActionableHumanInputRequest,
-  mcpToolLeaf,
-  toolDisplayName,
-  useHumanInputRequests,
-  useSession,
-  useSessionEvents,
-  useTurnQueue
-} from "./chunk-JKLGJQO5.js";
+} from "./chunk-3LL47F4U.js";
 import {
   useComposer
 } from "./chunk-AKOMC3VO.js";
+import {
+  projectPickerRows,
+  sortPickerRows
+} from "./chunk-IOLPHOF4.js";
 import {
   usePolledValue
 } from "./chunk-KZ73RL76.js";
+import {
+  useOpenGeni,
+  useOpenGeniClient
+} from "./chunk-NEXLLTP4.js";
+import {
+  ActivityDisclosure,
+  BodyNote,
+  CompactActivityContext,
+  CopyButton,
+  CopyHoverFrame,
+  MOTION_INSPECT_SCALE,
+  Markdown,
+  MediaEmpty,
+  MediaSkeleton,
+  PayloadBlock,
+  ScreenshotFigure,
+  TermBlock,
+  Thumbnail,
+  TimelineSearchRevealContext,
+  ToolCallTruncationProvider,
+  isTimelineSearchTarget,
+  prefersReducedMotion,
+  useForcedDefaultOpen,
+  useTimelineSearchNavigation,
+  useTimelineSearchReveal
+} from "./chunk-SHRCATV6.js";
+import {
+  LightboxProvider,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-BRM6FVZA.js";
 import {
   formatBytes,
   formatClockTime,
@@ -93,14 +101,6 @@ import {
   truncate,
   tryParseJson
 } from "./chunk-PLYRL5ER.js";
-import {
-  useOpenGeni,
-  useOpenGeniClient
-} from "./chunk-NEXLLTP4.js";
-import {
-  projectPickerRows,
-  sortPickerRows
-} from "./chunk-5GAL23FF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -857,7 +857,7 @@ var defaultApprovalSurfaceMessages = {
   reject: "Reject",
   approving: "Approving\u2026",
   rejecting: "Rejecting\u2026",
-  formatToolName: (name) => name.replaceAll("_", " ").replaceAll(".", " \u203A ")
+  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : name.replaceAll("_", " ").replaceAll(".", " \u203A ")
 };
 var APPROVAL_ARGUMENT_PREVIEW_CHARACTERS = 4e3;
 function approvalArgumentsPreview(value) {
@@ -946,7 +946,8 @@ function ApprovalSurface({
               className: "rounded-og-md border border-og-border bg-og-surface-1 p-3",
               children: [
                 renderApproval ? renderApproval(approval) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                  /* @__PURE__ */ jsx3("p", { className: "text-og-sm font-medium text-og-fg", children: messages.formatToolName(approval.name) }),
+                  /* @__PURE__ */ jsx3("p", { className: "text-og-sm font-medium text-og-fg", children: approval.display?.title ?? messages.formatToolName(approval.display?.toolName ?? approval.name) }),
+                  approval.display?.accountLabel ? /* @__PURE__ */ jsx3("p", { className: "mt-1 break-words text-og-xs text-og-fg-muted", children: approval.display.accountLabel }) : null,
                   argumentsPreview !== null ? /* @__PURE__ */ jsx3("pre", { className: "mt-2 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-og-sm bg-og-surface-2 p-2 font-mono text-og-xs text-og-fg-muted", children: argumentsPreview }) : null
                 ] }),
                 /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: [
@@ -3225,7 +3226,7 @@ function ToolSearchRenderer({ item }) {
 function DocsSearchRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const query = typeof args.query === "string" ? args.query.trim() : "";
-  const title = query ? `Search \u201C${truncatePreview(query, 48)}\u201D` : toolDisplayName(item.name);
+  const title = query ? `Search \u201C${truncatePreview(query, 48)}\u201D` : toolDisplayName(item.name, item.display);
   const running = item.status === "running";
   if (running) {
     return /* @__PURE__ */ jsx7(
@@ -3281,7 +3282,7 @@ function DocsSearchRenderer({ item }) {
 function SetSessionTitleRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const titleArg = typeof args.title === "string" ? args.title.trim() : "";
-  const display = toolDisplayName(item.name);
+  const display = toolDisplayName(item.name, item.display);
   const previewTitle = titleArg ? truncatePreview(titleArg, 72) : "";
   const icon = /* @__PURE__ */ jsx7(MessagesSquareIcon, { className: ICON_SIZE });
   if (item.status === "running") {
@@ -3553,7 +3554,7 @@ function RunOnRenderer({ item }) {
 function GenericRenderer({ item }) {
   const running = item.status === "running";
   const args = parseToolArgs(item.arguments);
-  const display = toolDisplayName(item.name);
+  const display = toolDisplayName(item.name, item.display);
   const icon = /* @__PURE__ */ jsx7(GenericToolIcon, { name: item.name });
   const goalPreview = goalToolPreview(item.name, args);
   if (running) {
@@ -5222,7 +5223,7 @@ function RollingActivity({
   );
   const fallback2 = /* @__PURE__ */ jsxs11("span", { className: "og-rolling-label", children: [
     /* @__PURE__ */ jsx15(WrenchIcon2, { className: "size-3.5" }),
-    /* @__PURE__ */ jsx15("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name) : "Working" })
+    /* @__PURE__ */ jsx15("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : "Working" })
   ] });
   return /* @__PURE__ */ jsxs11(
     "span",
@@ -5230,7 +5231,7 @@ function RollingActivity({
       className: "og-rolling-status",
       "data-running": active.some((entry) => entry.id === item.id) ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name) : item.kind === "reasoning" ? "Thinking" : "Working" }),
+        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : item.kind === "reasoning" ? "Thinking" : "Working" }),
         /* @__PURE__ */ jsx15("span", { className: "og-rolling-window", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(AnimatePresence2, { initial: false, mode: "sync", children: /* @__PURE__ */ jsx15(
           motion2.span,
           {
@@ -10204,6 +10205,7 @@ function SessionConversation(props) {
 }
 function Conversation({
   sessionId,
+  renderMessageText,
   userMessageDisclosureLabels,
   loadSkillReview,
   client,
@@ -10247,6 +10249,7 @@ function Conversation({
         /* @__PURE__ */ jsx21(
           MessageTimeline,
           {
+            renderMessageText,
             userMessageDisclosureLabels,
             className: "min-h-0 flex-1",
             items: conversationTimeline(feed.timeline, queue, composer),
@@ -10370,12 +10373,19 @@ function SessionCommandsPanel({
               title: "Expand command",
               children: [
                 /* @__PURE__ */ jsx22(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx22("span", { className: "truncate", children: command.commandPreview || "Background command" })
+                /* @__PURE__ */ jsx22(
+                  "span",
+                  {
+                    className: "min-w-0 truncate",
+                    title: command.commandText ?? (command.commandPreview || "Background command"),
+                    children: command.commandText ?? (command.commandPreview || "Background command")
+                  }
+                )
               ]
             }
           ),
           /* @__PURE__ */ jsxs17("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandPreview || "Background command" }),
+            /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
             /* @__PURE__ */ jsxs17(
               "time",
               {
@@ -10634,4 +10644,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-D5NOQPLR.js.map
+//# sourceMappingURL=chunk-ZC2DK5SC.js.map