@mcp-b/react-components 0.18.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/{CodeBlock-Bfp5PAg3.js → CodeBlock-Bb-IPBc_.js} +1 -1
  2. package/dist/{FileTree-3zYtrddG.js → FileTree-CUlXfnmc.js} +1 -1
  3. package/dist/{Message-BXtmfc9Q.js → Message-rZEaaD8Q.js} +1 -1
  4. package/dist/{ModelSelector-Cqw_qrUG.js → ModelSelector-4GsCWcZV.js} +1 -1
  5. package/dist/{WorkspaceFileView-C68Ub8S8.js → WorkspaceFileView-CEdArlOT.js} +3 -3
  6. package/dist/components/Activity.js +1 -1
  7. package/dist/components/AgentActivity.js +1 -1
  8. package/dist/components/AgentActivityPreview.js +1 -1
  9. package/dist/components/AgentChat.js +3 -3
  10. package/dist/components/AgentConnection.js +2 -2
  11. package/dist/components/AgentMessageParts.js +1 -1
  12. package/dist/components/AgentToolDetail.js +1 -1
  13. package/dist/components/Approval.js +1 -1
  14. package/dist/components/Artifact.js +1 -1
  15. package/dist/components/BrowserLiveView.js +1 -1
  16. package/dist/components/BrowserReplay.js +1 -1
  17. package/dist/components/BrowserRunPanel.js +1 -1
  18. package/dist/components/ChainOfThought.d.ts +1 -1
  19. package/dist/components/ChainOfThought.js +1 -1
  20. package/dist/components/ChatGptSignInScreen.js +2 -2
  21. package/dist/components/Checkbox.js +1 -1
  22. package/dist/components/Checkpoint.js +1 -1
  23. package/dist/components/CodeBlock.js +1 -1
  24. package/dist/components/CodexModelSelector.js +34 -14
  25. package/dist/components/Commit.js +2 -2
  26. package/dist/components/ContextMenu.js +1 -1
  27. package/dist/components/Conversation.js +1 -1
  28. package/dist/components/EnvironmentVariables.js +2 -2
  29. package/dist/components/FileTree.js +1 -1
  30. package/dist/components/McpConnectionRequest.js +1 -1
  31. package/dist/components/McpServerPicker.js +1 -1
  32. package/dist/components/MediaPreviewCard.js +1 -1
  33. package/dist/components/Menubar.js +1 -1
  34. package/dist/components/Message.js +1 -1
  35. package/dist/components/MessageScroller.js +1 -1
  36. package/dist/components/ModelSelector.js +1 -1
  37. package/dist/components/Plan.js +1 -1
  38. package/dist/components/PricingPlanCard.js +1 -1
  39. package/dist/components/PromptInput.js +8 -8
  40. package/dist/components/Queue.js +1 -1
  41. package/dist/components/Reasoning.js +2 -2
  42. package/dist/components/ResponsiveSidebarShell.js +1 -1
  43. package/dist/components/SearchField.js +1 -1
  44. package/dist/components/Select.js +1 -1
  45. package/dist/components/Sources.js +1 -1
  46. package/dist/components/Stepper.js +1 -1
  47. package/dist/components/SubagentRunIndicator.js +1 -1
  48. package/dist/components/Task.js +1 -1
  49. package/dist/components/Terminal.js +2 -2
  50. package/dist/components/TestResults.js +1 -1
  51. package/dist/components/ThemeModeControl.js +1 -1
  52. package/dist/components/ThinkChatToolPanels.js +1 -1
  53. package/dist/components/ThinkExecutionDetail.js +1 -1
  54. package/dist/components/ThinkExecutionStatus.js +1 -1
  55. package/dist/components/ThinkExecutionWorkbench.js +1 -1
  56. package/dist/components/ThinkFullApp.js +1 -1
  57. package/dist/components/ThinkRoutineBrowser.js +1 -1
  58. package/dist/components/ThinkRoutineForm.js +1 -1
  59. package/dist/components/ThinkRoutineLibrary.js +1 -1
  60. package/dist/components/ThinkThreadPicker.js +1 -1
  61. package/dist/components/WebPreview.js +1 -1
  62. package/dist/components/WorkspaceBrowser.js +1 -1
  63. package/dist/components/WorkspaceExplorer.js +1 -1
  64. package/dist/components/WorkspaceFileView.js +1 -1
  65. package/dist/components/WorkspaceHeader.js +1 -1
  66. package/dist/components/icons.d.ts +2 -2
  67. package/dist/components/icons.js +2 -2
  68. package/dist/{copy-button-DeK6KXEV.js → copy-button-BtRwhRks.js} +1 -1
  69. package/dist/{icons-CQJ-aMnI.js → icons-DKXiSepE.js} +3 -2
  70. package/dist/{icons-CYXmvKlJ.d.ts → icons-DkRtZmvT.d.ts} +6 -1
  71. package/dist/styles/codex-model-selector.css +43 -1
  72. package/dist/styles/prompt-input.css +27 -10
  73. package/dist/utils/codex-model-catalog.d.ts +2 -8
  74. package/dist/utils/codex-model-catalog.js +2 -16
  75. package/dist/utils/mcp-server-catalog.d.ts +7 -0
  76. package/dist/utils/mcp-server-catalog.js +8 -0
  77. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "./class-names-BiMDVpUo.js";
2
2
  import { Select } from "./components/Select.js";
3
- import { t as CopyButton } from "./copy-button-DeK6KXEV.js";
3
+ import { t as CopyButton } from "./copy-button-BtRwhRks.js";
4
4
  import * as React from "react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
6
  import { createHighlighter } from "shiki";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "./class-names-BiMDVpUo.js";
2
- import { C as FolderOpenIcon, S as FolderIcon, f as ChevronRightIcon, x as FileIcon } from "./icons-CQJ-aMnI.js";
2
+ import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
4
4
  import * as React from "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "./class-names-BiMDVpUo.js";
2
- import { i as ArrowRightIcon, r as ArrowLeftIcon, x as FileIcon } from "./icons-CQJ-aMnI.js";
2
+ import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-DKXiSepE.js";
3
3
  import { Button } from "./components/Button.js";
4
4
  import { Tooltip } from "./components/Tooltip.js";
5
5
  import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "./class-names-BiMDVpUo.js";
2
- import { U as SearchIcon, u as ChevronDownIcon } from "./icons-CQJ-aMnI.js";
2
+ import { W as SearchIcon, d as ChevronDownIcon } from "./icons-DKXiSepE.js";
3
3
  import { Button } from "./components/Button.js";
4
4
  import { Dialog } from "./components/Dialog.js";
