@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.
- package/dist/{CodeBlock-Bfp5PAg3.js → CodeBlock-Bb-IPBc_.js} +1 -1
- package/dist/{FileTree-3zYtrddG.js → FileTree-CUlXfnmc.js} +1 -1
- package/dist/{Message-BXtmfc9Q.js → Message-rZEaaD8Q.js} +1 -1
- package/dist/{ModelSelector-Cqw_qrUG.js → ModelSelector-4GsCWcZV.js} +1 -1
- package/dist/{WorkspaceFileView-C68Ub8S8.js → WorkspaceFileView-CEdArlOT.js} +3 -3
- package/dist/components/Activity.js +1 -1
- package/dist/components/AgentActivity.js +1 -1
- package/dist/components/AgentActivityPreview.js +1 -1
- package/dist/components/AgentChat.js +3 -3
- package/dist/components/AgentConnection.js +2 -2
- package/dist/components/AgentMessageParts.js +1 -1
- package/dist/components/AgentToolDetail.js +1 -1
- package/dist/components/Approval.js +1 -1
- package/dist/components/Artifact.js +1 -1
- package/dist/components/BrowserLiveView.js +1 -1
- package/dist/components/BrowserReplay.js +1 -1
- package/dist/components/BrowserRunPanel.js +1 -1
- package/dist/components/ChainOfThought.d.ts +1 -1
- package/dist/components/ChainOfThought.js +1 -1
- package/dist/components/ChatGptSignInScreen.js +2 -2
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Checkpoint.js +1 -1
- package/dist/components/CodeBlock.js +1 -1
- package/dist/components/CodexModelSelector.js +34 -14
- package/dist/components/Commit.js +2 -2
- package/dist/components/ContextMenu.js +1 -1
- package/dist/components/Conversation.js +1 -1
- package/dist/components/EnvironmentVariables.js +2 -2
- package/dist/components/FileTree.js +1 -1
- package/dist/components/McpConnectionRequest.js +1 -1
- package/dist/components/McpServerPicker.js +1 -1
- package/dist/components/MediaPreviewCard.js +1 -1
- package/dist/components/Menubar.js +1 -1
- package/dist/components/Message.js +1 -1
- package/dist/components/MessageScroller.js +1 -1
- package/dist/components/ModelSelector.js +1 -1
- package/dist/components/Plan.js +1 -1
- package/dist/components/PricingPlanCard.js +1 -1
- package/dist/components/PromptInput.js +8 -8
- package/dist/components/Queue.js +1 -1
- package/dist/components/Reasoning.js +2 -2
- package/dist/components/ResponsiveSidebarShell.js +1 -1
- package/dist/components/SearchField.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Sources.js +1 -1
- package/dist/components/Stepper.js +1 -1
- package/dist/components/SubagentRunIndicator.js +1 -1
- package/dist/components/Task.js +1 -1
- package/dist/components/Terminal.js +2 -2
- package/dist/components/TestResults.js +1 -1
- package/dist/components/ThemeModeControl.js +1 -1
- package/dist/components/ThinkChatToolPanels.js +1 -1
- package/dist/components/ThinkExecutionDetail.js +1 -1
- package/dist/components/ThinkExecutionStatus.js +1 -1
- package/dist/components/ThinkExecutionWorkbench.js +1 -1
- package/dist/components/ThinkFullApp.js +1 -1
- package/dist/components/ThinkRoutineBrowser.js +1 -1
- package/dist/components/ThinkRoutineForm.js +1 -1
- package/dist/components/ThinkRoutineLibrary.js +1 -1
- package/dist/components/ThinkThreadPicker.js +1 -1
- package/dist/components/WebPreview.js +1 -1
- package/dist/components/WorkspaceBrowser.js +1 -1
- package/dist/components/WorkspaceExplorer.js +1 -1
- package/dist/components/WorkspaceFileView.js +1 -1
- package/dist/components/WorkspaceHeader.js +1 -1
- package/dist/components/icons.d.ts +2 -2
- package/dist/components/icons.js +2 -2
- package/dist/{copy-button-DeK6KXEV.js → copy-button-BtRwhRks.js} +1 -1
- package/dist/{icons-CQJ-aMnI.js → icons-DKXiSepE.js} +3 -2
- package/dist/{icons-CYXmvKlJ.d.ts → icons-DkRtZmvT.d.ts} +6 -1
- package/dist/styles/codex-model-selector.css +43 -1
- package/dist/styles/prompt-input.css +27 -10
- package/dist/utils/codex-model-catalog.d.ts +2 -8
- package/dist/utils/codex-model-catalog.js +2 -16
- package/dist/utils/mcp-server-catalog.d.ts +7 -0
- package/dist/utils/mcp-server-catalog.js +8 -0
- 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-
|
|
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
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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-
|
|
6
|
-
import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
3
|
-
import { n as MessageAction, r as MessageActions, t as Message } from "../Message-
|
|
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-
|
|
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 {
|
|
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-
|
|
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-
|
|
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-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { t as cx } from "../class-names-BiMDVpUo.js";
|
|
2
2
|
import { Collapsible } from "./Collapsible.js";
|
|
3
|
-
import {
|
|
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 {
|
|
2
|
+
import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
|
|
3
3
|
import { Button } from "./Button.js";
|
|
4
|
-
import { u as ModelSelectorLogo } from "../ModelSelector-
|
|
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 {
|
|
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-
|
|
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-
|
|
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 {
|
|
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(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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 {
|
|
4
|
-
import { t as CopyButton } from "../copy-button-
|
|
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 {
|
|
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 {
|
|
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
|
|
3
|
-
import { t as CopyButton } from "../copy-button-
|
|
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-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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-
|
|
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-
|
|
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-
|
|
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 };
|
package/dist/components/Plan.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cx } from "../class-names-BiMDVpUo.js";
|
|
2
|
-
import {
|
|
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 {
|
|
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
|
|
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 ?? "
|
|
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: "
|
|
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: "
|
|
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: "
|
|
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 = "
|
|
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: "
|
|
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: "
|
|
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,
|
package/dist/components/Queue.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as cx } from "../class-names-BiMDVpUo.js";
|
|
2
2
|
import { Collapsible } from "./Collapsible.js";
|
|
3
|
-
import {
|
|
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 {
|
|
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-
|
|
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 {
|
|
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 {
|
|
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,
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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
|
package/dist/components/Task.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as cx } from "../class-names-BiMDVpUo.js";
|
|
2
2
|
import { Collapsible } from "./Collapsible.js";
|
|
3
|
-
import {
|
|
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 {
|
|
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-
|
|
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 {
|
|
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 {
|
|
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-
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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-
|
|
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-
|
|
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-
|
|
1
|
+
import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
|
|
2
2
|
export { WorkspaceFileView };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { $ as
|
|
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 };
|
package/dist/components/icons.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { $ as
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
246
|
-
min-block-size: var(--sigvelo-
|
|
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-
|
|
270
|
-
block-size: var(--sigvelo-
|
|
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-
|
|
387
|
-
min-block-size: var(--sigvelo-
|
|
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-
|
|
400
|
-
min-block-size: var(--sigvelo-
|
|
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.
|
|
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.
|
|
60
|
+
"@mcp-b/design-tokens": "0.19.0"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"@ai-sdk/react": "^3.0.222",
|