@mcp-b/react-components 0.31.5 → 0.31.7

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 (95) hide show
  1. package/dist/{CodeBlock-CM5gfmdq.js → CodeBlock-B5I7wje1.js} +1 -1
  2. package/dist/{FileTree-4WP4Uc_m.js → FileTree-DbQMpvxV.js} +1 -1
  3. package/dist/{ModelSelector-DzdEs2fX.js → ModelSelector-DZcpUBgn.js} +1 -1
  4. package/dist/{ThinkChat-BIEryLy0.js → ThinkChat-BUoXVfrn.js} +1 -1
  5. package/dist/{WorkspaceFileView-BtzVKAed.js → WorkspaceFileView-BeUpr6TU.js} +2 -2
  6. package/dist/components/agents-sdk/AgentActivity.js +1 -1
  7. package/dist/components/agents-sdk/AgentActivityPreview.js +3 -3
  8. package/dist/components/agents-sdk/AgentChat.js +30 -11
  9. package/dist/components/agents-sdk/BrowserLiveView.js +1 -1
  10. package/dist/components/agents-sdk/BrowserReplay.js +1 -1
  11. package/dist/components/agents-sdk/BrowserRunPanel.js +1 -1
  12. package/dist/components/agents-sdk/McpConnectionRequest.js +2 -2
  13. package/dist/components/agents-sdk/McpConnectorForm.js +1 -1
  14. package/dist/components/agents-sdk/McpPluginCatalog.js +3 -3
  15. package/dist/components/agents-sdk/McpServerPicker.js +2 -2
  16. package/dist/components/agents-sdk/ModelSelector.js +1 -1
  17. package/dist/components/agents-sdk/PromptInputApproval.js +1 -1
  18. package/dist/components/agents-sdk/PromptInputCommands.js +1 -1
  19. package/dist/components/agents-sdk/SubagentRunIndicator.js +1 -1
  20. package/dist/components/agents-sdk/SubagentRunSelector.js +2 -2
  21. package/dist/components/agents-sdk/ThinkChat.js +1 -1
  22. package/dist/components/agents-sdk/ThinkChatActivity.js +1 -1
  23. package/dist/components/agents-sdk/ThinkChatToolPanels.js +7 -4
  24. package/dist/components/agents-sdk/ThinkExecutionDetail.js +1 -1
  25. package/dist/components/agents-sdk/ThinkExecutionStatus.js +1 -1
  26. package/dist/components/agents-sdk/ThinkExecutionWorkbench.js +3 -3
  27. package/dist/components/agents-sdk/ThinkFullApp.js +2 -2
  28. package/dist/components/agents-sdk/ThinkRecoveryNotice.js +1 -1
  29. package/dist/components/agents-sdk/ThinkRoutineBrowser.d.ts +1 -0
  30. package/dist/components/agents-sdk/ThinkRoutineBrowser.js +5 -5
  31. package/dist/components/agents-sdk/ThinkRoutineForm.js +3 -3
  32. package/dist/components/agents-sdk/ThinkRoutineLibrary.d.ts +1 -1
  33. package/dist/components/agents-sdk/ThinkRoutineLibrary.js +3 -3
  34. package/dist/components/agents-sdk/ThinkRoutineRuns.js +2 -2
  35. package/dist/components/agents-sdk/ThinkThreadPicker.js +3 -3
  36. package/dist/components/agents-sdk/WorkspaceBrowser.js +1 -1
  37. package/dist/components/agents-sdk/WorkspaceExplorer.js +1 -1
  38. package/dist/components/agents-sdk/WorkspaceFileView.js +1 -1
  39. package/dist/components/agents-sdk/WorkspaceHeader.js +1 -1
  40. package/dist/components/agents-sdk/WorkspaceMountManager.js +2 -2
  41. package/dist/components/ai-sdk/Activity.js +1 -1
  42. package/dist/components/ai-sdk/AgentChatStartScreen.js +1 -1
  43. package/dist/components/ai-sdk/Approval.js +2 -1
  44. package/dist/components/ai-sdk/Artifact.js +1 -1
  45. package/dist/components/ai-sdk/ChainOfThought.js +1 -1
  46. package/dist/components/ai-sdk/Checkpoint.js +1 -1
  47. package/dist/components/ai-sdk/CodeBlock.js +1 -1
  48. package/dist/components/ai-sdk/Conversation.js +1 -1
  49. package/dist/components/ai-sdk/Goal.js +1 -1
  50. package/dist/components/ai-sdk/MediaPreviewCard.js +1 -1
  51. package/dist/components/ai-sdk/Message.js +1 -1
  52. package/dist/components/ai-sdk/MessageScroller.js +1 -1
  53. package/dist/components/ai-sdk/MessageScrollerVirtual.js +1 -1
  54. package/dist/components/ai-sdk/Plan.js +1 -1
  55. package/dist/components/ai-sdk/PromptInput.js +4 -3
  56. package/dist/components/ai-sdk/Queue.js +1 -1
  57. package/dist/components/ai-sdk/Reasoning.js +1 -1
  58. package/dist/components/ai-sdk/Sources.js +1 -1
  59. package/dist/components/ai-sdk/Task.js +1 -1
  60. package/dist/components/extension/ChatGptSignInScreen.js +2 -2
  61. package/dist/components/extension/CodexModelSelector.js +2 -2
  62. package/dist/components/extension/ConversationTabPicker.js +3 -3
  63. package/dist/components/foundations/Checkbox.js +1 -1
  64. package/dist/components/foundations/Collapsible.js +1 -1
  65. package/dist/components/foundations/ContextMenu.js +1 -1
  66. package/dist/components/foundations/Menubar.js +1 -1
  67. package/dist/components/foundations/SearchField.js +1 -1
  68. package/dist/components/foundations/Select.js +1 -1
  69. package/dist/components/foundations/Stepper.js +1 -1
  70. package/dist/components/foundations/Toast.js +1 -1
  71. package/dist/components/foundations/icons.js +1 -1
  72. package/dist/components/general-purpose/Commit.js +3 -3
  73. package/dist/components/general-purpose/EnvironmentVariables.js +2 -2
  74. package/dist/components/general-purpose/FileTree.js +1 -1
  75. package/dist/components/general-purpose/PricingPlanCard.js +2 -2
  76. package/dist/components/general-purpose/PricingUsageCalculator.js +1 -1
  77. package/dist/components/general-purpose/ResponsiveSidebarShell.js +1 -1
  78. package/dist/components/general-purpose/SettingsFormDialog.js +2 -2
  79. package/dist/components/general-purpose/SetupChecklist.js +1 -1
  80. package/dist/components/general-purpose/Terminal.js +2 -2
  81. package/dist/components/general-purpose/TestResults.js +1 -1
  82. package/dist/components/general-purpose/ThemeModeControl.js +1 -1
  83. package/dist/components/general-purpose/WebPreview.js +2 -2
  84. package/dist/components/nanites/AgentConnection.js +2 -2
  85. package/dist/components/nanites/AgentToolDetail.js +2 -2
  86. package/dist/{copy-button-CsNSSKYG.js → copy-button-4YvddK4e.js} +1 -1
  87. package/dist/styles/agent-chat.css +26 -6
  88. package/dist/styles/base.css +18 -0
  89. package/dist/styles/codex-model-selector.css +8 -0
  90. package/dist/styles/pricing-page.css +5 -5
  91. package/dist/styles/prompt-input.css +14 -20
  92. package/dist/styles/recipes.css +1 -2
  93. package/dist/styles/think-full-app.css +2 -3
  94. package/package.json +2 -2
  95. package/dist/{icons-B1Qw05te.js → icons-B4mGvCvc.js} +1 -1
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { B as PencilIcon } from "../../icons-B1Qw05te.js";
2
+ import { B as PencilIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { Kbd } from "../foundations/Kbd.js";
5
5
  import * as React from "react";
@@ -132,6 +132,7 @@ function ApprovalDecision({ className, onDecision, onSkip, subject = "this actio
132
132
  children: [
133
133
  /* @__PURE__ */ jsxs(Button, {
134
134
  ref: approveRef,
135
+ autoFocus: true,
135
136
  type: "button",
136
137
  size: "sm",
137
138
  variant: "ghost",
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { rt as XIcon } from "../../icons-B1Qw05te.js";
2
+ import { rt as XIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { IconButton } from "../foundations/IconButton.js";
4
4
  import "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
4
4
  import "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/ai-sdk/ChainOfThought.tsx
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { s as BookmarkIcon } from "../../icons-B1Qw05te.js";
2
+ import { s as BookmarkIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Marker, MarkerIcon } from "../foundations/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, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-CM5gfmdq.js";
1
+ import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-B5I7wje1.js";
2
2
  export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { n as ArrowDownIcon, y as DownloadIcon } from "../../icons-B1Qw05te.js";
2
+ import { n as ArrowDownIcon, y as DownloadIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { IconButton } from "../foundations/IconButton.js";
4
4
  import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
5
5
  import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { Q as TargetIcon, V as PlayIcon, et as TrashIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
2
+ import { Q as TargetIcon, V as PlayIcon, et as TrashIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { IconButton } from "../foundations/IconButton.js";
4
4
  import { i as formatErrorMessage } from "../../format-CmopcfqJ.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 { V as PlayIcon } from "../../icons-B1Qw05te.js";
2
+ import { V as PlayIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
4
4
  import { Card } from "../foundations/Card.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 { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
2
+ import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { IconButton } from "../foundations/IconButton.js";
5
5
  import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
2
+ import { n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import "react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
2
+ import { n as ArrowDownIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/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 { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
2
+ import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Popover } from "../foundations/Popover.js";
4
4
  import { t as ProgressRing } from "../../progress-ring-Dz_ztrW2.js";
5
5
  import * as React from "react";
@@ -1,15 +1,15 @@
1
1
  import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../../icons-B1Qw05te.js";
2
+ import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { Tooltip } from "../foundations/Tooltip.js";
5
5
  import { IconButton } from "../foundations/IconButton.js";
6
- import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
7
- import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-CmopcfqJ.js";
8
6
  import { Combobox } from "../foundations/Combobox.js";
9
7
  import { Kbd } from "../foundations/Kbd.js";
10
8
  import { Menu } from "../foundations/Menu.js";
11
9
  import { Select } from "../foundations/Select.js";
12
10
  import { Tabs } from "../foundations/Tabs.js";
11
+ import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
12
+ import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-CmopcfqJ.js";
13
13
  import * as React from "react";
14
14
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
15
15
  //#region src/components/ai-sdk/PromptInput.tsx
@@ -421,6 +421,7 @@ function PromptInputTextarea({ className, placeholder = "How can I help?", rows
421
421
  ref: innerRef,
422
422
  "data-prompt-input-textarea": "true",
423
423
  className: cx("prompt-input__textarea", className),
424
+ "aria-label": "Message",
424
425
  name: "message",
425
426
  placeholder,
426
427
  rows,
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
4
4
  import { Button } from "../foundations/Button.js";
5
5
  import { Badge } from "../foundations/Badge.js";
6
6
  import { ScrollArea } from "../foundations/ScrollArea.js";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { J as SpinnerIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
4
4
  import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
5
5
  import { MessageResponse } from "./Message.js";
6
6
  import * as React from "react";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { k as LinkIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { k as LinkIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
4
4
  import "react";
5
5
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/ai-sdk/Sources.tsx
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { C as FileIcon, G as SearchIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
4
4
  import "react";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/ai-sdk/Task.tsx
@@ -1,7 +1,7 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { J as SpinnerIcon } from "../../icons-B1Qw05te.js";
2
+ import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
- import { u as ModelSelectorLogo } from "../../ModelSelector-DzdEs2fX.js";
4
+ import { u as ModelSelectorLogo } from "../../ModelSelector-DZcpUBgn.js";
5
5
  import "react";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  //#region src/components/extension/ChatGptSignInScreen.tsx
@@ -1,8 +1,8 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
2
+ import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Tooltip } from "../foundations/Tooltip.js";
4
- import { a as titleCase } from "../../format-CmopcfqJ.js";
5
4
  import { Menu } from "../foundations/Menu.js";
5
+ import { a as titleCase } from "../../format-CmopcfqJ.js";
6
6
  import "react";
7
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
8
  //#region src/components/extension/CodexModelSelector.tsx
@@ -1,8 +1,8 @@
1
- import { tt as WarningIcon } from "../../icons-B1Qw05te.js";
2
- import { Avatar } from "../foundations/Avatar.js";
1
+ import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
3
2
  import { Button } from "../foundations/Button.js";
4
- import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
5
3
  import { Menu } from "../foundations/Menu.js";
4
+ import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
5
+ import { Avatar } from "../foundations/Avatar.js";
6
6
  import * as React from "react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  //#region src/components/extension/ConversationTabPicker.tsx
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
2
- import { d as CheckIcon } from "../../icons-B1Qw05te.js";
2
+ import { d as CheckIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
5
5
  //#region src/components/foundations/Checkbox.tsx
@@ -1,7 +1,7 @@
1
1
  import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
2
2
  import "react";
3
- import { jsx } from "react/jsx-runtime";
4
3
  import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
4
+ import { jsx } from "react/jsx-runtime";
5
5
  //#region src/components/foundations/Collapsible.tsx
6
6
  /**
7
7
  * Container that groups all collapsible parts. Renders a `<div>` element.
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
2
+ import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.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 { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { d as CheckIcon, v as DotIcon } from "../../icons-B1Qw05te.js";
2
+ import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { buttonVariants } from "./Button.js";
4
4
  import "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
2
- import { G as SearchIcon } from "../../icons-B1Qw05te.js";
2
+ import { G as SearchIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Field } from "./Field.js";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/components/foundations/SearchField.tsx
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
2
- import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B1Qw05te.js";
2
+ import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-B4mGvCvc.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,5 +1,5 @@
1
1
  import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
2
+ import { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Tabs } from "./Tabs.js";
4
4
  import * as React from "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
2
- import { rt as XIcon } from "../../icons-B1Qw05te.js";
2
+ import { rt as XIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { buttonVariants } from "./Button.js";
4
4
  import "react";
5
5
  import { jsx } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B1Qw05te.js";
1
+ import { $ as TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
2
2
  export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, 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, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
@@ -1,9 +1,9 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
4
- import { Avatar } from "../foundations/Avatar.js";
5
- import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
3
+ import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
4
+ import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
6
5
  import { Badge } from "../foundations/Badge.js";
6
+ import { Avatar } from "../foundations/Avatar.js";
7
7
  import "react";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  //#region src/components/general-purpose/Commit.tsx
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B1Qw05te.js";
3
- import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
2
+ import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B4mGvCvc.js";
3
+ import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
4
4
  import { Badge } from "../foundations/Badge.js";
5
5
  import { Switch } from "../foundations/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-4WP4Uc_m.js";
1
+ import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-DbQMpvxV.js";
2
2
  export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };
@@ -1,10 +1,10 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B1Qw05te.js";
2
+ import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { IconButton } from "../foundations/IconButton.js";
5
5
  import { Separator } from "../foundations/Separator.js";
6
- import { Badge } from "../foundations/Badge.js";
7
6
  import { Card } from "../foundations/Card.js";
7
+ import { Badge } from "../foundations/Badge.js";
8
8
  import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
10
10
  //#region src/components/general-purpose/PricingPlanCard.tsx
@@ -1,8 +1,8 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
2
  import { Separator } from "../foundations/Separator.js";
3
+ import { Card } from "../foundations/Card.js";
3
4
  import { Slider } from "../foundations/Slider.js";
4
5
  import { Progress } from "../foundations/Progress.js";
5
- import { Card } from "../foundations/Card.js";
6
6
  import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
7
7
  import * as React from "react";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,5 +1,5 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { K as SidebarIcon } from "../../icons-B1Qw05te.js";
2
+ import { K as SidebarIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { t as capitalize } from "../../format-CmopcfqJ.js";
5
5
  import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
@@ -1,8 +1,8 @@
1
1
  import { Button } from "../foundations/Button.js";
2
- import { Dialog } from "../foundations/Dialog.js";
3
- import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
4
2
  import { Field } from "../foundations/Field.js";
5
3
  import { Form } from "../foundations/Form.js";
4
+ import { Dialog } from "../foundations/Dialog.js";
5
+ import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
6
6
  import * as React from "react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  //#region src/components/general-purpose/SettingsFormDialog.tsx
@@ -1,5 +1,5 @@
1
1
  import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
2
- import { H as PlusIcon, d as CheckIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
2
+ import { H as PlusIcon, d as CheckIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
4
  import { Menu } from "../foundations/Menu.js";
5
5
  import * as React from "react";
@@ -1,7 +1,7 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { $ as TerminalIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
2
+ import { $ as TerminalIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { IconButton } from "../foundations/IconButton.js";
4
- import { t as CopyButton } from "../../copy-button-CsNSSKYG.js";
4
+ import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
5
5
  import { Badge } from "../foundations/Badge.js";
6
6
  import { ScrollArea } from "../foundations/ScrollArea.js";
7
7
  import * as React from "react";
@@ -1,6 +1,6 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, rt as XIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
4
4
  import { Badge } from "../foundations/Badge.js";
5
5
  import { Progress } from "../foundations/Progress.js";
6
6
  import * as React from "react";
@@ -1,4 +1,4 @@
1
- import { F as MonitorIcon, I as MoonIcon, Z as SunIcon } from "../../icons-B1Qw05te.js";
1
+ import { F as MonitorIcon, I as MoonIcon, Z as SunIcon } from "../../icons-B4mGvCvc.js";
2
2
  import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
3
3
  import { useTheme } from "../foundations/ThemeProvider.js";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,10 +1,10 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { W as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
3
2
  import { Collapsible } from "../foundations/Collapsible.js";
3
+ import { W as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
4
4
  import { IconButton } from "../foundations/IconButton.js";
5
5
  import { Badge } from "../foundations/Badge.js";
6
- import { Input } from "../foundations/Input.js";
7
6
  import { ScrollArea } from "../foundations/ScrollArea.js";
7
+ import { Input } from "../foundations/Input.js";
8
8
  import * as React from "react";
9
9
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
10
10
  //#region src/components/general-purpose/WebPreview.tsx
@@ -1,8 +1,8 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { k as LinkIcon } from "../../icons-B1Qw05te.js";
2
+ import { k as LinkIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { Button } from "../foundations/Button.js";
4
+ import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-B5I7wje1.js";
4
5
  import { Popover } from "../foundations/Popover.js";
5
- import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-CM5gfmdq.js";
6
6
  import * as React from "react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
  //#region src/components/nanites/AgentConnection.tsx
@@ -1,9 +1,9 @@
1
1
  import { t as cx } from "../../class-names-BiMDVpUo.js";
2
- import { r as ArrowLeftIcon } from "../../icons-B1Qw05te.js";
2
+ import { r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
3
3
  import { TransitionSurface } from "../foundations/TransitionSurface.js";
4
4
  import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
5
5
  import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
6
- import { t as ThinkChat } from "../../ThinkChat-BIEryLy0.js";
6
+ import { t as ThinkChat } from "../../ThinkChat-BUoXVfrn.js";
7
7
  import { AppTopBar } from "../general-purpose/AppTopBar.js";
8
8
  import { NaniteMark } from "./NaniteScene.js";
9
9
  import * as React from "react";
@@ -1,4 +1,4 @@
1
- import { d as CheckIcon, g as CopyIcon } from "./icons-B1Qw05te.js";
1
+ import { d as CheckIcon, g as CopyIcon } from "./icons-B4mGvCvc.js";
2
2
  import { IconButton } from "./components/foundations/IconButton.js";
3
3
  import * as React from "react";
4
4
  import { jsx } from "react/jsx-runtime";
@@ -65,12 +65,21 @@
65
65
  }
66
66
 
67
67
  .agent-chat-start-screen__content {
68
+ --agent-chat-start-screen-padding-block: clamp(
69
+ var(--sigvelo-spacing-5),
70
+ 8vb,
71
+ var(--sigvelo-spacing-12)
72
+ );
73
+
68
74
  display: grid;
69
75
  grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
70
76
  inline-size: min(100%, var(--agent-chat-content-max-inline-size));
71
77
  min-block-size: 100%;
72
78
  margin-inline: auto;
73
- padding: clamp(var(--sigvelo-spacing-5), 8vb, var(--sigvelo-spacing-12)) var(--sigvelo-spacing-4);
79
+ padding-block: max(var(--agent-chat-start-screen-padding-block), env(safe-area-inset-top, 0px))
80
+ max(var(--agent-chat-start-screen-padding-block), env(safe-area-inset-bottom, 0px));
81
+ padding-inline: max(var(--sigvelo-spacing-4), env(safe-area-inset-left, 0px))
82
+ max(var(--sigvelo-spacing-4), env(safe-area-inset-right, 0px));
74
83
  }
75
84
 
76
85
  .agent-chat-start-screen__primary {
@@ -323,7 +332,9 @@
323
332
  position: absolute;
324
333
  inset-inline: 0;
325
334
  inset-block-end: 0;
326
- padding: 0 var(--sigvelo-spacing-6) var(--sigvelo-spacing-6);
335
+ padding-block: 0 max(var(--sigvelo-spacing-6), env(safe-area-inset-bottom, 0px));
336
+ padding-inline: max(var(--sigvelo-spacing-6), env(safe-area-inset-left, 0px))
337
+ max(var(--sigvelo-spacing-6), env(safe-area-inset-right, 0px));
327
338
  }
328
339
 
329
340
  /* Solid behind the composer itself, dissolving upward so passing transcript
@@ -415,6 +426,12 @@
415
426
  }
416
427
 
417
428
  @media (any-pointer: coarse) {
429
+ .agent-chat-start-screen__composer-tray > .button,
430
+ .agent-chat-starter__dismiss.button {
431
+ min-inline-size: var(--sigvelo-control-height-xl);
432
+ min-block-size: var(--sigvelo-control-height-xl);
433
+ }
434
+
418
435
  .agent-chat-starter__dismiss {
419
436
  opacity: 1;
420
437
  }
@@ -487,15 +504,17 @@
487
504
  only where there is genuinely no room for it. */
488
505
  @container agent-chat (width <= 36rem) {
489
506
  .agent-chat-start-screen__content {
490
- padding-block: var(--sigvelo-spacing-5);
507
+ --agent-chat-start-screen-padding-block: var(--sigvelo-spacing-5);
491
508
  }
492
509
 
493
510
  .agent-chat-start-screen__heading {
494
511
  font-size: var(--sigvelo-text-2xl);
495
512
  }
496
513
 
497
- .agent-chat-starter__action {
498
- font-size: var(--sigvelo-text-sm);
514
+ .agent-chat-starter__label {
515
+ overflow: hidden;
516
+ text-overflow: ellipsis;
517
+ white-space: nowrap;
499
518
  }
500
519
  }
501
520
 
@@ -509,8 +528,9 @@
509
528
 
510
529
  @media (max-height: 40rem) {
511
530
  .agent-chat-start-screen__content {
531
+ --agent-chat-start-screen-padding-block: var(--sigvelo-spacing-5);
532
+
512
533
  grid-template-rows: auto auto;
513
- padding-block: var(--sigvelo-spacing-5);
514
534
  }
515
535
 
516
536
  .agent-chat-start-screen__primary {
@@ -164,6 +164,24 @@ a {
164
164
  touch-action: manipulation;
165
165
  }
166
166
 
167
+ button,
168
+ input,
169
+ optgroup,
170
+ select,
171
+ textarea {
172
+ font: inherit;
173
+ color: inherit;
174
+ }
175
+
176
+ :where(img, svg, video, canvas, audio, iframe, embed, object) {
177
+ display: block;
178
+ }
179
+
180
+ :where(img, video) {
181
+ max-inline-size: 100%;
182
+ block-size: auto;
183
+ }
184
+
167
185
  ::selection {
168
186
  background-color: var(--sigvelo-color-selection-bg);
169
187
  color: var(--sigvelo-color-selection-text);
@@ -211,6 +211,14 @@
211
211
  }
212
212
  }
213
213
 
214
+ @media (any-pointer: coarse) {
215
+ .codex-model-selector__trigger {
216
+ min-inline-size: var(--sigvelo-control-height-xl);
217
+ min-block-size: var(--sigvelo-control-height-xl);
218
+ max-inline-size: calc(100vi - var(--sigvelo-spacing-8));
219
+ }
220
+ }
221
+
214
222
  @media (forced-colors: active) {
215
223
  .codex-model-selector__summary-effort--ultra {
216
224
  color: LinkText;
@@ -17,7 +17,7 @@
17
17
 
18
18
  .pricing-page__title {
19
19
  font-family: inherit;
20
- font-size: 2.5rem;
20
+ font-size: var(--sigvelo-text-4xl);
21
21
  font-weight: var(--sigvelo-font-weight-bold);
22
22
  line-height: var(--sigvelo-leading-tight);
23
23
  color: var(--sigvelo-color-text);
@@ -125,7 +125,7 @@
125
125
 
126
126
  .pricing-page__price-amount {
127
127
  font-family: inherit;
128
- font-size: 2.5rem;
128
+ font-size: var(--sigvelo-text-4xl);
129
129
  font-weight: var(--sigvelo-font-weight-bold);
130
130
  font-variant-numeric: tabular-nums;
131
131
  color: var(--sigvelo-color-text);
@@ -274,7 +274,7 @@
274
274
 
275
275
  .pricing-page__calculator-amount {
276
276
  font-family: inherit;
277
- font-size: 2rem;
277
+ font-size: var(--sigvelo-text-3xl);
278
278
  font-weight: var(--sigvelo-font-weight-bold);
279
279
  font-variant-numeric: tabular-nums;
280
280
  color: var(--sigvelo-color-text);
@@ -369,7 +369,7 @@
369
369
 
370
370
  @container (max-width: 768px) {
371
371
  .pricing-page__title {
372
- font-size: 1.75rem;
372
+ font-size: var(--sigvelo-text-3xl);
373
373
  }
374
374
 
375
375
  .pricing-page__subtitle {
@@ -381,6 +381,6 @@
381
381
  }
382
382
 
383
383
  .pricing-page__price-amount {
384
- font-size: 2rem;
384
+ font-size: var(--sigvelo-text-3xl);
385
385
  }
386
386
  }