5
5
  import { Separator } from "./components/Separator.js";
@@ -1,9 +1,9 @@
1
- import { $ as XIcon, O as MaximizeIcon, Z as WarningIcon, _ as DownloadIcon, l as CheckIcon, p as CodeIcon, y as EyeIcon } from "./icons-CQJ-aMnI.js";
1
+ import { Q as WarningIcon, b as EyeIcon, et as XIcon, k as MaximizeIcon, m as CodeIcon, u as CheckIcon, v as DownloadIcon } from "./icons-DKXiSepE.js";
2
2
  import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
3
3
  import { buttonVariants } from "./components/Button.js";
4
4
  import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
5
- import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BXtmfc9Q.js";
6
- import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Bfp5PAg3.js";
5
+ import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-rZEaaD8Q.js";
6
+ import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Bb-IPBc_.js";
7
7
  import { AppTopBar } from "./components/AppTopBar.js";
8
8
  import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
9
9
  import { WorkspaceHeader } from "./components/WorkspaceHeader.js";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { f as ChevronRightIcon } from "../icons-CQJ-aMnI.js";
3
+ import { p as ChevronRightIcon } from "../icons-DKXiSepE.js";
4
4
  import "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/Activity.tsx
@@ -1,4 +1,4 @@
1
- import { D as LinkIcon, E as InfoIcon, N as MonitorIcon, Q as WrenchIcon, R as PencilIcon, U as SearchIcon, Y as TerminalIcon, Z as WarningIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
1
+ import { $ as WrenchIcon, D as InfoIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, S as FileIcon, W as SearchIcon, X as TerminalIcon, z as PencilIcon } from "../icons-DKXiSepE.js";
2
2
  import * as React from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  //#region src/components/AgentActivity.tsx
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, G as SpinnerIcon, Z as WarningIcon, k as McpIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
2
+ import { A as McpIcon, K as SpinnerIcon, Q as WarningIcon, S as FileIcon, et as XIcon } from "../icons-DKXiSepE.js";
3
3
  import { ActivityHeader } from "./Activity.js";
4
4
  import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
5
5
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { B as PlusIcon, F as MoveToFrontIcon, H as RefreshIcon, R as PencilIcon, V as QueueIcon, X as TrashIcon } from "../icons-CQJ-aMnI.js";
3
- import { n as MessageAction, r as MessageActions, t as Message } from "../Message-BXtmfc9Q.js";
2
+ import { H as QueueIcon, I as MoveToFrontIcon, U as RefreshIcon, V as PlusIcon, Z as TrashIcon, z as PencilIcon } from "../icons-DKXiSepE.js";
3
+ import { n as MessageAction, r as MessageActions, t as Message } from "../Message-rZEaaD8Q.js";
4
4
  import { AgentMessageParts } from "./AgentMessageParts.js";
5
5
  import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
6
6
  import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
@@ -10,7 +10,7 @@ import { Marker, MarkerContent } from "./Marker.js";
10
10
  import { Menu } from "./Menu.js";
11
11
  import { TransitionSurface } from "./TransitionSurface.js";
12
12
  import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments } from "./PromptInput.js";
13
- import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
13
+ import { t as CopyButton } from "../copy-button-BtRwhRks.js";
14
14
  import * as React from "react";
15
15
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
16
  import { isCompactionMessage } from "agents/experimental/memory/utils";
@@ -1,10 +1,10 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { D as LinkIcon } from "../icons-CQJ-aMnI.js";
2
+ import { O as LinkIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Popover } from "./Popover.js";
5
5
  import { Field } from "./Field.js";
6
6
  import { Form } from "./Form.js";
7
- import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-Bfp5PAg3.js";
7
+ import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-Bb-IPBc_.js";
8
8
  import { CUSTOM_MCP_SERVER_CARD } from "../utils/mcp-server-catalog.js";
9
9
  import * as React from "react";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-BXtmfc9Q.js";
1
+ import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-rZEaaD8Q.js";
2
2
  import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
3
3
  import { Source, Sources, SourcesContent, SourcesTrigger } from "./Sources.js";
4
4
  import { ToolInvocation } from "./ToolInvocation.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { r as ArrowLeftIcon } from "../icons-CQJ-aMnI.js";
2
+ import { r as ArrowLeftIcon } from "../icons-DKXiSepE.js";
3
3
  import { TransitionSurface } from "./TransitionSurface.js";
4
4
  import { AppTopBar } from "./AppTopBar.js";
5
5
  import { NaniteMark } from "./NaniteScene.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { R as PencilIcon } from "../icons-CQJ-aMnI.js";
2
+ import { z as PencilIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import * as React from "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon } from "../icons-CQJ-aMnI.js";
2
+ import { et as XIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip } from "./Tooltip.js";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, O as MaximizeIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon, k as MaximizeIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Dialog } from "./Dialog.js";
5
5
  import { TransitionSurface } from "./TransitionSurface.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { L as PauseIcon, z as PlayIcon } from "../icons-CQJ-aMnI.js";
2
+ import { B as PlayIcon, R as PauseIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Slider } from "./Slider.js";
5
5
  import * as React from "react";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon, et as XIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tabs } from "./Tabs.js";
5
5
  import { BrowserLiveView } from "./BrowserLiveView.js";
@@ -1,5 +1,5 @@
1
1
  import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
2
- import { E as IconProps } from "../icons-CYXmvKlJ.js";
2
+ import { D as IconProps } from "../icons-DkRtZmvT.js";
3
3
  import * as React from "react";
4
4
 
