@mcp-b/react-components 0.16.1 → 0.18.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/{AgentActivity-BNUNrP9O.d.ts → AgentActivity-D2SHSGFX.d.ts} +1 -1
- package/dist/{AgentChat-CrlpbvQJ.d.ts → AgentChat-ClxViuUM.d.ts} +4 -29
- package/dist/AgentMessageParts-CyD2UB3V.d.ts +46 -0
- package/dist/AgentToolRunsContext-BVe4stgw.d.ts +21 -0
- package/dist/{Button-FX_hpqxm.d.ts → Button-DLGzHsjc.d.ts} +13 -7
- package/dist/{CodeBlock-BmB4Xaqq.js → CodeBlock-Bfp5PAg3.js} +9 -6
- package/dist/{CodeBlock-BRajW4QU.d.ts → CodeBlock-gV4kZeCI.d.ts} +2 -9
- package/dist/Collapsible-N64ASIQr.d.ts +119 -0
- package/dist/{Combobox-B9Fcd6q-.d.ts → Combobox-CYc37s5l.d.ts} +11 -33
- package/dist/{FileTree-CkVbIMWV.js → FileTree-3zYtrddG.js} +46 -20
- package/dist/{Menu-Bgu-ufb5.d.ts → Menu-L6MZm-7N.d.ts} +15 -56
- package/dist/{Message-BkMdE3bS.js → Message-BXtmfc9Q.js} +13 -20
- package/dist/{ModelSelector-SlJNgwKY.js → ModelSelector-Cqw_qrUG.js} +18 -25
- package/dist/{PromptInput-BWTuXMOD.d.ts → PromptInput-Bdh9pqlo.d.ts} +41 -71
- package/dist/{ResponsiveSidebarShell-Dd9DCcBT.d.ts → ResponsiveSidebarShell-CsAh4NyL.d.ts} +1 -0
- package/dist/{Select-BeEsefzh.d.ts → Select-B_13gg_J.d.ts} +16 -44
- package/dist/{Tabs-3Zc4tb9D.d.ts → Tabs-ColWK-XA.d.ts} +14 -20
- package/dist/{ThinkChat-CzC-zNGA.js → ThinkChat-15EhfvYJ.js} +123 -73
- package/dist/{ThinkChatActivity-BFQnb2ct.d.ts → ThinkChatActivity-Bzot45kX.d.ts} +9 -4
- package/dist/{ThinkChatActivitySummary-BPmu9a-c.d.ts → ThinkChatActivitySummary-D1xOrNrq.d.ts} +1 -1
- package/dist/{ThinkChatContext-C3Eb1Xpi.d.ts → ThinkChatContext-DrsZqdaO.d.ts} +1 -1
- package/dist/ThinkRecoveryNotice-DFIcG9UX.d.ts +19 -0
- package/dist/{Toggle-CAAlNl-M.d.ts → Toggle-JKZ43D5S.d.ts} +2 -2
- package/dist/{ToggleGroup-8hPv-b69.d.ts → ToggleGroup-DNd6cDJZ.d.ts} +4 -5
- package/dist/Workspace-Jez8ffUj.d.ts +274 -0
- package/dist/WorkspaceExplorer-B9dQWNVK.d.ts +32 -0
- package/dist/{WorkspaceFile-DOZkPwzu.d.ts → WorkspaceFile-CzyHnESE.d.ts} +1 -1
- package/dist/{WorkspaceFileView-rSN_yT0L.js → WorkspaceFileView-C68Ub8S8.js} +121 -128
- package/dist/{WorkspaceLink-DIPbXrUM.js → WorkspaceLink-BYYeTQLf.js} +20 -55
- package/dist/{WorkspaceLink-DK1DWMHe.d.ts → WorkspaceLink-O-EBKUJ8.d.ts} +6 -9
- package/dist/class-names-BiMDVpUo.js +14 -0
- package/dist/components/Accordion.d.ts +5 -15
- package/dist/components/Accordion.js +16 -10
- package/dist/components/Activity.d.ts +5 -10
- package/dist/components/Activity.js +2 -2
- package/dist/components/AgentActivity.d.ts +1 -1
- package/dist/components/AgentActivity.js +4 -5
- package/dist/components/AgentActivityPreview.d.ts +9 -9
- package/dist/components/AgentActivityPreview.js +8 -12
- package/dist/components/AgentAttention.d.ts +2 -2
- package/dist/components/AgentAttention.js +1 -1
- package/dist/components/AgentChat.d.ts +2 -2
- package/dist/components/AgentChat.js +113 -218
- package/dist/components/AgentChatMessageEditor.js +3 -3
- package/dist/components/AgentChatTurnError.js +2 -2
- package/dist/components/AgentConnection.js +4 -4
- package/dist/components/AgentMessageParts.d.ts +2 -0
- package/dist/components/AgentMessageParts.js +119 -0
- package/dist/components/AgentToolDetail.d.ts +57 -0
- package/dist/components/AgentToolDetail.js +100 -0
- package/dist/components/AgentToolRunsContext.d.ts +2 -0
- package/dist/components/AgentToolRunsContext.js +16 -0
- package/dist/components/AlertDialog.d.ts +7 -19
- package/dist/components/AlertDialog.js +21 -32
- package/dist/components/AppTopBar.d.ts +28 -8
- package/dist/components/AppTopBar.js +36 -12
- package/dist/components/Approval.d.ts +102 -0
- package/dist/components/Approval.js +227 -0
- package/dist/components/Artifact.d.ts +3 -5
- package/dist/components/Artifact.js +7 -5
- package/dist/components/Autocomplete.d.ts +11 -33
- package/dist/components/Autocomplete.js +23 -30
- package/dist/components/Avatar.d.ts +4 -12
- package/dist/components/Avatar.js +13 -12
- package/dist/components/Badge.js +3 -0
- package/dist/components/BrowserLiveView.js +27 -12
- package/dist/components/BrowserReplay.js +4 -3
- package/dist/components/BrowserRunPanel.js +58 -78
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.js +14 -16
- package/dist/components/Card.d.ts +7 -8
- package/dist/components/Card.js +19 -10
- package/dist/components/ChainOfThought.d.ts +5 -11
- package/dist/components/ChainOfThought.js +3 -2
- package/dist/components/ChatGptSignInScreen.js +8 -8
- package/dist/components/Checkbox.d.ts +2 -4
- package/dist/components/Checkbox.js +6 -5
- package/dist/components/CheckboxGroup.d.ts +1 -3
- package/dist/components/CheckboxGroup.js +15 -14
- package/dist/components/Checkpoint.d.ts +64 -0
- package/dist/components/Checkpoint.js +63 -0
- package/dist/components/CodeBlock.d.ts +1 -1
- package/dist/components/CodeBlock.js +1 -1
- package/dist/components/CodexModelSelector.d.ts +1 -1
- package/dist/components/CodexModelSelector.js +2 -2
- package/dist/components/Collapsible.d.ts +1 -124
- package/dist/components/Collapsible.js +7 -10
- package/dist/components/Combobox.d.ts +1 -1
- package/dist/components/Combobox.js +23 -30
- package/dist/components/Commit.d.ts +5 -11
- package/dist/components/Commit.js +6 -5
- package/dist/components/Context.js +1 -1
- package/dist/components/ContextMenu.d.ts +21 -37
- package/dist/components/ContextMenu.js +34 -51
- package/dist/components/Conversation.d.ts +3 -5
- package/dist/components/Conversation.js +5 -4
- package/dist/components/DescriptionListParts.js +1 -1
- package/dist/components/Dialog.d.ts +6 -17
- package/dist/components/Dialog.js +17 -24
- package/dist/components/EnvironmentVariables.d.ts +1 -1
- package/dist/components/EnvironmentVariables.js +4 -3
- package/dist/components/Field.d.ts +17 -20
- package/dist/components/Field.js +20 -17
- package/dist/components/Fieldset.d.ts +2 -7
- package/dist/components/Fieldset.js +7 -6
- package/dist/components/FileTree.d.ts +6 -0
- package/dist/components/FileTree.js +1 -1
- package/dist/components/Form.d.ts +1 -4
- package/dist/components/Form.js +3 -2
- package/dist/components/GithubMotionMark.js +1 -1
- package/dist/components/IconButton.d.ts +2 -3
- package/dist/components/IconButton.js +2 -1
- package/dist/components/InlineCitation.d.ts +66 -0
- package/dist/components/InlineCitation.js +142 -0
- package/dist/components/Input.d.ts +1 -4
- package/dist/components/Input.js +3 -2
- package/dist/components/Marker.js +1 -1
- package/dist/components/McpConnectionRequest.js +2 -2
- package/dist/components/McpServerPicker.d.ts +1 -1
- package/dist/components/McpServerPicker.js +6 -5
- package/dist/components/MediaPreviewCard.d.ts +103 -0
- package/dist/components/MediaPreviewCard.js +193 -0
- package/dist/components/Menu.d.ts +1 -1
- package/dist/components/Menu.js +33 -52
- package/dist/components/Menubar.d.ts +22 -43
- package/dist/components/Menubar.js +36 -53
- package/dist/components/Message.d.ts +7 -7
- package/dist/components/Message.js +1 -1
- package/dist/components/MessageScroller.d.ts +2 -2
- package/dist/components/MessageScroller.js +6 -5
- package/dist/components/Meter.d.ts +5 -20
- package/dist/components/Meter.js +11 -10
- package/dist/components/ModelSelector.d.ts +6 -9
- package/dist/components/ModelSelector.js +1 -1
- package/dist/components/NavigationMenu.d.ts +11 -33
- package/dist/components/NavigationMenu.js +23 -30
- package/dist/components/NumberField.d.ts +6 -24
- package/dist/components/NumberField.js +13 -12
- package/dist/components/Plan.d.ts +103 -0
- package/dist/components/Plan.js +113 -0
- package/dist/components/Popover.d.ts +9 -36
- package/dist/components/Popover.js +23 -34
- package/dist/components/PreviewCard.d.ts +6 -24
- package/dist/components/PreviewCard.js +13 -24
- package/dist/components/PricingBillingToggle.js +1 -1
- package/dist/components/PricingFAQ.js +1 -1
- package/dist/components/PricingPage.js +2 -1
- package/dist/components/PricingPlanCard.js +5 -4
- package/dist/components/PricingUsageCalculator.js +3 -3
- package/dist/components/Progress.d.ts +3 -8
- package/dist/components/Progress.js +7 -10
- package/dist/components/PromptInput.d.ts +2 -2
- package/dist/components/PromptInput.js +83 -218
- package/dist/components/Queue.d.ts +7 -17
- package/dist/components/Queue.js +2 -3
- package/dist/components/RadioGroup.d.ts +3 -8
- package/dist/components/RadioGroup.js +7 -10
- package/dist/components/Reasoning.d.ts +4 -8
- package/dist/components/Reasoning.js +3 -6
- package/dist/components/ResizableSidePanel.js +2 -2
- package/dist/components/ResponsiveSidebarShell.d.ts +1 -1
- package/dist/components/ResponsiveSidebarShell.js +18 -11
- package/dist/components/ScrollArea.d.ts +5 -20
- package/dist/components/ScrollArea.js +12 -10
- package/dist/components/SearchField.d.ts +43 -0
- package/dist/components/SearchField.js +52 -0
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Select.js +33 -57
- package/dist/components/Separator.d.ts +1 -5
- package/dist/components/Separator.js +3 -6
- package/dist/components/Slider.d.ts +6 -19
- package/dist/components/Slider.js +15 -14
- package/dist/components/Sources.d.ts +4 -9
- package/dist/components/Sources.js +3 -2
- package/dist/components/Stepper.js +16 -9
- package/dist/components/SubagentRunDetails.js +1 -1
- package/dist/components/SubagentRunIndicator.js +2 -2
- package/dist/components/SubagentRunList.d.ts +3 -5
- package/dist/components/SubagentRunList.js +3 -5
- package/dist/components/SubagentRunSelector.d.ts +9 -22
- package/dist/components/SubagentRunSelector.js +29 -31
- package/dist/components/Switch.d.ts +4 -7
- package/dist/components/Switch.js +6 -10
- package/dist/components/Tabs.d.ts +2 -2
- package/dist/components/Tabs.js +21 -18
- package/dist/components/Task.d.ts +4 -9
- package/dist/components/Task.js +4 -3
- package/dist/components/Terminal.d.ts +3 -4
- package/dist/components/Terminal.js +5 -4
- package/dist/components/TestResults.d.ts +4 -9
- package/dist/components/TestResults.js +11 -6
- package/dist/components/Textarea.js +1 -1
- package/dist/components/ThemeModeControl.js +1 -1
- package/dist/components/ThinkChat.d.ts +45 -22
- package/dist/components/ThinkChat.js +7 -5
- package/dist/components/ThinkChatActivity.d.ts +2 -2
- package/dist/components/ThinkChatActivity.js +24 -7
- package/dist/components/ThinkChatActivitySummary.d.ts +1 -1
- package/dist/components/ThinkChatActivitySummary.js +7 -3
- package/dist/components/ThinkChatContext.d.ts +1 -1
- package/dist/components/ThinkChatToolPanels.js +27 -17
- package/dist/components/ThinkExecutionDetail.js +2 -2
- package/dist/components/ThinkExecutionStatus.js +2 -2
- package/dist/components/ThinkExecutionWorkbench.d.ts +30 -8
- package/dist/components/ThinkExecutionWorkbench.js +70 -134
- package/dist/components/ThinkFullApp.d.ts +40 -15
- package/dist/components/ThinkFullApp.js +193 -117
- package/dist/components/ThinkFullAppViewSwitch.d.ts +1 -1
- package/dist/components/ThinkFullAppViewSwitch.js +2 -2
- package/dist/components/ThinkPendingApproval.d.ts +60 -0
- package/dist/components/ThinkPendingApproval.js +99 -0
- package/dist/components/ThinkRecoveryNotice.d.ts +2 -0
- package/dist/components/ThinkRecoveryNotice.js +46 -0
- package/dist/components/ThinkRoutine.js +1 -0
- package/dist/components/ThinkRoutineBrowser.d.ts +17 -9
- package/dist/components/ThinkRoutineBrowser.js +37 -44
- package/dist/components/ThinkRoutineDetail.d.ts +5 -2
- package/dist/components/ThinkRoutineDetail.js +4 -4
- package/dist/components/ThinkRoutineForm.d.ts +3 -2
- package/dist/components/ThinkRoutineForm.js +11 -10
- package/dist/components/ThinkRoutineLibrary.d.ts +27 -25
- package/dist/components/ThinkRoutineLibrary.js +104 -80
- package/dist/components/ThinkRoutineRuns.d.ts +3 -2
- package/dist/components/ThinkRoutineRuns.js +31 -24
- package/dist/components/ThinkThreadPicker.d.ts +17 -11
- package/dist/components/ThinkThreadPicker.js +163 -39
- package/dist/components/ThinkThreadShell.d.ts +1 -1
- package/dist/components/Toast.d.ts +7 -28
- package/dist/components/Toast.js +15 -14
- package/dist/components/Toggle.d.ts +1 -1
- package/dist/components/Toggle.js +10 -8
- package/dist/components/ToggleGroup.d.ts +1 -1
- package/dist/components/ToggleGroup.js +21 -26
- package/dist/components/ToolApproval.d.ts +28 -0
- package/dist/components/ToolApproval.js +35 -0
- package/dist/components/ToolInvocation.d.ts +26 -0
- package/dist/components/ToolInvocation.js +72 -0
- package/dist/components/Toolbar.d.ts +6 -24
- package/dist/components/Toolbar.js +13 -12
- package/dist/components/Tooltip.d.ts +11 -10
- package/dist/components/Tooltip.js +17 -11
- package/dist/components/TransitionSurface.d.ts +27 -0
- package/dist/components/TransitionSurface.js +20 -0
- package/dist/components/WebPreview.d.ts +6 -7
- package/dist/components/WebPreview.js +70 -55
- package/dist/components/Workspace.d.ts +2 -2
- package/dist/components/Workspace.js +361 -346
- package/dist/components/WorkspaceBrowser.d.ts +4 -7
- package/dist/components/WorkspaceBrowser.js +16 -26
- package/dist/components/WorkspaceExplorer.d.ts +5 -33
- package/dist/components/WorkspaceExplorer.js +19 -32
- package/dist/components/WorkspaceFile.d.ts +1 -1
- package/dist/components/WorkspaceFileView.d.ts +14 -2
- package/dist/components/WorkspaceFileView.js +1 -1
- package/dist/components/WorkspaceHeader.d.ts +0 -8
- package/dist/components/WorkspaceHeader.js +3 -15
- package/dist/components/WorkspaceLink.d.ts +1 -1
- package/dist/components/WorkspaceLink.js +1 -1
- package/dist/components/icons.d.ts +2 -2
- package/dist/components/icons.js +2 -2
- package/dist/{copy-button-DtPMgN7e.d.ts → copy-button-D7aAYA-2.d.ts} +2 -3
- package/dist/{copy-button-Dejn5heL.js → copy-button-DeK6KXEV.js} +3 -2
- package/dist/{icons-CpfUer49.js → icons-CQJ-aMnI.js} +7 -3
- package/dist/{icons-GQd1xF4e.d.ts → icons-CYXmvKlJ.d.ts} +22 -2
- package/dist/navigation-link-Cob7KBlM.js +19 -0
- package/dist/styles/accordion.css +4 -19
- package/dist/styles/activity.css +48 -56
- package/dist/styles/agent-activity-preview.css +6 -0
- package/dist/styles/agent-chat.css +14 -63
- package/dist/styles/agent-connection.css +0 -12
- package/dist/styles/agent-tool-detail.css +54 -0
- package/dist/styles/alert-dialog.css +16 -18
- package/dist/styles/app-top-bar.css +17 -9
- package/dist/styles/approval.css +177 -0
- package/dist/styles/artifact.css +6 -18
- package/dist/styles/autocomplete.css +2 -1
- package/dist/styles/avatar.css +35 -30
- package/dist/styles/badge.css +10 -10
- package/dist/styles/base-ui-motion.css +94 -39
- package/dist/styles/browser-control-overlay.css +0 -1
- package/dist/styles/browser-live-view.css +39 -22
- package/dist/styles/browser-replay.css +1 -1
- package/dist/styles/browser-run-panel.css +13 -6
- package/dist/styles/button.css +36 -33
- package/dist/styles/card.css +5 -6
- package/dist/styles/chain-of-thought.css +22 -24
- package/dist/styles/checkbox.css +18 -5
- package/dist/styles/checkpoint.css +58 -0
- package/dist/styles/codex-model-selector.css +3 -7
- package/dist/styles/collapsible.css +10 -10
- package/dist/styles/combobox.css +4 -3
- package/dist/styles/commit.css +19 -39
- package/dist/styles/composition-motion.css +83 -0
- package/dist/styles/context-menu.css +3 -11
- package/dist/styles/context.css +11 -10
- package/dist/styles/conversation.css +18 -23
- package/dist/styles/dialog.css +15 -15
- package/dist/styles/environment-variables.css +0 -13
- package/dist/styles/field.css +32 -12
- package/dist/styles/file-tree.css +66 -22
- package/dist/styles/form.css +1 -1
- package/dist/styles/index.css +13 -4
- package/dist/styles/inline-citation.css +107 -0
- package/dist/styles/input.css +2 -2
- package/dist/styles/marker.css +14 -13
- package/dist/styles/mcp-server-picker.css +20 -47
- package/dist/styles/media-preview-card.css +160 -0
- package/dist/styles/menu.css +11 -40
- package/dist/styles/menubar.css +12 -19
- package/dist/styles/message-scroller.css +0 -12
- package/dist/styles/message.css +25 -31
- package/dist/styles/meter.css +2 -2
- package/dist/styles/model-selector.css +16 -34
- package/dist/styles/motion-reduction.css +29 -0
- package/dist/styles/navigation-menu.css +14 -30
- package/dist/styles/number-field.css +22 -4
- package/dist/styles/plan.css +132 -0
- package/dist/styles/popover.css +15 -52
- package/dist/styles/preview-card.css +2 -32
- package/dist/styles/progress.css +8 -3
- package/dist/styles/prompt-input.css +76 -269
- package/dist/styles/queue.css +48 -32
- package/dist/styles/radio.css +19 -12
- package/dist/styles/reasoning.css +2 -1
- package/dist/styles/recipes.css +207 -26
- package/dist/styles/resizable-side-panel.css +4 -10
- package/dist/styles/responsive-sidebar-shell.css +32 -34
- package/dist/styles/scroll-area.css +32 -15
- package/dist/styles/search-field.css +21 -0
- package/dist/styles/select.css +19 -12
- package/dist/styles/slider.css +25 -29
- package/dist/styles/sources.css +3 -11
- package/dist/styles/stepper.css +36 -26
- package/dist/styles/subagent-run.css +13 -71
- package/dist/styles/switch.css +32 -29
- package/dist/styles/tabs.css +79 -23
- package/dist/styles/task.css +11 -23
- package/dist/styles/test-results.css +29 -36
- package/dist/styles/theme-mode-control.css +8 -0
- package/dist/styles/think-execution-workbench.css +18 -15
- package/dist/styles/think-full-app.css +51 -100
- package/dist/styles/think-routine-library.css +51 -40
- package/dist/styles/think-thread-picker.css +207 -50
- package/dist/styles/toast.css +48 -34
- package/dist/styles/toggle-group.css +2 -36
- package/dist/styles/toggle.css +29 -5
- package/dist/styles/toolbar.css +25 -27
- package/dist/styles/tooltip.css +2 -32
- package/dist/styles/transition-surface.css +55 -0
- package/dist/styles/utilities.css +31 -0
- package/dist/styles/web-preview.css +0 -21
- package/dist/styles/workspace-explorer.css +104 -99
- package/dist/summarize-tool-input-CqTcGRYy.js +15 -0
- package/dist/think-agent-Cip5KAPj.d.ts +7 -0
- package/dist/utils/codex-model-catalog.d.ts +4 -4
- package/dist/utils/mcp-server-catalog.d.ts +132 -0
- package/dist/utils/mcp-server-catalog.js +90 -0
- package/dist/utils/structured-code.d.ts +1 -1
- package/dist/workspace-path-L_KmjRjq.js +26 -0
- package/package.json +14 -9
- package/dist/Workspace-D39LxGvP.d.ts +0 -62
- package/dist/class-names-9UtZwb0J.js +0 -12
- package/dist/components/AppFrame.d.ts +0 -24
- package/dist/components/AppFrame.js +0 -25
- package/dist/components/Shell.d.ts +0 -163
- package/dist/components/Shell.js +0 -137
- package/dist/components/SubagentRun.d.ts +0 -86
- package/dist/components/SubagentRun.js +0 -108
- package/dist/styles/app-frame.css +0 -15
- package/dist/styles/shell.css +0 -122
- package/dist/summarize-tool-input-BUJsENSn.js +0 -12
|
@@ -9,9 +9,7 @@ interface MenuProps extends React.ComponentPropsWithoutRef<typeof Menu.Root> {}
|
|
|
9
9
|
/**
|
|
10
10
|
* Props for the Menu.Trigger component.
|
|
11
11
|
*/
|
|
12
|
-
interface MenuTriggerProps extends
|
|
13
|
-
/** Additional CSS class names */
|
|
14
|
-
className?: string;
|
|
12
|
+
interface MenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.Trigger> {
|
|
15
13
|
/** Keep Base UI trigger behavior without the default menu trigger chrome. */
|
|
16
14
|
unstyled?: boolean;
|
|
17
15
|
}
|
|
@@ -22,106 +20,67 @@ interface MenuPortalProps extends React.ComponentPropsWithoutRef<typeof Menu.Por
|
|
|
22
20
|
/**
|
|
23
21
|
* Props for the Menu.Positioner component.
|
|
24
22
|
*/
|
|
25
|
-
interface MenuPositionerProps extends
|
|
26
|
-
/** Additional CSS class names */
|
|
27
|
-
className?: string;
|
|
28
|
-
}
|
|
23
|
+
interface MenuPositionerProps extends React.ComponentPropsWithoutRef<typeof Menu.Positioner> {}
|
|
29
24
|
/**
|
|
30
25
|
* Props for the Menu.Popup component.
|
|
31
26
|
*/
|
|
32
|
-
interface MenuPopupProps extends
|
|
33
|
-
/** Additional CSS class names */
|
|
34
|
-
className?: string;
|
|
35
|
-
}
|
|
27
|
+
interface MenuPopupProps extends React.ComponentPropsWithoutRef<typeof Menu.Popup> {}
|
|
36
28
|
/**
|
|
37
29
|
* Props for the Menu.Viewport component. Use this only when one menu moves
|
|
38
30
|
* between triggers and its content changes during that transition.
|
|
39
31
|
*/
|
|
40
|
-
interface MenuViewportProps extends
|
|
41
|
-
/** Additional CSS class names */
|
|
42
|
-
className?: string;
|
|
43
|
-
}
|
|
32
|
+
interface MenuViewportProps extends React.ComponentPropsWithoutRef<typeof Menu.Viewport> {}
|
|
44
33
|
/**
|
|
45
34
|
* Props for the Menu.Item component.
|
|
46
35
|
*/
|
|
47
|
-
interface MenuItemProps extends
|
|
48
|
-
/** Additional CSS class names */
|
|
49
|
-
className?: string;
|
|
36
|
+
interface MenuItemProps extends React.ComponentPropsWithoutRef<typeof Menu.Item> {
|
|
50
37
|
inset?: boolean;
|
|
51
38
|
variant?: "default" | "destructive";
|
|
52
39
|
}
|
|
53
40
|
/**
|
|
54
41
|
* Props for the Menu.Group component.
|
|
55
42
|
*/
|
|
56
|
-
interface MenuGroupProps extends
|
|
57
|
-
/** Additional CSS class names */
|
|
58
|
-
className?: string;
|
|
59
|
-
}
|
|
43
|
+
interface MenuGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.Group> {}
|
|
60
44
|
/**
|
|
61
45
|
* Props for the Menu.GroupLabel component.
|
|
62
46
|
*/
|
|
63
|
-
interface MenuGroupLabelProps extends
|
|
64
|
-
/** Additional CSS class names */
|
|
65
|
-
className?: string;
|
|
47
|
+
interface MenuGroupLabelProps extends React.ComponentPropsWithoutRef<typeof Menu.GroupLabel> {
|
|
66
48
|
inset?: boolean;
|
|
67
49
|
}
|
|
68
50
|
/**
|
|
69
51
|
* Props for the Menu.Arrow component.
|
|
70
52
|
*/
|
|
71
|
-
interface MenuArrowProps extends
|
|
72
|
-
/** Additional CSS class names */
|
|
73
|
-
className?: string;
|
|
74
|
-
}
|
|
53
|
+
interface MenuArrowProps extends React.ComponentPropsWithoutRef<typeof Menu.Arrow> {}
|
|
75
54
|
/**
|
|
76
55
|
* Props for the Menu.Separator component.
|
|
77
56
|
*/
|
|
78
|
-
interface MenuSeparatorProps extends
|
|
79
|
-
/** Additional CSS class names */
|
|
80
|
-
className?: string;
|
|
81
|
-
}
|
|
57
|
+
interface MenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof Menu.Separator> {}
|
|
82
58
|
/**
|
|
83
59
|
* Props for the Menu.RadioGroup component.
|
|
84
60
|
*/
|
|
85
|
-
interface MenuRadioGroupProps extends
|
|
86
|
-
/** Additional CSS class names */
|
|
87
|
-
className?: string;
|
|
88
|
-
}
|
|
61
|
+
interface MenuRadioGroupProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioGroup> {}
|
|
89
62
|
/**
|
|
90
63
|
* Props for the Menu.RadioItem component.
|
|
91
64
|
*/
|
|
92
|
-
interface MenuRadioItemProps extends
|
|
93
|
-
/** Additional CSS class names */
|
|
94
|
-
className?: string;
|
|
95
|
-
}
|
|
65
|
+
interface MenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItem> {}
|
|
96
66
|
/**
|
|
97
67
|
* Props for the Menu.RadioItemIndicator component.
|
|
98
68
|
*/
|
|
99
|
-
interface MenuRadioItemIndicatorProps extends
|
|
100
|
-
/** Additional CSS class names */
|
|
101
|
-
className?: string;
|
|
102
|
-
}
|
|
69
|
+
interface MenuRadioItemIndicatorProps extends React.ComponentPropsWithoutRef<typeof Menu.RadioItemIndicator> {}
|
|
103
70
|
/**
|
|
104
71
|
* Props for the Menu.CheckboxItem component.
|
|
105
72
|
*/
|
|
106
|
-
interface MenuCheckboxItemProps extends
|
|
107
|
-
/** Additional CSS class names */
|
|
108
|
-
className?: string;
|
|
109
|
-
}
|
|
73
|
+
interface MenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItem> {}
|
|
110
74
|
/**
|
|
111
75
|
* Props for the Menu.CheckboxItemIndicator component.
|
|
112
76
|
*/
|
|
113
|
-
interface MenuCheckboxItemIndicatorProps extends
|
|
114
|
-
/** Additional CSS class names */
|
|
115
|
-
className?: string;
|
|
116
|
-
}
|
|
77
|
+
interface MenuCheckboxItemIndicatorProps extends React.ComponentPropsWithoutRef<typeof Menu.CheckboxItemIndicator> {}
|
|
117
78
|
interface MenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}
|
|
118
79
|
interface MenuSubmenuRootProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuRoot> {}
|
|
119
80
|
/**
|
|
120
81
|
* Props for the Menu.SubmenuTrigger component.
|
|
121
82
|
*/
|
|
122
|
-
interface MenuSubmenuTriggerProps extends
|
|
123
|
-
/** Additional CSS class names */
|
|
124
|
-
className?: string;
|
|
83
|
+
interface MenuSubmenuTriggerProps extends React.ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger> {
|
|
125
84
|
inset?: boolean;
|
|
126
85
|
}
|
|
127
86
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as cx } from "./class-names-
|
|
2
|
-
import {
|
|
1
|
+
import { t as cx } from "./class-names-BiMDVpUo.js";
|
|
2
|
+
import { i as ArrowRightIcon, r as ArrowLeftIcon, x as FileIcon } from "./icons-CQJ-aMnI.js";
|
|
3
3
|
import { Button } from "./components/Button.js";
|
|
4
4
|
import { Tooltip } from "./components/Tooltip.js";
|
|
5
|
-
import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-
|
|
5
|
+
import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
|
|
6
6
|
import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -147,12 +147,7 @@ const MessageResponse = React.memo(function MessageResponse({ className, compone
|
|
|
147
147
|
...defaultComponents,
|
|
148
148
|
...components
|
|
149
149
|
} : defaultComponents;
|
|
150
|
-
const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [
|
|
151
|
-
rehypePlugins,
|
|
152
|
-
workspace?.base.kind,
|
|
153
|
-
workspace?.base.path,
|
|
154
|
-
workspace?.root
|
|
155
|
-
]);
|
|
150
|
+
const resolvedRehypePlugins = React.useMemo(() => rehypePlugins ?? (workspace ? createWorkspaceRehypePlugins(workspace.root, workspace.base) : void 0), [rehypePlugins, workspace]);
|
|
156
151
|
return /* @__PURE__ */ jsx(Streamdown, {
|
|
157
152
|
className: cx("message__response", className),
|
|
158
153
|
components: mergedComponents,
|
|
@@ -212,13 +207,14 @@ function MessageActions({ className, children, ref, ...props }) {
|
|
|
212
207
|
* A single icon button inside {@link MessageActions}. Always has an accessible
|
|
213
208
|
* name; shows a tooltip on hover/focus when {@link tooltip} is set.
|
|
214
209
|
*/
|
|
215
|
-
function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "
|
|
210
|
+
function MessageAction({ className, label, tooltip, variant = "ghost", color = "neutral", size = "sm", children, ref, ...props }) {
|
|
216
211
|
const button = /* @__PURE__ */ jsx(Button, {
|
|
217
212
|
ref,
|
|
218
213
|
type: "button",
|
|
219
214
|
variant,
|
|
220
215
|
color,
|
|
221
216
|
size,
|
|
217
|
+
iconOnly: true,
|
|
222
218
|
className: cx("message__action", className),
|
|
223
219
|
"aria-label": label ?? tooltip,
|
|
224
220
|
...props,
|
|
@@ -254,9 +250,8 @@ function useMessageBranch(component) {
|
|
|
254
250
|
* branch is active and exposes navigation through {@link MessageBranchSelector},
|
|
255
251
|
* {@link MessageBranchPrevious}, {@link MessageBranchNext}, and {@link MessageBranchPage}.
|
|
256
252
|
*/
|
|
257
|
-
function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, children, ref, ...props }) {
|
|
253
|
+
function MessageBranch({ className, branchCount, defaultBranch = 0, branch, onBranchChange, children, ref, ...props }) {
|
|
258
254
|
const [internalIndex, setInternalIndex] = React.useState(defaultBranch);
|
|
259
|
-
const [branchCount, setBranchCount] = React.useState(0);
|
|
260
255
|
const isControlled = branch !== void 0;
|
|
261
256
|
const branchIndex = isControlled ? branch : internalIndex;
|
|
262
257
|
const setBranchIndex = React.useCallback((next) => {
|
|
@@ -266,8 +261,7 @@ function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, c
|
|
|
266
261
|
const ctx = React.useMemo(() => ({
|
|
267
262
|
branchIndex,
|
|
268
263
|
branchCount,
|
|
269
|
-
setBranchIndex
|
|
270
|
-
registerCount: setBranchCount
|
|
264
|
+
setBranchIndex
|
|
271
265
|
}), [
|
|
272
266
|
branchCount,
|
|
273
267
|
branchIndex,
|
|
@@ -288,11 +282,8 @@ function MessageBranch({ className, defaultBranch = 0, branch, onBranchChange, c
|
|
|
288
282
|
* alternative versions of the same response.
|
|
289
283
|
*/
|
|
290
284
|
function MessageBranchContent({ className, children, ref, ...props }) {
|
|
291
|
-
const { branchIndex
|
|
285
|
+
const { branchIndex } = useMessageBranch("MessageBranchContent");
|
|
292
286
|
const items = React.Children.toArray(children);
|
|
293
|
-
React.useEffect(() => {
|
|
294
|
-
registerCount(items.length);
|
|
295
|
-
}, [items.length, registerCount]);
|
|
296
287
|
const safeIndex = items.length === 0 ? 0 : Math.min(Math.max(branchIndex, 0), items.length - 1);
|
|
297
288
|
return /* @__PURE__ */ jsx("div", {
|
|
298
289
|
ref,
|
|
@@ -320,7 +311,7 @@ function MessageBranchSelector({ className, children, ref, ...props }) {
|
|
|
320
311
|
});
|
|
321
312
|
}
|
|
322
313
|
/** Button that selects the previous branch. Disabled at the first branch. */
|
|
323
|
-
function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "
|
|
314
|
+
function MessageBranchPrevious({ className, label = "Previous response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
|
|
324
315
|
const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchPrevious");
|
|
325
316
|
return /* @__PURE__ */ jsx(Button, {
|
|
326
317
|
ref,
|
|
@@ -328,6 +319,7 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
|
|
|
328
319
|
variant,
|
|
329
320
|
color,
|
|
330
321
|
size,
|
|
322
|
+
iconOnly: true,
|
|
331
323
|
disabled: branchCount <= 1,
|
|
332
324
|
className: cx("message__branch-prev", className),
|
|
333
325
|
"aria-label": label,
|
|
@@ -340,7 +332,7 @@ function MessageBranchPrevious({ className, label = "Previous response", variant
|
|
|
340
332
|
});
|
|
341
333
|
}
|
|
342
334
|
/** Button that selects the next branch. Disabled at the last branch. */
|
|
343
|
-
function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "
|
|
335
|
+
function MessageBranchNext({ className, label = "Next response", variant = "ghost", color = "neutral", size = "sm", children, onClick, ref, ...props }) {
|
|
344
336
|
const { branchIndex, branchCount, setBranchIndex } = useMessageBranch("MessageBranchNext");
|
|
345
337
|
return /* @__PURE__ */ jsx(Button, {
|
|
346
338
|
ref,
|
|
@@ -348,6 +340,7 @@ function MessageBranchNext({ className, label = "Next response", variant = "ghos
|
|
|
348
340
|
variant,
|
|
349
341
|
color,
|
|
350
342
|
size,
|
|
343
|
+
iconOnly: true,
|
|
351
344
|
disabled: branchCount <= 1,
|
|
352
345
|
className: cx("message__branch-next", className),
|
|
353
346
|
"aria-label": label,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as cx } from "./class-names-
|
|
2
|
-
import {
|
|
1
|
+
import { t as cx } from "./class-names-BiMDVpUo.js";
|
|
2
|
+
import { U as SearchIcon, u as ChevronDownIcon } from "./icons-CQJ-aMnI.js";
|
|
3
3
|
import { Button } from "./components/Button.js";
|
|
4
|
-
import { Separator } from "./components/Separator.js";
|
|
5
4
|
import { Dialog } from "./components/Dialog.js";
|
|
5
|
+
import { Separator } from "./components/Separator.js";
|
|
6
6
|
import { Input } from "./components/Input.js";
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -256,23 +256,16 @@ function useModelSelectorContext() {
|
|
|
256
256
|
* ```
|
|
257
257
|
*/
|
|
258
258
|
function ModelSelector({ open, defaultOpen = false, onOpenChange, children, className, ref, ...props }) {
|
|
259
|
-
const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
|
|
260
259
|
const [query, setQuery] = React.useState("");
|
|
261
|
-
const
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
if (!isControlled) setInternalOpen(next);
|
|
265
|
-
onOpenChange?.(next);
|
|
260
|
+
const handleOpenChange = React.useCallback((...args) => {
|
|
261
|
+
const [next] = args;
|
|
262
|
+
onOpenChange?.(...args);
|
|
266
263
|
if (!next) setQuery("");
|
|
267
|
-
}, [
|
|
268
|
-
const onSelectItem = React.useCallback(() => {
|
|
269
|
-
handleOpenChange(false);
|
|
270
|
-
}, [handleOpenChange]);
|
|
264
|
+
}, [onOpenChange]);
|
|
271
265
|
const ctxValue = React.useMemo(() => ({
|
|
272
266
|
query,
|
|
273
|
-
setQuery
|
|
274
|
-
|
|
275
|
-
}), [query, onSelectItem]);
|
|
267
|
+
setQuery
|
|
268
|
+
}), [query]);
|
|
276
269
|
return /* @__PURE__ */ jsx(ModelSelectorContext.Provider, {
|
|
277
270
|
value: ctxValue,
|
|
278
271
|
children: /* @__PURE__ */ jsx("div", {
|
|
@@ -280,7 +273,8 @@ function ModelSelector({ open, defaultOpen = false, onOpenChange, children, clas
|
|
|
280
273
|
className: cx("model-selector", className),
|
|
281
274
|
...props,
|
|
282
275
|
children: /* @__PURE__ */ jsx(Dialog.Root, {
|
|
283
|
-
open
|
|
276
|
+
open,
|
|
277
|
+
defaultOpen,
|
|
284
278
|
onOpenChange: handleOpenChange,
|
|
285
279
|
children
|
|
286
280
|
})
|
|
@@ -302,9 +296,10 @@ function CloudflareModelSelector({ models, selectedModelId = null, onSelectModel
|
|
|
302
296
|
const typedModelId = query.trim();
|
|
303
297
|
const showTypedModel = allowTypedModel && isCloudflareRunnableModelId(typedModelId) && typedModelId !== selectedModelId && !optionIds.has(typedModelId);
|
|
304
298
|
return /* @__PURE__ */ jsxs(ModelSelector, {
|
|
305
|
-
onOpenChange: React.useCallback((
|
|
299
|
+
onOpenChange: React.useCallback((...args) => {
|
|
300
|
+
const [nextOpen] = args;
|
|
306
301
|
if (!nextOpen) setQuery("");
|
|
307
|
-
onOpenChange?.(
|
|
302
|
+
onOpenChange?.(...args);
|
|
308
303
|
}, [onOpenChange]),
|
|
309
304
|
...props,
|
|
310
305
|
children: [/* @__PURE__ */ jsx(ModelSelectorTrigger, {
|
|
@@ -365,7 +360,7 @@ function ModelSelectorContent({ children, title = "Model Selector", ...props })
|
|
|
365
360
|
return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
|
|
366
361
|
...props,
|
|
367
362
|
children: [/* @__PURE__ */ jsx(Dialog.Title, {
|
|
368
|
-
className: "model-selector__title",
|
|
363
|
+
className: "model-selector__title sigvelo-visually-hidden",
|
|
369
364
|
children: title
|
|
370
365
|
}), children]
|
|
371
366
|
}) })] });
|
|
@@ -431,13 +426,11 @@ function ModelSelectorGroup({ className, label, children, ref, ...props }) {
|
|
|
431
426
|
});
|
|
432
427
|
}
|
|
433
428
|
function ModelSelectorItem({ className, value, keywords, selected, onSelect, children, onClick, ref, ...props }) {
|
|
434
|
-
const { onSelectItem } = useModelSelectorContext();
|
|
435
429
|
const handleClick = (e) => {
|
|
436
430
|
onSelect?.(value);
|
|
437
|
-
onSelectItem();
|
|
438
431
|
onClick?.(e);
|
|
439
432
|
};
|
|
440
|
-
return /* @__PURE__ */ jsx(Button, {
|
|
433
|
+
return /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(Button, {
|
|
441
434
|
ref,
|
|
442
435
|
variant: "ghost",
|
|
443
436
|
color: "neutral",
|
|
@@ -447,7 +440,7 @@ function ModelSelectorItem({ className, value, keywords, selected, onSelect, chi
|
|
|
447
440
|
onClick: handleClick,
|
|
448
441
|
...props,
|
|
449
442
|
children
|
|
450
|
-
});
|
|
443
|
+
}) });
|
|
451
444
|
}
|
|
452
445
|
function ModelSelectorEmpty({ className, children = "No models found", ref, ...props }) {
|
|
453
446
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -484,7 +477,7 @@ function ModelSelectorLogoGroup({ className, children, ref, ...props }) {
|
|
|
484
477
|
function ModelSelectorName({ className, children, ref, ...props }) {
|
|
485
478
|
return /* @__PURE__ */ jsx("span", {
|
|
486
479
|
ref,
|
|
487
|
-
className: cx("model-selector__name", className),
|
|
480
|
+
className: cx("model-selector__name", "sigvelo-truncate", className),
|
|
488
481
|
...props,
|
|
489
482
|
children
|
|
490
483
|
});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as ButtonProps } from "./Button-
|
|
2
|
-
import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-
|
|
3
|
-
import {
|
|
4
|
-
import { t as Combobox } from "./Combobox-
|
|
5
|
-
import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-
|
|
1
|
+
import { r as ButtonProps } from "./Button-DLGzHsjc.js";
|
|
2
|
+
import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-B_13gg_J.js";
|
|
3
|
+
import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-ColWK-XA.js";
|
|
4
|
+
import { t as Combobox } from "./Combobox-CYc37s5l.js";
|
|
5
|
+
import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-L6MZm-7N.js";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
|
|
8
8
|
import { PendingApproval, Think } from "@cloudflare/think";
|
|
@@ -216,8 +216,7 @@ type PromptInputButtonTooltip = string | {
|
|
|
216
216
|
side?: TooltipSide;
|
|
217
217
|
};
|
|
218
218
|
type PromptInputTooltipConfig = Exclude<PromptInputButtonTooltip, string>;
|
|
219
|
-
interface PromptInputButtonProps extends Omit<ButtonProps, "children"
|
|
220
|
-
className?: string;
|
|
219
|
+
interface PromptInputButtonProps extends Omit<ButtonProps, "children"> {
|
|
221
220
|
tooltip?: PromptInputButtonTooltip;
|
|
222
221
|
children?: React.ReactNode;
|
|
223
222
|
}
|
|
@@ -227,6 +226,7 @@ declare function PromptInputButton({
|
|
|
227
226
|
variant,
|
|
228
227
|
color,
|
|
229
228
|
size,
|
|
229
|
+
iconOnly,
|
|
230
230
|
children,
|
|
231
231
|
"aria-label": ariaLabel,
|
|
232
232
|
ref,
|
|
@@ -331,14 +331,11 @@ declare function PromptInputPermissionSelector({
|
|
|
331
331
|
onValueChange,
|
|
332
332
|
question
|
|
333
333
|
}: PromptInputPermissionSelectorProps): React.JSX.Element;
|
|
334
|
-
interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "
|
|
335
|
-
className?: string;
|
|
334
|
+
interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "type"> {
|
|
336
335
|
status?: ChatStatus;
|
|
337
336
|
onStop?: () => void;
|
|
338
337
|
children?: React.ReactNode;
|
|
339
338
|
label?: string;
|
|
340
|
-
/** Allow a composed follow-up to submit while a response is active. */
|
|
341
|
-
allowSubmitWhileBusy?: boolean;
|
|
342
339
|
/** Whether the composer currently contains text, references, or attachments. */
|
|
343
340
|
hasContent?: boolean;
|
|
344
341
|
}
|
|
@@ -352,29 +349,36 @@ declare function PromptInputSubmit({
|
|
|
352
349
|
onClick,
|
|
353
350
|
children,
|
|
354
351
|
label,
|
|
355
|
-
allowSubmitWhileBusy,
|
|
356
352
|
hasContent,
|
|
357
353
|
ref,
|
|
358
354
|
...props
|
|
359
355
|
}: PromptInputSubmitProps & {
|
|
360
356
|
ref?: React.Ref<HTMLButtonElement>;
|
|
361
357
|
}): React.JSX.Element;
|
|
358
|
+
/**
|
|
359
|
+
* Resolve Think execution approvals that do not use the AI SDK
|
|
360
|
+
* `approval-requested` part: paused codemode executions and durable-pause
|
|
361
|
+
* approvals from `pendingApprovals()`. Pass the whole upstream Think agent
|
|
362
|
+
* stub; the component calls its client-callable RPCs directly:
|
|
363
|
+
*
|
|
364
|
+
* ```tsx
|
|
365
|
+
* <PromptInputApproval part={part} thinkStub={agent.stub} />
|
|
366
|
+
* ```
|
|
367
|
+
*
|
|
368
|
+
* On approve, upstream resumes or runs the parked execution and auto-continues
|
|
369
|
+
* the chat. Both RPCs are idempotent, so a stale click resolves to "already
|
|
370
|
+
* handled".
|
|
371
|
+
*/
|
|
362
372
|
/** The id a response must carry: the approval id, or the paused run's executionId. */
|
|
363
373
|
declare function getApprovalRequestId(part: ToolUIPart | DynamicToolUIPart): string | undefined;
|
|
364
374
|
/** Component-local identity: paused executions can ask for multiple approvals. */
|
|
365
375
|
declare function getApprovalStateKey(part: ToolUIPart | DynamicToolUIPart): string | undefined;
|
|
366
|
-
interface PendingToolApproval<MessageT extends UIMessage = UIMessage> {
|
|
367
|
-
message: MessageT;
|
|
368
|
-
messageIndex: number;
|
|
369
|
-
part: ToolUIPart | DynamicToolUIPart;
|
|
370
|
-
partIndex: number;
|
|
371
|
-
}
|
|
372
376
|
/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
|
|
373
|
-
declare function getPendingToolApprovals
|
|
377
|
+
declare function getPendingToolApprovals(messages: readonly UIMessage[], {
|
|
374
378
|
pausedExecutions
|
|
375
379
|
}?: {
|
|
376
380
|
pausedExecutions?: boolean;
|
|
377
|
-
}): Array<
|
|
381
|
+
}): Array<ToolUIPart | DynamicToolUIPart>;
|
|
378
382
|
interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
|
|
379
383
|
/**
|
|
380
384
|
* The `approval-requested` tool part — or a paused codemode execution —
|
|
@@ -464,8 +468,6 @@ declare const PromptInputSelect: {
|
|
|
464
468
|
ref,
|
|
465
469
|
...props
|
|
466
470
|
}: SelectPositionerProps & {
|
|
467
|
-
className?: string;
|
|
468
|
-
} & {
|
|
469
471
|
ref?: React.Ref<HTMLDivElement>;
|
|
470
472
|
}) => React.JSX.Element;
|
|
471
473
|
Popup: ({
|
|
@@ -620,27 +622,21 @@ declare const PromptInputCommand: {
|
|
|
620
622
|
className,
|
|
621
623
|
ref,
|
|
622
624
|
...props
|
|
623
|
-
}:
|
|
624
|
-
className?: string;
|
|
625
|
-
} & {
|
|
625
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput> & {
|
|
626
626
|
ref?: React.Ref<HTMLInputElement>;
|
|
627
627
|
}) => React.JSX.Element;
|
|
628
628
|
Trigger: ({
|
|
629
629
|
className,
|
|
630
630
|
ref,
|
|
631
631
|
...props
|
|
632
|
-
}:
|
|
633
|
-
className?: string;
|
|
634
|
-
} & {
|
|
632
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxTrigger> & {
|
|
635
633
|
ref?: React.Ref<HTMLButtonElement>;
|
|
636
634
|
}) => React.JSX.Element;
|
|
637
635
|
Clear: ({
|
|
638
636
|
className,
|
|
639
637
|
ref,
|
|
640
638
|
...props
|
|
641
|
-
}:
|
|
642
|
-
className?: string;
|
|
643
|
-
} & {
|
|
639
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxClear> & {
|
|
644
640
|
ref?: React.Ref<HTMLButtonElement>;
|
|
645
641
|
}) => React.JSX.Element;
|
|
646
642
|
Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -648,9 +644,7 @@ declare const PromptInputCommand: {
|
|
|
648
644
|
className,
|
|
649
645
|
ref,
|
|
650
646
|
...props
|
|
651
|
-
}:
|
|
652
|
-
className?: string;
|
|
653
|
-
} & {
|
|
647
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPositioner> & {
|
|
654
648
|
ref?: React.Ref<HTMLDivElement>;
|
|
655
649
|
}) => React.JSX.Element;
|
|
656
650
|
Popup: ({
|
|
@@ -658,63 +652,49 @@ declare const PromptInputCommand: {
|
|
|
658
652
|
tabIndex,
|
|
659
653
|
ref,
|
|
660
654
|
...props
|
|
661
|
-
}:
|
|
662
|
-
className?: string;
|
|
663
|
-
} & {
|
|
655
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxPopup> & {
|
|
664
656
|
ref?: React.Ref<HTMLDivElement>;
|
|
665
657
|
}) => React.JSX.Element;
|
|
666
658
|
List: ({
|
|
667
659
|
className,
|
|
668
660
|
ref,
|
|
669
661
|
...props
|
|
670
|
-
}:
|
|
671
|
-
className?: string;
|
|
672
|
-
} & {
|
|
662
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxList> & {
|
|
673
663
|
ref?: React.Ref<HTMLDivElement>;
|
|
674
664
|
}) => React.JSX.Element;
|
|
675
665
|
Item: ({
|
|
676
666
|
className,
|
|
677
667
|
ref,
|
|
678
668
|
...props
|
|
679
|
-
}:
|
|
680
|
-
className?: string;
|
|
681
|
-
} & {
|
|
669
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem> & {
|
|
682
670
|
ref?: React.Ref<HTMLDivElement>;
|
|
683
671
|
}) => React.JSX.Element;
|
|
684
672
|
ItemIndicator: ({
|
|
685
673
|
className,
|
|
686
674
|
ref,
|
|
687
675
|
...props
|
|
688
|
-
}:
|
|
689
|
-
className?: string;
|
|
690
|
-
} & {
|
|
676
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItemIndicator> & {
|
|
691
677
|
ref?: React.Ref<HTMLSpanElement>;
|
|
692
678
|
}) => React.JSX.Element;
|
|
693
679
|
Empty: ({
|
|
694
680
|
className,
|
|
695
681
|
ref,
|
|
696
682
|
...props
|
|
697
|
-
}:
|
|
698
|
-
className?: string;
|
|
699
|
-
} & {
|
|
683
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty> & {
|
|
700
684
|
ref?: React.Ref<HTMLDivElement>;
|
|
701
685
|
}) => React.JSX.Element;
|
|
702
686
|
Group: ({
|
|
703
687
|
className,
|
|
704
688
|
ref,
|
|
705
689
|
...props
|
|
706
|
-
}:
|
|
707
|
-
className?: string;
|
|
708
|
-
} & {
|
|
690
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup> & {
|
|
709
691
|
ref?: React.Ref<HTMLDivElement>;
|
|
710
692
|
}) => React.JSX.Element;
|
|
711
693
|
GroupLabel: ({
|
|
712
694
|
className,
|
|
713
695
|
ref,
|
|
714
696
|
...props
|
|
715
|
-
}:
|
|
716
|
-
className?: string;
|
|
717
|
-
} & {
|
|
697
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel> & {
|
|
718
698
|
ref?: React.Ref<HTMLDivElement>;
|
|
719
699
|
}) => React.JSX.Element;
|
|
720
700
|
Value: typeof import("@base-ui/react").ComboboxValue;
|
|
@@ -728,9 +708,7 @@ declare const PromptInputCommandInput: ({
|
|
|
728
708
|
className,
|
|
729
709
|
ref,
|
|
730
710
|
...props
|
|
731
|
-
}:
|
|
732
|
-
className?: string;
|
|
733
|
-
} & {
|
|
711
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInput> & {
|
|
734
712
|
ref?: React.Ref<HTMLInputElement>;
|
|
735
713
|
}) => React.JSX.Element;
|
|
736
714
|
type PromptInputCommandListProps = React.ComponentPropsWithoutRef<typeof Combobox.List>;
|
|
@@ -746,9 +724,7 @@ declare const PromptInputCommandEmpty: ({
|
|
|
746
724
|
className,
|
|
747
725
|
ref,
|
|
748
726
|
...props
|
|
749
|
-
}:
|
|
750
|
-
className?: string;
|
|
751
|
-
} & {
|
|
727
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxEmpty> & {
|
|
752
728
|
ref?: React.Ref<HTMLDivElement>;
|
|
753
729
|
}) => React.JSX.Element;
|
|
754
730
|
type PromptInputCommandGroupProps = React.ComponentPropsWithoutRef<typeof Combobox.Group>;
|
|
@@ -756,9 +732,7 @@ declare const PromptInputCommandGroup: ({
|
|
|
756
732
|
className,
|
|
757
733
|
ref,
|
|
758
734
|
...props
|
|
759
|
-
}:
|
|
760
|
-
className?: string;
|
|
761
|
-
} & {
|
|
735
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroup> & {
|
|
762
736
|
ref?: React.Ref<HTMLDivElement>;
|
|
763
737
|
}) => React.JSX.Element;
|
|
764
738
|
type PromptInputCommandGroupLabelProps = React.ComponentPropsWithoutRef<typeof Combobox.GroupLabel>;
|
|
@@ -766,9 +740,7 @@ declare const PromptInputCommandGroupLabel: ({
|
|
|
766
740
|
className,
|
|
767
741
|
ref,
|
|
768
742
|
...props
|
|
769
|
-
}:
|
|
770
|
-
className?: string;
|
|
771
|
-
} & {
|
|
743
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxGroupLabel> & {
|
|
772
744
|
ref?: React.Ref<HTMLDivElement>;
|
|
773
745
|
}) => React.JSX.Element;
|
|
774
746
|
type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof Combobox.Item>;
|
|
@@ -776,9 +748,7 @@ declare const PromptInputCommandItem: ({
|
|
|
776
748
|
className,
|
|
777
749
|
ref,
|
|
778
750
|
...props
|
|
779
|
-
}:
|
|
780
|
-
className?: string;
|
|
781
|
-
} & {
|
|
751
|
+
}: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItem> & {
|
|
782
752
|
ref?: React.Ref<HTMLDivElement>;
|
|
783
753
|
}) => React.JSX.Element;
|
|
784
754
|
type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Combobox.Separator>;
|
|
@@ -878,4 +848,4 @@ declare function PromptInputContextSelector({
|
|
|
878
848
|
action
|
|
879
849
|
}: PromptInputContextSelectorProps): React.JSX.Element;
|
|
880
850
|
//#endregion
|
|
881
|
-
export {
|
|
851
|
+
export { PromptInputDictationProps as $, PromptInputCommandDefinition as A, PromptInputTabProps as At, PromptInputCommandItemProps as B, getApprovalRequestId as Bt, PromptInputBodyProps as C, PromptInputTab as Ct, PromptInputCommand as D, PromptInputTabItemProps as Dt, PromptInputButtonTooltip as E, PromptInputTabItem as Et, PromptInputCommandGroupLabelProps as F, PromptInputTools as Ft, PromptInputCommandSeparatorProps as G, useProviderAttachments as Gt, PromptInputCommandListProps as H, getPendingToolApprovals as Ht, PromptInputCommandGroupProps as I, PromptInputToolsProps as It, PromptInputContextItem as J, PromptInputCommandTrigger as K, PromptInputCommandInput as L, PromptInputTooltipConfig as Lt, PromptInputCommandEmptyProps as M, PromptInputTabsListProps as Mt, PromptInputCommandGroup as N, PromptInputTextarea as Nt, PromptInputCommandComposer as O, PromptInputTabLabel as Ot, PromptInputCommandGroupLabel as P, PromptInputTextareaProps as Pt, PromptInputDictation as Q, PromptInputCommandInputProps as R, TextInputContext as Rt, PromptInputBody as S, PromptInputSubmitProps as St, PromptInputButtonProps as T, PromptInputTabBodyProps as Tt, PromptInputCommandProps as U, usePromptInputAttachments as Ut, PromptInputCommandList as V, getApprovalStateKey as Vt, PromptInputCommandSeparator as W, usePromptInputController as Wt, PromptInputContextSelectorProps as X, PromptInputContextSelector as Y, PromptInputControllerProps as Z, PromptInputApprovalProps as _, PromptInputReferences as _t, PromptInputActionAddAttachmentsProps as a, PromptInputHoverCardContent as at, PromptInputAttachments as b, PromptInputSelectProps as bt, PromptInputActionMenu as c, PromptInputHoverCardTrigger as ct, PromptInputActionMenuItem as d, PromptInputPermissionSelector as dt, PromptInputFooter as et, PromptInputActionMenuItemProps as f, PromptInputPermissionSelectorProps as ft, PromptInputApproval as g, PromptInputReference as gt, PromptInputActionMenuTriggerProps as h, PromptInputProviderProps as ht, PromptInputActionAddAttachments as i, PromptInputHoverCard as it, PromptInputCommandEmpty as j, PromptInputTabsList as jt, PromptInputCommandComposerProps as k, PromptInputTabLabelProps as kt, PromptInputActionMenuContent as l, PromptInputHoverCardTriggerProps as lt, PromptInputActionMenuTrigger as m, PromptInputProvider as mt, PermissionMode as n, PromptInputHeader as nt, PromptInputActionAddScreenshot as o, PromptInputHoverCardContentProps as ot, PromptInputActionMenuProps as p, PromptInputProps as pt, PromptInputContextAction as q, PromptInput as r, PromptInputHeaderProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputHoverCardProps as st, AttachmentsContext as t, PromptInputFooterProps as tt, PromptInputActionMenuContentProps as u, PromptInputMessage as ut, PromptInputAttachment as v, PromptInputReferencesProps as vt, PromptInputButton as w, PromptInputTabBody as wt, PromptInputAttachmentsProps as x, PromptInputSubmit as xt, PromptInputAttachmentProps as y, PromptInputSelect as yt, PromptInputCommandItem as z, TooltipSide as zt };
|
|
@@ -44,6 +44,7 @@ interface ResponsiveSidebarShellProps extends React.HTMLAttributes<HTMLDivElemen
|
|
|
44
44
|
/**
|
|
45
45
|
* Responsive master-detail shell with a resizable desktop sidebar and a compact
|
|
46
46
|
* floating sidebar that leaves the main content in place as a dismiss target.
|
|
47
|
+
* The root exposes `data-sidebar-open="true" | "false"` as its public styling hook.
|
|
47
48
|
*/
|
|
48
49
|
declare function ResponsiveSidebarShell({
|
|
49
50
|
sidebar,
|