5
5
  //#region src/components/ChainOfThought.d.ts
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { G as SpinnerIcon, f as ChevronRightIcon, g as DotIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
3
+ import { K as SpinnerIcon, _ as DotIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
4
4
  import "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/ChainOfThought.tsx
@@ -1,7 +1,7 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
- import { u as ModelSelectorLogo } from "../ModelSelector-Cqw_qrUG.js";
4
+ import { u as ModelSelectorLogo } from "../ModelSelector-4GsCWcZV.js";
5
5
  import "react";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  //#region src/components/ChatGptSignInScreen.tsx
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import "react";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { o as BookmarkIcon } from "../icons-CQJ-aMnI.js";
2
+ import { o as BookmarkIcon } from "../icons-DKXiSepE.js";
3
3
  import { Marker, MarkerIcon } from "./Marker.js";
4
4
  import "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-Bfp5PAg3.js";
1
+ import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-Bb-IPBc_.js";
2
2
  export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };
@@ -1,5 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { H as RefreshIcon, f as ChevronRightIcon, l as CheckIcon, u as ChevronDownIcon } from "../icons-CQJ-aMnI.js";
2
+ import { U as RefreshIcon, c as BrainIcon, d as ChevronDownIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
+ import { Tooltip } from "./Tooltip.js";
3
4
  import { Menu } from "./Menu.js";
4
5
  import "react";
5
6
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -19,6 +20,10 @@ function CodexModelSelector({ models, selectedModelId = null, onSelectModel, sel
19
20
  const speedOptions = getServiceTiers(selectedModel);
20
21
  const selectedEffort = effortOptions.find((option) => option.reasoningEffort === selectedEffortId);
21
22
  const selectedSpeed = speedOptions.find((option) => option.id === selectedSpeedId);
23
+ const selectedModelLabel = selectedModel?.displayName ?? "Select model";
24
+ const compactModelLabel = selectedModelLabel.replace(/^GPT-([^-]+).*$/i, "$1");
25
+ const selectedEffortLabel = selectedEffort ? formatSettingLabel(selectedEffort.reasoningEffort) : void 0;
26
+ const selectedSettingsLabel = selectedEffortLabel ? `${selectedModelLabel} · ${selectedEffortLabel}` : selectedModelLabel;
22
27
  function handleSelectModel(modelId) {
23
28
  const model = visibleModels.find((option) => option.id === modelId);
24
29
  if (!model) return;
@@ -41,23 +46,38 @@ function CodexModelSelector({ models, selectedModelId = null, onSelectModel, sel
41
46
  function handleReset() {
42
47
  onReset?.();
43
48
  }
49
+ const trigger = /* @__PURE__ */ jsxs(Menu.Trigger, {
50
+ unstyled: true,
51
+ className: cx("codex-model-selector__trigger", className),
52
+ disabled,
53
+ "aria-label": ariaLabel,
54
+ children: [
55
+ /* @__PURE__ */ jsxs("span", {
56
+ className: "codex-model-selector__compact",
57
+ children: [/* @__PURE__ */ jsx(BrainIcon, { className: "codex-model-selector__compact-icon" }), /* @__PURE__ */ jsx("span", {
58
+ className: "codex-model-selector__compact-label",
59
+ children: compactModelLabel
60
+ })]
61
+ }),
62
+ /* @__PURE__ */ jsxs("span", {
63
+ className: "codex-model-selector__summary",
64
+ children: [/* @__PURE__ */ jsx("span", { children: selectedModelLabel }), selectedEffort ? /* @__PURE__ */ jsx("span", {
65
+ className: cx("codex-model-selector__summary-effort", selectedEffort.reasoningEffort === "ultra" && "codex-model-selector__summary-effort--ultra"),
66
+ children: selectedEffortLabel
67
+ }) : null]
68
+ }),
69
+ /* @__PURE__ */ jsx(ChevronDownIcon, { className: "codex-model-selector__trigger-icon" })
70
+ ]
71
+ });
44
72
  return /* @__PURE__ */ jsxs(Menu.Root, {
45
73
  open,
46
74
  defaultOpen,
47
75
  onOpenChange,
48
- children: [/* @__PURE__ */ jsxs(Menu.Trigger, {
49
- unstyled: true,
50
- className: cx("codex-model-selector__trigger", className),
51
- disabled,
52
- "aria-label": ariaLabel,
53
- children: [/* @__PURE__ */ jsxs("span", {
54
- className: "codex-model-selector__summary",
55
- children: [/* @__PURE__ */ jsx("span", { children: selectedModel?.displayName ?? "Select model" }), selectedEffort ? /* @__PURE__ */ jsx("span", {
56
- className: cx("codex-model-selector__summary-effort", selectedEffort.reasoningEffort === "ultra" && "codex-model-selector__summary-effort--ultra"),
57
- children: formatSettingLabel(selectedEffort.reasoningEffort)
58
- }) : null]
59
- }), /* @__PURE__ */ jsx(ChevronDownIcon, { className: "codex-model-selector__trigger-icon" })]
60
- }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
76
+ children: [/* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: trigger }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
77
+ side: "top",
78
+ sideOffset: 6,
79
+ children: /* @__PURE__ */ jsxs(Tooltip.Popup, { children: ["Response settings: ", selectedSettingsLabel] })
80
+ }) })] }), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
61
81
  side: "top",
62
82
  align: "end",
63
83
  children: /* @__PURE__ */ jsxs(Menu.Popup, {
@@ -1,7 +1,7 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
4
- import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
3
+ import { S as FileIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
4
+ import { t as CopyButton } from "../copy-button-BtRwhRks.js";
5
5
  import { Badge } from "./Badge.js";
6
6
  import { Avatar } from "./Avatar.js";
7
7
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { g as DotIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { _ as DotIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import "react";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { _ as DownloadIcon, n as ArrowDownIcon } from "../icons-CQJ-aMnI.js";
2
+ import { n as ArrowDownIcon, v as DownloadIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
5
5
  import * as React from "react";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { b as EyeOffIcon, y as EyeIcon } from "../icons-CQJ-aMnI.js";
3
- import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
2
+ import { b as EyeIcon, x as EyeOffIcon } from "../icons-DKXiSepE.js";
3
+ import { t as CopyButton } from "../copy-button-BtRwhRks.js";
4
4
  import { Badge } from "./Badge.js";
5
5
  import { Switch } from "./Switch.js";
6
6
  import * as React from "react";
@@ -1,2 +1,2 @@
1
- import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-3zYtrddG.js";
1
+ import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CUlXfnmc.js";
2
2
  export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, Z as WarningIcon, k as McpIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { A as McpIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
5
5
  import { getMcpServerEntry, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, M as MinusIcon, Z as WarningIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon, N as MinusIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { buttonVariants } from "./Button.js";
4
4
  import { Dialog } from "./Dialog.js";
5
5
  import { Menu } from "./Menu.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { z as PlayIcon } from "../icons-CQJ-aMnI.js";
2
+ import { B as PlayIcon } from "../icons-DKXiSepE.js";
3
3
  import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
4
4
  import { Card } from "./Card.js";
5
5
  import * as React from "react";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { g as DotIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { _ as DotIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import "react";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import { Menu } from "@base-ui/react/menu";
@@ -1,2 +1,2 @@
1
- import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-BXtmfc9Q.js";
1
+ import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-rZEaaD8Q.js";
2
2
  export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { n as ArrowDownIcon } from "../icons-CQJ-aMnI.js";
2
+ import { n as ArrowDownIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import "react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorShortcut, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-Cqw_qrUG.js";
1
+ import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorShortcut, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-4GsCWcZV.js";
2
2
  export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorShortcut, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { g as DotIcon, i as ArrowRightIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { _ as DotIcon, i as ArrowRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import * as React from "react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/components/Plan.tsx
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { E as InfoIcon, M as MinusIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { D as InfoIcon, N as MinusIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip } from "./Tooltip.js";
5
5
  import { Separator } from "./Separator.js";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, B as PlusIcon, G as SpinnerIcon, I as PaperclipIcon, K as SquareIcon, N as MonitorIcon, Q as WrenchIcon, S as FolderIcon, Z as WarningIcon, a as ArrowUpIcon, j as MicrophoneIcon, l as CheckIcon, q as StopIcon, u as ChevronDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
2
+ import { $ as WrenchIcon, C as FolderIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, Q as WarningIcon, S as FileIcon, V as PlusIcon, a as ArrowUpIcon, d as ChevronDownIcon, et as XIcon, q as SquareIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip } from "./Tooltip.js";
5
5
  import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
@@ -455,7 +455,7 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
455
455
  }
456
456
  function PromptInputButton({ className, tooltip, variant = "ghost", color = "neutral", size, iconOnly, children, "aria-label": ariaLabel, ref, ...props }) {
457
457
  const childCount = React.Children.count(children);
458
- const resolvedSize = size ?? "sm";
458
+ const resolvedSize = size ?? "xs";
459
459
  const resolvedIconOnly = iconOnly ?? childCount <= 1;
460
460
  const tooltipConfig = typeof tooltip === "string" ? { content: tooltip } : tooltip;
461
461
  const fallbackLabel = ariaLabel ?? (typeof tooltipConfig?.content === "string" ? tooltipConfig.content : void 0);
@@ -601,7 +601,7 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
601
601
  type: "button",
602
602
  variant: "normal",
603
603
  color: "neutral",
604
- size: "sm",
604
+ size: "xs",
605
605
  iconOnly: true,
606
606
  "aria-label": "Stop dictation",
607
607
  onClick: () => voice.stop(),
@@ -611,7 +611,7 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
611
611
  className: "prompt-input__recording-button",
612
612
  type: "button",
613
613
  color: "primary",
614
- size: "sm",
614
+ size: "xs",
615
615
  iconOnly: true,
616
616
  "aria-label": "Stop dictation and send",
617
617
  onClick: () => {
@@ -804,7 +804,7 @@ function PromptInputPermissionSelector({ value, onValueChange, question = "How s
804
804
  const trigger = /* @__PURE__ */ jsx(Menu.Trigger, {
805
805
  unstyled: true,
806
806
  render: /* @__PURE__ */ jsxs(PromptInputButton, {
807
- size: "sm",
807
+ size: "xs",
808
808
  className: "prompt-input__permissions-trigger",
809
809
  "data-mode": value,
810
810
  "aria-label": selected.label,
@@ -855,7 +855,7 @@ function PromptInputPermissionSelector({ value, onValueChange, question = "How s
855
855
  })
856
856
  }) }) })] });
857
857
  }
858
- function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "sm", onClick, children, label, hasContent = false, ref, ...props }) {
858
+ function PromptInputSubmit({ className, status = "ready", onStop, variant = "normal", color = "primary", size = "xs", onClick, children, label, hasContent = false, ref, ...props }) {
859
859
  const isBusy = status === "submitted" || status === "streaming";
860
860
  const isQueueing = isBusy && hasContent;
861
861
  const isStopping = isBusy && !isQueueing;
@@ -1153,7 +1153,7 @@ function PromptInputReferences({ references, onRemove, className, ref, ...props
1153
1153
  type: "button",
1154
1154
  variant: "ghost",
1155
1155
  color: "primary",
1156
- size: "sm",
1156
+ size: "xs",
1157
1157
  className: "prompt-input__reference",
1158
1158
  "aria-label": `Remove ${reference.label}`,
1159
1159
  onClick: () => onRemove(reference),
@@ -1182,7 +1182,7 @@ function PromptInputContextSelector({ items, value, onValueChange, categoryLabel
1182
1182
  const trigger = /* @__PURE__ */ jsx(Menu.Trigger, {
1183
1183
  unstyled: true,
1184
1184
  render: /* @__PURE__ */ jsxs(PromptInputButton, {
1185
- size: "sm",
1185
+ size: "xs",
1186
1186
  className: "prompt-input__context-trigger",
1187
1187
  "aria-label": `${categoryLabel}: ${fullLabel}`,
1188
1188
  "data-unavailable": !selected || selected.unavailable || void 0,
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { f as ChevronRightIcon, g as DotIcon, l as CheckIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
3
+ import { S as FileIcon, _ as DotIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
4
4
  import { Button } from "./Button.js";
5
5
  import { Badge } from "./Badge.js";
6
6
  import { ScrollArea } from "./ScrollArea.js";
@@ -1,8 +1,8 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
3
+ import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
4
4
  import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
5
- import { f as MessageResponse } from "../Message-BXtmfc9Q.js";
5
+ import { f as MessageResponse } from "../Message-rZEaaD8Q.js";
6
6
  import * as React from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
8
  //#region src/components/Reasoning.tsx
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { W as SidebarIcon } from "../icons-CQJ-aMnI.js";
2
+ import { G as SidebarIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
5
5
  import { AppTopBar } from "./AppTopBar.js";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { U as SearchIcon } from "../icons-CQJ-aMnI.js";
2
+ import { W as SearchIcon } from "../icons-DKXiSepE.js";
3
3
  import { Field } from "./Field.js";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/components/SearchField.tsx
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
2
- import { a as ArrowUpIcon, l as CheckIcon, n as ArrowDownIcon } from "../icons-CQJ-aMnI.js";
2
+ import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import "react";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import { Select as Select$1 } from "@base-ui/react/select";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { D as LinkIcon, f as ChevronRightIcon } from "../icons-CQJ-aMnI.js";
3
+ import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
4
4
  import "react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/Sources.tsx
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
4
4
  import * as React from "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, Z as WarningIcon, l as CheckIcon, q as StopIcon } from "../icons-CQJ-aMnI.js";
2
+ import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import "react";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  //#region src/components/SubagentRunIndicator.tsx
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { U as SearchIcon, f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
3
+ import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
4
4
  import "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/Task.tsx
@@ -1,8 +1,8 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, Y as TerminalIcon } from "../icons-CQJ-aMnI.js";
2
+ import { X as TerminalIcon, et as XIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip } from "./Tooltip.js";
5
- import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
5
+ import { t as CopyButton } from "../copy-button-BtRwhRks.js";
6
6
  import { Badge } from "./Badge.js";
7
7
  import { ScrollArea } from "./ScrollArea.js";
8
8
  import * as React from "react";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
2
  import { Collapsible } from "./Collapsible.js";
3
- import { $ as XIcon, G as SpinnerIcon, f as ChevronRightIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
3
+ import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
4
4
  import { Badge } from "./Badge.js";
5
5
  import * as React from "react";
6
6
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { J as SunIcon, N as MonitorIcon, P as MoonIcon } from "../icons-CQJ-aMnI.js";
1
+ import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DKXiSepE.js";
2
2
  import { Radio, RadioGroup } from "./RadioGroup.js";
3
3
  import { useTheme } from "./ThemeProvider.js";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { ActivityOutput, ActivityPanel } from "./Activity.js";
2
2
  import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
3
3
  import { Tabs } from "./Tabs.js";
4
- import { t as CodeBlock } from "../CodeBlock-Bfp5PAg3.js";
4
+ import { t as CodeBlock } from "../CodeBlock-Bb-IPBc_.js";
5
5
  import { BrowserLiveView } from "./BrowserLiveView.js";
6
6
  import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
7
7
  import * as React from "react";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, E as InfoIcon, H as RefreshIcon, Y as TerminalIcon, l as CheckIcon, n as ArrowDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
2
+ import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
4
4
  import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
5
5
  import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { $ as XIcon, E as InfoIcon, G as SpinnerIcon, L as PauseIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
2
+ import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
3
3
  import { Tooltip } from "./Tooltip.js";
4
4
  import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { H as RefreshIcon, v as EllipsisIcon } from "../icons-CQJ-aMnI.js";
2
+ import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
4
4
  import { Button, buttonVariants } from "./Button.js";
5
5
  import { Tooltip } from "./Tooltip.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { Y as TerminalIcon, u as ChevronDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
2
+ import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
5
5
  import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { B as PlusIcon } from "../icons-CQJ-aMnI.js";
2
+ import { V as PlusIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
4
4
  import { buttonVariants } from "./Button.js";
5
5
  import { Tooltip } from "./Tooltip.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
4
4
  import { Button, buttonVariants } from "./Button.js";
5
5
  import { Field } from "./Field.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { G as SpinnerIcon, Z as WarningIcon, u as ChevronDownIcon, v as EllipsisIcon, z as PlayIcon } from "../icons-CQJ-aMnI.js";
2
+ import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
4
4
  import { Button, buttonVariants } from "./Button.js";
5
5
  import { Menu } from "./Menu.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { B as PlusIcon, G as SpinnerIcon, Z as WarningIcon, g as DotIcon, t as ArchiveIcon } from "../icons-CQJ-aMnI.js";
2
+ import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DKXiSepE.js";
3
3
  import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
4
4
  import { Button, buttonVariants } from "./Button.js";
5
5
  import { SearchField } from "./SearchField.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../class-names-BiMDVpUo.js";
2
- import { H as RefreshIcon, i as ArrowRightIcon, r as ArrowLeftIcon, u as ChevronDownIcon } from "../icons-CQJ-aMnI.js";
2
+ import { U as RefreshIcon, d as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../icons-DKXiSepE.js";
3
3
  import { Button } from "./Button.js";
4
4
  import { Tooltip } from "./Tooltip.js";
5
5
  import { Badge } from "./Badge.js";
@@ -1,4 +1,4 @@
1
- import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-3zYtrddG.js";
1
+ import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-CUlXfnmc.js";
2
2
  import { SearchField } from "./SearchField.js";
3
3
  import { WorkspaceHeader } from "./WorkspaceHeader.js";
4
4
  import * as React from "react";
@@ -3,7 +3,7 @@ import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationPr
3
3
  import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
4
4
  import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
5
5
  import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
6
- import { t as WorkspaceFileView } from "../WorkspaceFileView-C68Ub8S8.js";
6
+ import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
7
7
  import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
8
8
  import * as React from "react";
9
9
  import { jsx } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { t as WorkspaceFileView } from "../WorkspaceFileView-C68Ub8S8.js";
1
+ import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
2
2
  export { WorkspaceFileView };
@@ -1,4 +1,4 @@
1
- import { H as RefreshIcon } from "../icons-CQJ-aMnI.js";
1
+ import { U as RefreshIcon } from "../icons-DKXiSepE.js";
2
2
  import { AppTopBar } from "./AppTopBar.js";
3
3
  import "react";
4
4
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { $ as WarningIcon, A as MaximizeIcon, B as PencilIcon, C as FolderIcon, D as ImageIcon, E as IconProps, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SquareIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TrashIcon, R as PaperclipIcon, S as FileIcon, T as HashIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as SunIcon, Y as StopIcon, Z as TerminalIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrandIconProps, d as ChevronDownIcon, et as WrenchIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, tt as XIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PauseIcon } from "../icons-CYXmvKlJ.js";
2
- export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
1
+ import { $ as TrashIcon, A as LinkIcon, B as PauseIcon, C as FileIcon, D as IconProps, E as HashIcon, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SpinnerIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as ImageIcon, P as MicrophoneIcon, Q as TerminalIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BrainIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as MaximizeIcon, k as InfoIcon, l as BrandIconProps, m as ChevronRightIcon, n as ArrowDownIcon, nt as XIcon, o as BookmarkIcon, p as ChevronLeftIcon, q as SidebarIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../icons-DkRtZmvT.js";
2
+ export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
@@ -1,2 +1,2 @@
1
- import { $ as XIcon, A as MessageSquareIcon, B as PlusIcon, C as FolderOpenIcon, D as LinkIcon, E as InfoIcon, F as MoveToFrontIcon, G as SpinnerIcon, H as RefreshIcon, I as PaperclipIcon, J as SunIcon, K as SquareIcon, L as PauseIcon, M as MinusIcon, N as MonitorIcon, O as MaximizeIcon, P as MoonIcon, Q as WrenchIcon, R as PencilIcon, S as FolderIcon, T as ImageIcon, U as SearchIcon, V as QueueIcon, W as SidebarIcon, X as TrashIcon, Y as TerminalIcon, Z as WarningIcon, _ as DownloadIcon, a as ArrowUpIcon, b as EyeOffIcon, c as CalendarIcon, d as ChevronLeftIcon, f as ChevronRightIcon, g as DotIcon, h as DiscordIcon, i as ArrowRightIcon, j as MicrophoneIcon, k as McpIcon, l as CheckIcon, m as CopyIcon, n as ArrowDownIcon, o as BookmarkIcon, p as CodeIcon, q as StopIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as ChevronDownIcon, v as EllipsisIcon, w as HashIcon, x as FileIcon, y as EyeIcon, z as PlayIcon } from "../icons-CQJ-aMnI.js";
2
- export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
1
+ import { $ as WrenchIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as InfoIcon, E as ImageIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, R as PauseIcon, S as FileIcon, T as HashIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as TerminalIcon, Y as SunIcon, Z as TrashIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrainIcon, d as ChevronDownIcon, et as XIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../icons-DKXiSepE.js";
2
+ export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
@@ -1,4 +1,4 @@
1
- import { l as CheckIcon, m as CopyIcon } from "./icons-CQJ-aMnI.js";
1
+ import { h as CopyIcon, u as CheckIcon } from "./icons-DKXiSepE.js";
2
2
  import { Button } from "./components/Button.js";
3
3
  import { Tooltip } from "./components/Tooltip.js";
4
4
  import * as React from "react";
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
2
+ import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
3
3
  import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
4
4
  //#region src/components/_internal/icons.tsx
5
5
  function icon(Component) {
@@ -73,6 +73,7 @@ const QueueIcon = icon(ListRestart);
73
73
  const TrashIcon = icon(Trash2);
74
74
  const WarningIcon = icon(TriangleAlert);
75
75
  const BoxIcon = icon(Box);
76
+ const BrainIcon = icon(Brain);
76
77
  const CalendarIcon = icon(CalendarDays);
77
78
  const HashIcon = icon(Hash);
78
79
  const WrenchIcon = icon(Wrench);
@@ -86,4 +87,4 @@ const MoonIcon = icon(Moon);
86
87
  const SunIcon = icon(Sun);
87
88
  const MaximizeIcon = icon(Maximize2);
88
89
  //#endregion
89
- export { XIcon as $, MessageSquareIcon as A, PlusIcon as B, FolderOpenIcon as C, LinkIcon as D, InfoIcon as E, MoveToFrontIcon as F, SpinnerIcon as G, RefreshIcon as H, PaperclipIcon as I, SunIcon as J, SquareIcon as K, PauseIcon as L, MinusIcon as M, MonitorIcon as N, MaximizeIcon as O, MoonIcon as P, WrenchIcon as Q, PencilIcon as R, FolderIcon as S, ImageIcon as T, SearchIcon as U, QueueIcon as V, SidebarIcon as W, TrashIcon as X, TerminalIcon as Y, WarningIcon as Z, DownloadIcon as _, ArrowUpIcon as a, EyeOffIcon as b, CalendarIcon as c, ChevronLeftIcon as d, ChevronRightIcon as f, DotIcon as g, DiscordIcon as h, ArrowRightIcon as i, MicrophoneIcon as j, McpIcon as k, CheckIcon as l, CopyIcon as m, ArrowDownIcon as n, BookmarkIcon as o, CodeIcon as p, StopIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, ChevronDownIcon as u, EllipsisIcon as v, HashIcon as w, FileIcon as x, EyeIcon as y, PlayIcon as z };
90
+ export { WrenchIcon as $, McpIcon as A, PlayIcon as B, FolderIcon as C, InfoIcon as D, ImageIcon as E, MoonIcon as F, SidebarIcon as G, QueueIcon as H, MoveToFrontIcon as I, StopIcon as J, SpinnerIcon as K, PaperclipIcon as L, MicrophoneIcon as M, MinusIcon as N, LinkIcon as O, MonitorIcon as P, WarningIcon as Q, PauseIcon as R, FileIcon as S, HashIcon as T, RefreshIcon as U, PlusIcon as V, SearchIcon as W, TerminalIcon as X, SunIcon as Y, TrashIcon as Z, DotIcon as _, ArrowUpIcon as a, EyeIcon as b, BrainIcon as c, ChevronDownIcon as d, XIcon as et, ChevronLeftIcon as f, DiscordIcon as g, CopyIcon as h, ArrowRightIcon as i, MessageSquareIcon as j, MaximizeIcon as k, CalendarIcon as l, CodeIcon as m, ArrowDownIcon as n, BookmarkIcon as o, ChevronRightIcon as p, SquareIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, CheckIcon as u, DownloadIcon as v, FolderOpenIcon as w, EyeOffIcon as x, EllipsisIcon as y, PencilIcon as z };
@@ -218,6 +218,11 @@ declare const BoxIcon: ({
218
218
  strokeWidth,
219
219
  ...props
220
220
  }: IconProps) => import("react").JSX.Element;
221
+ declare const BrainIcon: ({
222
+ size,
223
+ strokeWidth,
224
+ ...props
225
+ }: IconProps) => import("react").JSX.Element;
221
226
  declare const CalendarIcon: ({
222
227
  size,
223
228
  strokeWidth,
@@ -277,4 +282,4 @@ declare const MaximizeIcon: ({
277
282
  ...props
278
283
  }: IconProps) => import("react").JSX.Element;
279
284
  //#endregion
280
- export { WarningIcon as $, MaximizeIcon as A, PencilIcon as B, FolderIcon as C, ImageIcon as D, IconProps as E, MonitorIcon as F, SearchIcon as G, PlusIcon as H, MoonIcon as I, SquareIcon as J, SidebarIcon as K, MoveToFrontIcon as L, MessageSquareIcon as M, MicrophoneIcon as N, InfoIcon as O, MinusIcon as P, TrashIcon as Q, PaperclipIcon as R, FileIcon as S, HashIcon as T, QueueIcon as U, PlayIcon as V, RefreshIcon as W, SunIcon as X, StopIcon as Y, TerminalIcon as Z, DotIcon as _, ArrowUpIcon as a, EyeIcon as b, BrandIconProps as c, ChevronDownIcon as d, WrenchIcon as et, ChevronLeftIcon as f, DiscordIcon as g, CopyIcon as h, ArrowRightIcon as i, McpIcon as j, LinkIcon as k, CalendarIcon as l, CodeIcon as m, ArrowDownIcon as n, BookmarkIcon as o, ChevronRightIcon as p, SpinnerIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, XIcon as tt, CheckIcon as u, DownloadIcon as v, FolderOpenIcon as w, EyeOffIcon as x, EllipsisIcon as y, PauseIcon as z };
285
+ export { TrashIcon as $, LinkIcon as A, PauseIcon as B, FileIcon as C, IconProps as D, HashIcon as E, MinusIcon as F, RefreshIcon as G, PlayIcon as H, MonitorIcon as I, SpinnerIcon as J, SearchIcon as K, MoonIcon as L, McpIcon as M, MessageSquareIcon as N, ImageIcon as O, MicrophoneIcon as P, TerminalIcon as Q, MoveToFrontIcon as R, EyeOffIcon as S, FolderOpenIcon as T, PlusIcon as U, PencilIcon as V, QueueIcon as W, StopIcon as X, SquareIcon as Y, SunIcon as Z, DiscordIcon as _, ArrowUpIcon as a, EllipsisIcon as b, BrainIcon as c, CheckIcon as d, WarningIcon as et, ChevronDownIcon as f, CopyIcon as g, CodeIcon as h, ArrowRightIcon as i, MaximizeIcon as j, InfoIcon as k, BrandIconProps as l, ChevronRightIcon as m, ArrowDownIcon as n, XIcon as nt, BookmarkIcon as o, ChevronLeftIcon as p, SidebarIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, WrenchIcon as tt, CalendarIcon as u, DotIcon as v, FolderIcon as w, EyeIcon as x, DownloadIcon as y, PaperclipIcon as z };
@@ -11,7 +11,8 @@
11
11
  align-items: center;
12
12
  gap: var(--sigvelo-spacing-1);
13
13
  max-inline-size: calc(100vi - var(--sigvelo-spacing-8));
14
- min-block-size: var(--sigvelo-control-height-sm);
14
+ min-inline-size: 0;
15
+ min-block-size: var(--sigvelo-control-height-xs);
15
16
  padding: 0;
16
17
  color: var(--sigvelo-color-text);
17
18
  appearance: none;
@@ -66,6 +67,7 @@
66
67
  }
67
68
 
68
69
  .codex-model-selector__summary-effort,
70
+ .codex-model-selector__compact-icon,
69
71
  .codex-model-selector__trigger-icon,
70
72
  .codex-model-selector__submenu-value,
71
73
  .codex-model-selector__submenu-icon,
@@ -78,12 +80,25 @@
78
80
  color: var(--sigvelo-color-primary-text);
79
81
  }
80
82
 
83
+ .codex-model-selector__compact-icon,
81
84
  .codex-model-selector__trigger-icon,
82
85
  .codex-model-selector__submenu-icon,
83
86
  .codex-model-selector__reset-icon {
84
87
  flex: 0 0 auto;
85
88
  }
86
89
 
90
+ .codex-model-selector__compact {
91
+ display: none;
92
+ align-items: center;
93
+ gap: var(--sigvelo-spacing-1);
94
+ min-inline-size: 0;
95
+ }
96
+
97
+ .codex-model-selector__compact-icon {
98
+ inline-size: var(--sigvelo-control-icon-size-sm);
99
+ block-size: var(--sigvelo-control-icon-size-sm);
100
+ }
101
+
87
102
  .codex-model-selector__trigger-icon {
88
103
  inline-size: var(--sigvelo-control-icon-size-sm);
89
104
  block-size: var(--sigvelo-control-icon-size-sm);
@@ -175,6 +190,33 @@
175
190
  margin-inline-start: auto;
176
191
  }
177
192
 
193
+ @container prompt-input (inline-size <= 36rem) {
194
+ .codex-model-selector__trigger {
195
+ justify-content: center;
196
+ border-radius: var(--sigvelo-radius-full);
197
+ }
198
+
199
+ .codex-model-selector__compact {
200
+ display: inline-flex;
201
+ }
202
+
203
+ .codex-model-selector__summary,
204
+ .codex-model-selector__trigger-icon {
205
+ display: none;
206
+ }
207
+ }
208
+
209
+ @container prompt-input (inline-size <= 22rem) {
210
+ .codex-model-selector__trigger {
211
+ inline-size: var(--sigvelo-control-height-xs);
212
+ max-inline-size: var(--sigvelo-control-height-xs);
213
+ }
214
+
215
+ .codex-model-selector__compact-label {
216
+ display: none;
217
+ }
218
+ }
219
+
178
220
  @media (forced-colors: active) {
179
221
  .codex-model-selector__summary-effort--ultra {
180
222
  color: LinkText;
@@ -12,7 +12,7 @@
12
12
  /* Fields keep their border; hairline + soft shadow for the floating-composer look */
13
13
  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
14
14
  var(--sigvelo-color-neutral-border-subtle);
15
- border-radius: calc(var(--sigvelo-radius-xl) + var(--sigvelo-spacing-1));
15
+ border-radius: calc(var(--sigvelo-radius-xl) + var(--sigvelo-spacing-2));
16
16
  box-shadow: var(--sigvelo-shadow-sm);
17
17
  font-family: inherit;
18
18
  color: var(--sigvelo-color-text);
@@ -177,6 +177,7 @@
177
177
  flex-wrap: wrap;
178
178
  gap: var(--sigvelo-spacing-1);
179
179
  inline-size: 100%;
180
+ min-block-size: var(--sigvelo-spacing-8);
180
181
  }
181
182
 
182
183
  .prompt-input__textarea {
@@ -222,6 +223,7 @@
222
223
  display: inline-flex;
223
224
  align-items: center;
224
225
  gap: var(--sigvelo-spacing-1);
226
+ min-inline-size: 0;
225
227
  }
226
228
 
227
229
  .prompt-input__tools {
@@ -229,10 +231,12 @@
229
231
  align-items: center;
230
232
  gap: var(--sigvelo-spacing-1-5);
231
233
  flex-wrap: wrap;
232
- min-block-size: var(--sigvelo-density-compact-control-height);
234
+ min-block-size: var(--sigvelo-control-height-xs);
233
235
  }
234
236
 
235
237
  .prompt-input__button {
238
+ --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-md);
239
+
236
240
  gap: var(--sigvelo-spacing-1-5);
237
241
  color: var(--sigvelo-color-text-muted);
238
242
  }
@@ -242,8 +246,8 @@
242
246
  }
243
247
 
244
248
  .prompt-input__dictation {
245
- min-inline-size: var(--sigvelo-density-compact-control-height);
246
- min-block-size: var(--sigvelo-density-compact-control-height);
249
+ min-inline-size: var(--sigvelo-control-height-xs);
250
+ min-block-size: var(--sigvelo-control-height-xs);
247
251
  }
248
252
 
249
253
  .prompt-input__dictation[data-listening] {
@@ -266,8 +270,8 @@
266
270
 
267
271
  .prompt-input__dictation[data-listening] .prompt-input__dictation-icon::before {
268
272
  position: absolute;
269
- inline-size: var(--sigvelo-density-compact-control-height);
270
- block-size: var(--sigvelo-density-compact-control-height);
273
+ inline-size: var(--sigvelo-control-height-xs);
274
+ block-size: var(--sigvelo-control-height-xs);
271
275
  border: var(--sigvelo-border-width) solid currentColor;
272
276
  border-radius: var(--sigvelo-radius-full);
273
277
  opacity: calc(0.2 + var(--prompt-input-dictation-level) * 0.6);
@@ -383,8 +387,8 @@
383
387
  }
384
388
 
385
389
  .prompt-input__button[data-responsive-label] {
386
- inline-size: var(--sigvelo-density-compact-control-height);
387
- min-block-size: var(--sigvelo-density-compact-control-height);
390
+ inline-size: var(--sigvelo-control-height-xs);
391
+ min-block-size: var(--sigvelo-control-height-xs);
388
392
  padding-inline: 0;
389
393
  border-radius: var(--sigvelo-radius-full);
390
394
  }
@@ -396,8 +400,8 @@
396
400
  }
397
401
 
398
402
  .prompt-input__permissions-trigger {
399
- inline-size: var(--sigvelo-density-compact-control-height);
400
- min-block-size: var(--sigvelo-density-compact-control-height);
403
+ inline-size: var(--sigvelo-control-height-xs);
404
+ min-block-size: var(--sigvelo-control-height-xs);
401
405
  padding-inline: 0;
402
406
  justify-content: center;
403
407
  border-radius: var(--sigvelo-radius-full);
@@ -413,6 +417,19 @@
413
417
  }
414
418
  }
415
419
 
420
+ @container prompt-input (inline-size <= 22rem) {
421
+ .prompt-input__context-trigger {
422
+ inline-size: var(--sigvelo-control-height-xs);
423
+ padding-inline: 0;
424
+ justify-content: center;
425
+ border-radius: var(--sigvelo-radius-full);
426
+ }
427
+
428
+ .prompt-input__context-value {
429
+ display: none;
430
+ }
431
+ }
432
+
416
433
  .prompt-input__permissions-current-option:not([data-active]) {
417
434
  visibility: hidden;
418
435
  }
@@ -68,10 +68,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
68
68
  readonly model: "gpt-5.6-sol";
69
69
  readonly displayName: "GPT-5.6-Sol";
70
70
  readonly description: "Fast agentic coding model for responsive everyday work.";
71
- readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption, {
72
- readonly reasoningEffort: "ultra";
73
- readonly description: "Maximum reasoning with automatic task delegation";
74
- }];
71
+ readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption];
75
72
  readonly defaultReasoningEffort: "low";
76
73
  readonly isDefault: false;
77
74
  readonly upgrade: null;
@@ -88,10 +85,7 @@ declare const CHECKED_IN_CODEX_MODELS: readonly [{
88
85
  readonly model: "gpt-5.6-terra";
89
86
  readonly displayName: "GPT-5.6-Terra";
90
87
  readonly description: "Balanced agentic coding model for everyday work.";
91
- readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption, {
92
- readonly reasoningEffort: "ultra";
93
- readonly description: "Maximum reasoning with automatic task delegation";
94
- }];
88
+ readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption];
95
89
  readonly defaultReasoningEffort: "medium";
96
90
  readonly isDefault: true;
97
91
  readonly upgrade: null;
@@ -59,14 +59,7 @@ const CHECKED_IN_CODEX_MODELS = defineCodexModels([
59
59
  model: "gpt-5.6-sol",
60
60
  displayName: "GPT-5.6-Sol",
61
61
  description: "Fast agentic coding model for responsive everyday work.",
62
- supportedReasoningEfforts: [
63
- ...standardReasoningEfforts,
64
- maxReasoningEffort,
65
- {
66
- reasoningEffort: "ultra",
67
- description: "Maximum reasoning with automatic task delegation"
68
- }
69
- ],
62
+ supportedReasoningEfforts: [...standardReasoningEfforts, maxReasoningEffort],
70
63
  defaultReasoningEffort: "low",
71
64
  isDefault: false
72
65
  },
@@ -76,14 +69,7 @@ const CHECKED_IN_CODEX_MODELS = defineCodexModels([
76
69
  model: "gpt-5.6-terra",
77
70
  displayName: "GPT-5.6-Terra",
78
71
  description: "Balanced agentic coding model for everyday work.",
79
- supportedReasoningEfforts: [
80
- ...standardReasoningEfforts,
81
- maxReasoningEffort,
82
- {
83
- reasoningEffort: "ultra",
84
- description: "Maximum reasoning with automatic task delegation"
85
- }
86
- ],
72
+ supportedReasoningEfforts: [...standardReasoningEfforts, maxReasoningEffort],
87
73
  defaultReasoningEffort: "medium",
88
74
  isDefault: true
89
75
  },
@@ -154,6 +154,13 @@ declare const DCR_MCP_SERVER_CARDS: readonly [{
154
154
  readonly description: "Use Jira, Confluence, and Compass";
155
155
  readonly category: "Auto";
156
156
  readonly icon: "https://cdn.simpleicons.org/atlassian/0052CC";
157
+ }, {
158
+ readonly id: "attio";
159
+ readonly name: "Attio";
160
+ readonly url: "https://mcp.attio.com/mcp";
161
+ readonly description: "Manage CRM records, notes, tasks, and pipeline activity";
162
+ readonly category: "Auto";
163
+ readonly icon: "https://attio.com/favicon.ico";
157
164
  }, {
158
165
  readonly id: "canva";
159
166
  readonly name: "Canva";
@@ -148,6 +148,14 @@ const DCR_MCP_SERVER_CARDS = [
148
148
  category: DCR_CATEGORY,
149
149
  icon: "https://cdn.simpleicons.org/atlassian/0052CC"
150
150
  },
151
+ {
152
+ id: "attio",
153
+ name: "Attio",
154
+ url: "https://mcp.attio.com/mcp",
155
+ description: "Manage CRM records, notes, tasks, and pipeline activity",
156
+ category: DCR_CATEGORY,
157
+ icon: "https://attio.com/favicon.ico"
158
+ },
151
159
  {
152
160
  id: "canva",
153
161
  name: "Canva",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mcp-b/react-components",
3
- "version": "0.18.0",
3
+ "version": "0.19.0",
4
4
  "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
5
5
  "homepage": "https://design-system.sigvelo.com",
6
6
  "bugs": {
@@ -57,7 +57,7 @@
57
57
  "streamdown": "^2.5.0",
58
58
  "unist-util-visit": "^5.1.0",
59
59
  "yet-another-react-lightbox": "^3.32.1",
60
- "@mcp-b/design-tokens": "0.18.0"
60
+ "@mcp-b/design-tokens": "0.19.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@ai-sdk/react": "^3.0.222",