@agent-native/toolkit 0.228.0-nightly-20261111212500 → 0.228.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/agent-native.eject.json +2 -0
- package/dist/app/agentkit/react/approval-card.d.ts.map +1 -1
- package/dist/app/agentkit/react/approval-card.js +5 -3
- package/dist/app/agentkit/react/approval-card.js.map +1 -1
- package/dist/app/agentkit/react/code-block.d.ts +32 -0
- package/dist/app/agentkit/react/code-block.d.ts.map +1 -0
- package/dist/app/agentkit/react/code-block.js +125 -0
- package/dist/app/agentkit/react/code-block.js.map +1 -0
- package/dist/app/agentkit/react/components.d.ts +33 -14
- package/dist/app/agentkit/react/components.d.ts.map +1 -1
- package/dist/app/agentkit/react/components.js +843 -168
- package/dist/app/agentkit/react/components.js.map +1 -1
- package/dist/app/agentkit/react/context-usage.d.ts +45 -0
- package/dist/app/agentkit/react/context-usage.d.ts.map +1 -0
- package/dist/app/agentkit/react/context-usage.js +93 -0
- package/dist/app/agentkit/react/context-usage.js.map +1 -0
- package/dist/app/agentkit/react/context.d.ts +42 -3
- package/dist/app/agentkit/react/context.d.ts.map +1 -1
- package/dist/app/agentkit/react/context.js +46 -1
- package/dist/app/agentkit/react/context.js.map +1 -1
- package/dist/app/agentkit/react/disclosure-content.d.ts +12 -0
- package/dist/app/agentkit/react/disclosure-content.d.ts.map +1 -0
- package/dist/app/agentkit/react/disclosure-content.js +33 -0
- package/dist/app/agentkit/react/disclosure-content.js.map +1 -0
- package/dist/app/agentkit/react/duration.d.ts +6 -0
- package/dist/app/agentkit/react/duration.d.ts.map +1 -0
- package/dist/app/agentkit/react/duration.js +21 -0
- package/dist/app/agentkit/react/duration.js.map +1 -0
- package/dist/app/agentkit/react/file-change.d.ts +33 -0
- package/dist/app/agentkit/react/file-change.d.ts.map +1 -0
- package/dist/app/agentkit/react/file-change.js +83 -0
- package/dist/app/agentkit/react/file-change.js.map +1 -0
- package/dist/app/agentkit/react/file-diff.d.ts +17 -0
- package/dist/app/agentkit/react/file-diff.d.ts.map +1 -0
- package/dist/app/agentkit/react/file-diff.js +94 -0
- package/dist/app/agentkit/react/file-diff.js.map +1 -0
- package/dist/app/agentkit/react/index.d.ts +7 -0
- package/dist/app/agentkit/react/index.d.ts.map +1 -1
- package/dist/app/agentkit/react/index.js +7 -0
- package/dist/app/agentkit/react/index.js.map +1 -1
- package/dist/app/agentkit/react/question-card.d.ts +67 -0
- package/dist/app/agentkit/react/question-card.d.ts.map +1 -0
- package/dist/app/agentkit/react/question-card.js +198 -0
- package/dist/app/agentkit/react/question-card.js.map +1 -0
- package/dist/app/agentkit/react/root.d.ts +3 -2
- package/dist/app/agentkit/react/root.d.ts.map +1 -1
- package/dist/app/agentkit/react/root.js +2 -2
- package/dist/app/agentkit/react/root.js.map +1 -1
- package/dist/app/agentkit/react/roving-focus.d.ts +4 -0
- package/dist/app/agentkit/react/roving-focus.d.ts.map +1 -0
- package/dist/app/agentkit/react/roving-focus.js +75 -0
- package/dist/app/agentkit/react/roving-focus.js.map +1 -0
- package/dist/app/agentkit/react/stack-trace.d.ts +34 -0
- package/dist/app/agentkit/react/stack-trace.d.ts.map +1 -0
- package/dist/app/agentkit/react/stack-trace.js +121 -0
- package/dist/app/agentkit/react/stack-trace.js.map +1 -0
- package/dist/app/agentkit/react/stop-button.d.ts.map +1 -1
- package/dist/app/agentkit/react/stop-button.js +22 -6
- package/dist/app/agentkit/react/stop-button.js.map +1 -1
- package/dist/app/agentkit/react/styles.css +1306 -395
- package/dist/app/agentkit/react/terminal.d.ts +28 -0
- package/dist/app/agentkit/react/terminal.d.ts.map +1 -0
- package/dist/app/agentkit/react/terminal.js +84 -0
- package/dist/app/agentkit/react/terminal.js.map +1 -0
- package/dist/app/agentkit/react/trace.d.ts +31 -0
- package/dist/app/agentkit/react/trace.d.ts.map +1 -0
- package/dist/app/agentkit/react/trace.js +73 -0
- package/dist/app/agentkit/react/trace.js.map +1 -0
- package/dist/app/blocks/library/HighlightedCode.d.ts +2 -1
- package/dist/app/blocks/library/HighlightedCode.d.ts.map +1 -1
- package/dist/app/blocks/library/HighlightedCode.js +8 -111
- package/dist/app/blocks/library/HighlightedCode.js.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.d.ts.map +1 -1
- package/dist/app/chat/AgentKitAssistantChat.js +23 -245
- package/dist/app/chat/AgentKitAssistantChat.js.map +1 -1
- package/dist/app/chat/agentkit-chat/guided-questions.d.ts +15 -1
- package/dist/app/chat/agentkit-chat/guided-questions.d.ts.map +1 -1
- package/dist/app/chat/agentkit-chat/guided-questions.js +142 -2
- package/dist/app/chat/agentkit-chat/guided-questions.js.map +1 -1
- package/dist/app/chat/agentkit-chat/history.js +1 -1
- package/dist/app/chat/agentkit-chat/history.js.map +1 -1
- package/dist/app/chat/agentkit-chat/index.d.ts +1 -1
- package/dist/app/chat/agentkit-chat/index.d.ts.map +1 -1
- package/dist/app/chat/agentkit-chat/index.js +1 -1
- package/dist/app/chat/agentkit-chat/index.js.map +1 -1
- package/dist/app/chat/agentkit-chat/labels.d.ts +5 -0
- package/dist/app/chat/agentkit-chat/labels.d.ts.map +1 -0
- package/dist/app/chat/agentkit-chat/labels.js +245 -0
- package/dist/app/chat/agentkit-chat/labels.js.map +1 -0
- package/dist/app/chat/agentkit-chat/questions.d.ts +1 -1
- package/dist/app/chat/agentkit-chat/questions.d.ts.map +1 -1
- package/dist/app/chat/agentkit-chat/questions.js +1 -1
- package/dist/app/chat/agentkit-chat/questions.js.map +1 -1
- package/dist/app/chat/agentkit-chat/root.d.ts.map +1 -1
- package/dist/app/chat/agentkit-chat/root.js +5 -64
- package/dist/app/chat/agentkit-chat/root.js.map +1 -1
- package/dist/app/chat/agentkit-chat/work-step-labels.d.ts +2 -0
- package/dist/app/chat/agentkit-chat/work-step-labels.d.ts.map +1 -1
- package/dist/app/chat/agentkit-chat/work-step-labels.js +31 -0
- package/dist/app/chat/agentkit-chat/work-step-labels.js.map +1 -1
- package/dist/app/chat/chat/markdown-renderer.d.ts +2 -12
- package/dist/app/chat/chat/markdown-renderer.d.ts.map +1 -1
- package/dist/app/chat/chat/markdown-renderer.js +2 -41
- package/dist/app/chat/chat/markdown-renderer.js.map +1 -1
- package/dist/app/chat/chat/tool-call-display.d.ts.map +1 -1
- package/dist/app/chat/chat/tool-call-display.js +2 -2
- package/dist/app/chat/chat/tool-call-display.js.map +1 -1
- package/dist/app/chat/conversation/AgentConversation.d.ts.map +1 -1
- package/dist/app/chat/conversation/AgentConversation.js +2 -37
- package/dist/app/chat/conversation/AgentConversation.js.map +1 -1
- package/dist/app/chat/tool-cells/BashCell.d.ts +3 -1
- package/dist/app/chat/tool-cells/BashCell.d.ts.map +1 -1
- package/dist/app/chat/tool-cells/BashCell.js +4 -40
- package/dist/app/chat/tool-cells/BashCell.js.map +1 -1
- package/dist/app/chat/tool-cells/EditCell.d.ts.map +1 -1
- package/dist/app/chat/tool-cells/EditCell.js +5 -108
- package/dist/app/chat/tool-cells/EditCell.js.map +1 -1
- package/dist/app/chat/tool-cells/FilesChangedSummary.d.ts.map +1 -1
- package/dist/app/chat/tool-cells/FilesChangedSummary.js +23 -81
- package/dist/app/chat/tool-cells/FilesChangedSummary.js.map +1 -1
- package/dist/app/chat/tool-cells/WriteCell.d.ts.map +1 -1
- package/dist/app/chat/tool-cells/WriteCell.js +5 -24
- package/dist/app/chat/tool-cells/WriteCell.js.map +1 -1
- package/dist/app/code-highlighter.d.ts +11 -0
- package/dist/app/code-highlighter.d.ts.map +1 -0
- package/dist/app/code-highlighter.js +122 -0
- package/dist/app/code-highlighter.js.map +1 -0
- package/dist/app/context-xray/ThreadContextRing.js +3 -3
- package/dist/app/context-xray/ThreadContextRing.js.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ar-SA.js +22 -0
- package/dist/app/i18n/catalogs/ar-SA.js.map +1 -1
- package/dist/app/i18n/catalogs/de-DE.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/de-DE.js +22 -0
- package/dist/app/i18n/catalogs/de-DE.js.map +1 -1
- package/dist/app/i18n/catalogs/en-US.d.ts +22 -0
- package/dist/app/i18n/catalogs/en-US.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/en-US.js +22 -0
- package/dist/app/i18n/catalogs/en-US.js.map +1 -1
- package/dist/app/i18n/catalogs/es-ES.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/es-ES.js +22 -0
- package/dist/app/i18n/catalogs/es-ES.js.map +1 -1
- package/dist/app/i18n/catalogs/fr-FR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/fr-FR.js +22 -0
- package/dist/app/i18n/catalogs/fr-FR.js.map +1 -1
- package/dist/app/i18n/catalogs/hi-IN.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/hi-IN.js +22 -0
- package/dist/app/i18n/catalogs/hi-IN.js.map +1 -1
- package/dist/app/i18n/catalogs/ja-JP.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ja-JP.js +22 -0
- package/dist/app/i18n/catalogs/ja-JP.js.map +1 -1
- package/dist/app/i18n/catalogs/ko-KR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/ko-KR.js +22 -0
- package/dist/app/i18n/catalogs/ko-KR.js.map +1 -1
- package/dist/app/i18n/catalogs/pt-BR.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/pt-BR.js +22 -0
- package/dist/app/i18n/catalogs/pt-BR.js.map +1 -1
- package/dist/app/i18n/catalogs/zh-CN.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/zh-CN.js +22 -0
- package/dist/app/i18n/catalogs/zh-CN.js.map +1 -1
- package/dist/app/i18n/catalogs/zh-TW.d.ts.map +1 -1
- package/dist/app/i18n/catalogs/zh-TW.js +22 -0
- package/dist/app/i18n/catalogs/zh-TW.js.map +1 -1
- package/dist/app/onboarding/first-run-first-paint.d.ts +10 -0
- package/dist/app/onboarding/first-run-first-paint.d.ts.map +1 -0
- package/dist/app/onboarding/first-run-first-paint.js +22 -0
- package/dist/app/onboarding/first-run-first-paint.js.map +1 -0
- package/dist/app/onboarding/first-run-startup-gate.d.ts +3 -1
- package/dist/app/onboarding/first-run-startup-gate.d.ts.map +1 -1
- package/dist/app/onboarding/first-run-startup-gate.js +30 -6
- package/dist/app/onboarding/first-run-startup-gate.js.map +1 -1
- package/dist/app/providers/AppProviders.d.ts.map +1 -1
- package/dist/app/providers/AppProviders.js +9 -2
- package/dist/app/providers/AppProviders.js.map +1 -1
- package/dist/app/providers/BuilderSignupActivation.d.ts +2 -1
- package/dist/app/providers/BuilderSignupActivation.d.ts.map +1 -1
- package/dist/app/providers/BuilderSignupActivation.js +6 -3
- package/dist/app/providers/BuilderSignupActivation.js.map +1 -1
- package/dist/app/shared/AppShellSkeleton.d.ts.map +1 -1
- package/dist/app/shared/AppShellSkeleton.js +11 -1
- package/dist/app/shared/AppShellSkeleton.js.map +1 -1
- package/dist/app/styles/agent-native.css +2 -2
- package/dist/app/styles/tokens/agent-kit.css +20 -3
- package/dist/composer/AgentSuggestionBar.d.ts.map +1 -1
- package/dist/composer/AgentSuggestionBar.js +2 -2
- package/dist/composer/AgentSuggestionBar.js.map +1 -1
- package/dist/composer/ComposerContextMenu.js +4 -4
- package/dist/composer/ComposerContextMenu.js.map +1 -1
- package/dist/composer/ComposerContextPicker.d.ts.map +1 -1
- package/dist/composer/ComposerContextPicker.js +2 -2
- package/dist/composer/ComposerContextPicker.js.map +1 -1
- package/dist/composer/ComposerContextPickerDialog.d.ts.map +1 -1
- package/dist/composer/ComposerContextPickerDialog.js +2 -2
- package/dist/composer/ComposerContextPickerDialog.js.map +1 -1
- package/dist/composer/ComposerModePicker.d.ts.map +1 -1
- package/dist/composer/ComposerModePicker.js +2 -1
- package/dist/composer/ComposerModePicker.js.map +1 -1
- package/dist/composer/ComposerPlusMenu.js +1 -1
- package/dist/composer/ComposerPlusMenu.js.map +1 -1
- package/dist/composer/MentionChip.js +1 -1
- package/dist/composer/MentionChip.js.map +1 -1
- package/dist/composer/MentionPopover.d.ts +3 -0
- package/dist/composer/MentionPopover.d.ts.map +1 -1
- package/dist/composer/MentionPopover.js +34 -15
- package/dist/composer/MentionPopover.js.map +1 -1
- package/dist/composer/MessageQueueDrawer.d.ts.map +1 -1
- package/dist/composer/MessageQueueDrawer.js +14 -9
- package/dist/composer/MessageQueueDrawer.js.map +1 -1
- package/dist/composer/PastedTextChip.d.ts.map +1 -1
- package/dist/composer/PastedTextChip.js +14 -18
- package/dist/composer/PastedTextChip.js.map +1 -1
- package/dist/composer/PromptBar.js +1 -1
- package/dist/composer/PromptBar.js.map +1 -1
- package/dist/composer/PromptComposer.d.ts.map +1 -1
- package/dist/composer/PromptComposer.js +11 -9
- package/dist/composer/PromptComposer.js.map +1 -1
- package/dist/composer/RealtimeVoiceMode.js +2 -2
- package/dist/composer/RealtimeVoiceMode.js.map +1 -1
- package/dist/composer/TiptapComposer.d.ts.map +1 -1
- package/dist/composer/TiptapComposer.js +52 -89
- package/dist/composer/TiptapComposer.js.map +1 -1
- package/dist/composer/VoiceButton.d.ts +3 -1
- package/dist/composer/VoiceButton.d.ts.map +1 -1
- package/dist/composer/VoiceButton.js +10 -8
- package/dist/composer/VoiceButton.js.map +1 -1
- package/dist/composer/composer-notice.js +3 -3
- package/dist/composer/composer-notice.js.map +1 -1
- package/dist/composer/extensions/FileReference.js +1 -1
- package/dist/composer/extensions/FileReference.js.map +1 -1
- package/dist/composer/extensions/SkillReference.js +1 -1
- package/dist/composer/extensions/SkillReference.js.map +1 -1
- package/dist/composer/popover-surface.d.ts +1 -1
- package/dist/composer/popover-surface.d.ts.map +1 -1
- package/dist/composer/popover-surface.js +1 -1
- package/dist/composer/popover-surface.js.map +1 -1
- package/dist/context-ui/ContextUsageRing.d.ts +1 -45
- package/dist/context-ui/ContextUsageRing.d.ts.map +1 -1
- package/dist/context-ui/ContextUsageRing.js +2 -87
- package/dist/context-ui/ContextUsageRing.js.map +1 -1
- package/dist/context-ui/index.d.ts +2 -2
- package/dist/context-ui/index.d.ts.map +1 -1
- package/dist/context-ui/index.js +2 -2
- package/dist/context-ui/index.js.map +1 -1
- package/package.json +4 -4
- package/src/app/agentkit/react/approval-card.tsx +14 -2
- package/src/app/agentkit/react/code-block.spec.tsx +154 -0
- package/src/app/agentkit/react/code-block.tsx +317 -0
- package/src/app/agentkit/react/components.interaction.spec.tsx +7 -0
- package/src/app/agentkit/react/components.papercuts.spec.tsx +143 -2
- package/src/app/agentkit/react/components.spec.tsx +40 -47
- package/src/app/agentkit/react/components.tsx +1533 -413
- package/src/app/agentkit/react/composer-context.spec.tsx +35 -0
- package/src/app/agentkit/react/context-usage.tsx +353 -0
- package/src/app/agentkit/react/context.tsx +93 -1
- package/src/app/agentkit/react/disclosure-content.ts +42 -0
- package/src/app/agentkit/react/disclosures.spec.tsx +62 -4
- package/src/app/agentkit/react/duration.ts +22 -0
- package/src/app/agentkit/react/file-change.spec.tsx +124 -0
- package/src/app/agentkit/react/file-change.tsx +228 -0
- package/src/app/agentkit/react/file-diff.ts +110 -0
- package/src/app/agentkit/react/index.ts +7 -0
- package/src/app/agentkit/react/lifecycle.spec.tsx +565 -20
- package/src/app/agentkit/react/markdown.spec.tsx +18 -8
- package/src/app/agentkit/react/message-actions.spec.tsx +55 -1
- package/src/app/agentkit/react/notices.spec.tsx +4 -4
- package/src/app/agentkit/react/optimistic-send.spec.tsx +43 -0
- package/src/app/agentkit/react/question-card.spec.tsx +276 -0
- package/src/app/agentkit/react/question-card.tsx +533 -0
- package/src/app/agentkit/react/root.tsx +4 -0
- package/src/app/agentkit/react/roving-focus.spec.tsx +114 -0
- package/src/app/agentkit/react/roving-focus.ts +82 -0
- package/src/app/agentkit/react/stack-trace.spec.tsx +177 -0
- package/src/app/agentkit/react/stack-trace.tsx +281 -0
- package/src/app/agentkit/react/stop-button.spec.tsx +40 -0
- package/src/app/agentkit/react/stop-button.tsx +22 -5
- package/src/app/agentkit/react/styles.css +1306 -395
- package/src/app/agentkit/react/subagent-step.spec.tsx +554 -0
- package/src/app/agentkit/react/terminal.spec.tsx +228 -0
- package/src/app/agentkit/react/terminal.tsx +228 -0
- package/src/app/agentkit/react/trace.spec.tsx +120 -0
- package/src/app/agentkit/react/trace.tsx +239 -0
- package/src/app/blocks/library/HighlightedCode.tsx +14 -126
- package/src/app/chat/AgentKitAssistantChat.spec.tsx +28 -12
- package/src/app/chat/AgentKitAssistantChat.tsx +27 -253
- package/src/app/chat/agentkit-chat/approval-card.spec.tsx +1 -0
- package/src/app/chat/agentkit-chat/guided-questions.flow.spec.tsx +381 -0
- package/src/app/chat/agentkit-chat/guided-questions.tsx +236 -3
- package/src/app/chat/agentkit-chat/history.tsx +1 -1
- package/src/app/chat/agentkit-chat/index.ts +2 -0
- package/src/app/chat/agentkit-chat/labels.ts +259 -0
- package/src/app/chat/agentkit-chat/questions.ts +2 -0
- package/src/app/chat/agentkit-chat/root.spec.tsx +18 -0
- package/src/app/chat/agentkit-chat/root.tsx +5 -64
- package/src/app/chat/agentkit-chat/work-step-labels.ts +42 -0
- package/src/app/chat/chat/markdown-renderer.tsx +2 -59
- package/src/app/chat/chat/tool-call-display.spec.tsx +26 -14
- package/src/app/chat/chat/tool-call-display.tsx +2 -1
- package/src/app/chat/conversation/AgentConversation.tsx +2 -50
- package/src/app/chat/tool-cells/BashCell.tsx +14 -136
- package/src/app/chat/tool-cells/EditCell.tsx +11 -248
- package/src/app/chat/tool-cells/FilesChangedSummary.spec.tsx +62 -5
- package/src/app/chat/tool-cells/FilesChangedSummary.tsx +31 -162
- package/src/app/chat/tool-cells/WriteCell.tsx +11 -121
- package/src/app/code-highlighter.ts +131 -0
- package/src/app/context-xray/ThreadContextRing.tsx +7 -7
- package/src/app/i18n/catalogs/ar-SA.ts +22 -0
- package/src/app/i18n/catalogs/de-DE.ts +22 -0
- package/src/app/i18n/catalogs/en-US.ts +22 -0
- package/src/app/i18n/catalogs/es-ES.ts +22 -0
- package/src/app/i18n/catalogs/fr-FR.ts +22 -0
- package/src/app/i18n/catalogs/hi-IN.ts +22 -0
- package/src/app/i18n/catalogs/ja-JP.ts +22 -0
- package/src/app/i18n/catalogs/ko-KR.ts +22 -0
- package/src/app/i18n/catalogs/pt-BR.ts +22 -0
- package/src/app/i18n/catalogs/zh-CN.ts +22 -0
- package/src/app/i18n/catalogs/zh-TW.ts +22 -0
- package/src/app/onboarding/first-run-first-paint.spec.ts +39 -0
- package/src/app/onboarding/first-run-first-paint.ts +24 -0
- package/src/app/onboarding/first-run-startup-gate.spec.tsx +125 -13
- package/src/app/onboarding/first-run-startup-gate.tsx +48 -5
- package/src/app/providers/AppProviders.tsx +18 -0
- package/src/app/providers/BuilderSignupActivation.tsx +8 -2
- package/src/app/shared/AppShellSkeleton.spec.tsx +60 -1
- package/src/app/shared/AppShellSkeleton.tsx +31 -1
- package/src/app/styles/agent-native.css +2 -2
- package/src/app/styles/agent-native.spec.ts +2 -2
- package/src/app/styles/tokens/agent-kit.css +20 -3
- package/src/composer/AgentSuggestionBar.spec.tsx +3 -1
- package/src/composer/AgentSuggestionBar.tsx +5 -2
- package/src/composer/ComposerContextMenu.tsx +4 -4
- package/src/composer/ComposerContextPicker.tsx +8 -2
- package/src/composer/ComposerContextPickerDialog.tsx +5 -2
- package/src/composer/ComposerModePicker.tsx +2 -1
- package/src/composer/ComposerPlusMenu.tsx +1 -1
- package/src/composer/MentionChip.tsx +1 -1
- package/src/composer/MentionPopover.spec.tsx +108 -2
- package/src/composer/MentionPopover.tsx +93 -17
- package/src/composer/MessageQueueDrawer.spec.tsx +5 -5
- package/src/composer/MessageQueueDrawer.tsx +19 -12
- package/src/composer/PastedTextChip.spec.tsx +36 -0
- package/src/composer/PastedTextChip.tsx +52 -58
- package/src/composer/PromptBar.tsx +1 -1
- package/src/composer/PromptComposer.context.spec.tsx +2 -2
- package/src/composer/PromptComposer.submission.spec.tsx +27 -0
- package/src/composer/PromptComposer.tsx +17 -9
- package/src/composer/RealtimeVoiceMode.tsx +2 -2
- package/src/composer/TiptapComposer.model-picker.spec.tsx +23 -82
- package/src/composer/TiptapComposer.tsx +68 -145
- package/src/composer/VoiceButton.tsx +12 -7
- package/src/composer/composer-notice.tsx +3 -3
- package/src/composer/extensions/FileReference.tsx +1 -1
- package/src/composer/extensions/SkillReference.tsx +1 -1
- package/src/composer/popover-surface.ts +1 -1
- package/src/context-ui/ContextUsageRing.spec.tsx +33 -8
- package/src/context-ui/ContextUsageRing.tsx +13 -348
- package/src/context-ui/index.ts +7 -1
- package/dist/composer/ModelPickerParts.d.ts +0 -20
- package/dist/composer/ModelPickerParts.d.ts.map +0 -1
- package/dist/composer/ModelPickerParts.js +0 -77
- package/dist/composer/ModelPickerParts.js.map +0 -1
- package/src/composer/ModelPickerParts.tsx +0 -188
|
@@ -8,13 +8,15 @@ export interface VoiceButtonProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
/** Show a live voice-chat session's controls in this slot (default: true). */
|
|
10
10
|
voiceChat?: boolean;
|
|
11
|
+
/** Name the ⌘⇧M shortcut (default: true); off outside the composer, which it dictates into. */
|
|
12
|
+
showShortcut?: boolean;
|
|
11
13
|
}
|
|
12
14
|
/**
|
|
13
15
|
* The composer's dictation control. Idle it is the mic; once dictation starts
|
|
14
16
|
* it becomes the recording pill in the same toolbar slot. During voice chat
|
|
15
17
|
* the slot holds the session's status and mute controls instead.
|
|
16
18
|
*/
|
|
17
|
-
export declare function VoiceButton({ voice, isMac, disabled, className, voiceChat, }: VoiceButtonProps): import("react").JSX.Element | null;
|
|
19
|
+
export declare function VoiceButton({ voice, isMac, disabled, className, voiceChat, showShortcut, }: VoiceButtonProps): import("react").JSX.Element | null;
|
|
18
20
|
export interface VoiceRecordingOverlayProps {
|
|
19
21
|
voice: VoiceDictationApi;
|
|
20
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../src/composer/VoiceButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAIhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VoiceButton.d.ts","sourceRoot":"","sources":["../../src/composer/VoiceButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAIhE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,YAAmB,GACpB,EAAE,gBAAgB,sCA6ClB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,0EAA0E;AAC1E,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,sCA+C1E;AAOD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,sDAIvE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,0BAA0B,+BA6DvE;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAYzB;AA6CD,2FAA2F;AAC3F,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,GACrD,OAAO,CAET"}
|
|
@@ -13,7 +13,7 @@ import { VoiceLevelWaveform } from "./voice-waveform.js";
|
|
|
13
13
|
* it becomes the recording pill in the same toolbar slot. During voice chat
|
|
14
14
|
* the slot holds the session's status and mute controls instead.
|
|
15
15
|
*/
|
|
16
|
-
export function VoiceButton({ voice, isMac, disabled, className, voiceChat = true, }) {
|
|
16
|
+
export function VoiceButton({ voice, isMac, disabled, className, voiceChat = true, showShortcut = true, }) {
|
|
17
17
|
const t = useComposerRuntimeAdapters().translate;
|
|
18
18
|
const realtimeVoice = useRealtimeVoiceModeOptional();
|
|
19
19
|
const [supportChecked, setSupportChecked] = useState(false);
|
|
@@ -27,10 +27,12 @@ export function VoiceButton({ voice, isMac, disabled, className, voiceChat = tru
|
|
|
27
27
|
return _jsx(VoiceDictationPill, { voice: voice });
|
|
28
28
|
}
|
|
29
29
|
const shortcut = supportChecked && isMac ? "⌘⇧M" : "Ctrl+Shift+M";
|
|
30
|
-
const label =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
const label = showShortcut
|
|
31
|
+
? t("agentChat.voice.dictation.start", {
|
|
32
|
+
shortcut,
|
|
33
|
+
defaultValue: `Dictate (${shortcut})`,
|
|
34
|
+
})
|
|
35
|
+
: t("agentChat.voice.dictation.startPlain", { defaultValue: "Dictate" });
|
|
34
36
|
return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-agent-composer-slot": "voice-button", onClick: () => {
|
|
35
37
|
if (supportChecked)
|
|
36
38
|
void voice.start();
|
|
@@ -75,9 +77,9 @@ export function VoiceDictationPill({ voice }) {
|
|
|
75
77
|
});
|
|
76
78
|
return (_jsxs("div", { "data-agent-composer-slot": "voice-recording", "data-voice-state": state, role: "group", "aria-label": t("agentChat.voice.dictation.recording", {
|
|
77
79
|
defaultValue: "Dictating",
|
|
78
|
-
}), className: "flex h-[var(--agentkit-composer-toolbar-control-size,1.5rem)] w-[4.5rem] shrink-0 items-center justify-between gap-1.5 overflow-hidden rounded-
|
|
80
|
+
}), className: "flex h-[var(--agentkit-composer-toolbar-control-size,1.5rem)] w-[4.5rem] shrink-0 items-center justify-between gap-1.5 overflow-hidden rounded-[var(--agent-kit-radius-xs,0.25rem)] bg-muted ps-2.5 pe-0.5 text-foreground transition-[width,background-color] duration-150 ease-out starting:w-[var(--agentkit-composer-toolbar-control-size,1.5rem)] starting:bg-transparent motion-reduce:transition-none", children: [transcribing ? (_jsx("span", { role: "status", "aria-label": t("agentChat.voice.dictation.transcribing", {
|
|
79
81
|
defaultValue: "Transcribing…",
|
|
80
|
-
}), className: "flex flex-1 items-center justify-center text-muted-foreground", children: _jsx(IconLoader2, { "aria-hidden": "true", className: "size-4 animate-spin motion-reduce:animate-none" }) })) : (_jsx(VoiceLevelWaveform, { read: () => levels.getSnapshot().input, live: state === "recording" })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-agent-composer-slot": "voice-stop", onClick: state === "recording" ? stop : cancel, "aria-label": controlLabel, className: "flex size-[calc(var(--agentkit-composer-toolbar-control-size,1.5rem)-0.25rem)] shrink-0 items-center justify-center rounded-
|
|
82
|
+
}), className: "flex flex-1 items-center justify-center text-muted-foreground", children: _jsx(IconLoader2, { "aria-hidden": "true", className: "size-4 animate-spin motion-reduce:animate-none" }) })) : (_jsx(VoiceLevelWaveform, { read: () => levels.getSnapshot().input, live: state === "recording" })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-agent-composer-slot": "voice-stop", onClick: state === "recording" ? stop : cancel, "aria-label": controlLabel, className: "flex size-[calc(var(--agentkit-composer-toolbar-control-size,1.5rem)-0.25rem)] shrink-0 items-center justify-center rounded-[calc(var(--agent-kit-radius-xs,0.25rem)-2px)] bg-foreground text-background transition-colors duration-150 hover:bg-foreground/80", children: transcribing ? (_jsx(IconX, { "aria-hidden": "true", className: "size-3" })) : (_jsx(IconPlayerStopFilled, { "aria-hidden": "true", className: "size-2.5" })) }) }), _jsx(TooltipContent, { children: controlLabel })] })] }));
|
|
81
83
|
}
|
|
82
84
|
/**
|
|
83
85
|
* The composer's primary slot. With an empty draft it starts realtime voice
|
|
@@ -107,6 +109,6 @@ export function isRealtimeVoiceChatAvailable(status) {
|
|
|
107
109
|
}
|
|
108
110
|
function ComposerPrimaryButton({ mode, onClick, disabled, label, busy, }) {
|
|
109
111
|
const iconClass = "size-[var(--agentkit-composer-primary-icon-size,0.875rem)]";
|
|
110
|
-
return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onClick, disabled: disabled, "aria-label": label, "aria-busy": busy || undefined, "data-agent-composer-slot": "send-button", "data-composer-primary": mode, className: "agent-composer-send-button shrink-0 flex size-[var(--agentkit-composer-primary-control-size,1.75rem)] items-center justify-center rounded-
|
|
112
|
+
return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onClick, disabled: disabled, "aria-label": label, "aria-busy": busy || undefined, "data-agent-composer-slot": "send-button", "data-composer-primary": mode, className: "agent-composer-send-button shrink-0 flex size-[var(--agentkit-composer-primary-control-size,1.75rem)] items-center justify-center rounded-[var(--agent-kit-radius-sm,0.5rem)] bg-primary text-primary-foreground hover:opacity-90 transition-[opacity,transform] duration-150 active:scale-[0.97] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx("span", { className: "flex items-center justify-center transition-[opacity,scale] duration-150 ease-out starting:scale-75 starting:opacity-0 motion-reduce:transition-none", children: busy ? (_jsx(IconLoader2, { className: cn(iconClass, "animate-spin motion-reduce:animate-none") })) : mode === "voice-chat" ? (_jsx(IconVoiceChat, { className: iconClass })) : (_jsx(IconArrowUp, { className: iconClass })) }, mode) }) }), _jsx(TooltipContent, { children: label })] }));
|
|
111
113
|
}
|
|
112
114
|
//# sourceMappingURL=VoiceButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../src/composer/VoiceButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,KAAK,GACN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAmB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAEL,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"VoiceButton.js","sourceRoot":"","sources":["../../src/composer/VoiceButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,KAAK,GACN,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAmB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAEL,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAczD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,GACF;IACjB,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAC,SAAS,CAAC;IACjD,MAAM,aAAa,GAAG,4BAA4B,EAAE,CAAC;IACrD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7C,IAAI,SAAS,IAAI,aAAa,EAAE,MAAM,EAAE,CAAC;QACvC,OAAO,KAAC,uBAAuB,IAAC,KAAK,EAAE,aAAa,GAAI,CAAC;IAC3D,CAAC;IACD,IAAI,cAAc,IAAI,CAAC,KAAK,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IACpD,IAAI,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACxC,OAAO,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC9C,CAAC;IAED,MAAM,QAAQ,GAAG,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC;IAClE,MAAM,KAAK,GAAG,YAAY;QACxB,CAAC,CAAC,CAAC,CAAC,iCAAiC,EAAE;YACnC,QAAQ;YACR,YAAY,EAAE,YAAY,QAAQ,GAAG;SACtC,CAAC;QACJ,CAAC,CAAC,CAAC,CAAC,sCAAsC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,8BACY,cAAc,EACvC,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,cAAc;4BAAE,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;oBACzC,CAAC,EACD,QAAQ,EAAE,QAAQ,IAAI,CAAC,cAAc,gBACzB,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,wTAAwT,EACxT,SAAS,CACV,YAED,KAAC,cAAc,IAAC,SAAS,EAAC,SAAS,GAAG,GAC/B,GACM,EACjB,KAAC,cAAc,cAAE,KAAK,GAAkB,IAChC,CACX,CAAC;AACJ,CAAC;AAMD,0EAA0E;AAC1E,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,EAA8B;IACzE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAC,SAAU,CAAC;IAElD,IAAI,KAAK,KAAK,OAAO,IAAI,YAAY,EAAE,CAAC;QACtC,OAAO,CACL,eACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,yLAAyL,aAEnM,KAAC,iBAAiB,mBACJ,MAAM,EAClB,SAAS,EAAC,8DAA8D,GACxE,EACF,eAAM,SAAS,EAAC,gBAAgB,YAAE,YAAY,GAAQ,EACtD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,YAAY,EAAE,CAAC;wBACf,KAAK,KAAK,EAAE,CAAC;oBACf,CAAC,EACD,SAAS,EAAC,gJAAgJ,YAEzJ,CAAC,CAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,GACpD,EACT,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,+KAA+K,gBAC7K,CAAC,CAAC,0BAA0B,EAAE;oCACxC,YAAY,EAAE,SAAS;iCACxB,CAAC,YAEF,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,GACzC,GACM,EACjB,KAAC,cAAc,cACZ,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAC5C,IACT,IACN,CACP,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,uBAAuB,CAAC,EAAE,KAAK,EAAmC;IACzE,MAAM,IAAI,GAAG,wBAAwB,EAAE,CAAC;IACxC,OAAO,KAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAiC;IACtE,OAAO,CACL,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,cAAc,CAC1E,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAA8B;IACtE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAC,SAAS,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,KAAK,cAAc,CAAC;IAC9C,MAAM,YAAY,GAAG,YAAY;QAC/B,CAAC,CAAC,CAAC,CAAC,+CAA+C,EAAE;YACjD,YAAY,EAAE,sBAAsB;SACrC,CAAC;QACJ,CAAC,CAAC,CAAC,CAAC,yCAAyC,EAAE;YAC3C,YAAY,EAAE,gBAAgB;SAC/B,CAAC,CAAC;IAEP,OAAO,CACL,2CAC2B,iBAAiB,sBACxB,KAAK,EACvB,IAAI,EAAC,OAAO,gBACA,CAAC,CAAC,qCAAqC,EAAE;YACnD,YAAY,EAAE,WAAW;SAC1B,CAAC,EACF,SAAS,EAAC,8YAA8Y,aAEvZ,YAAY,CAAC,CAAC,CAAC,CACd,eACE,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,wCAAwC,EAAE;oBACtD,YAAY,EAAE,eAAe;iBAC9B,CAAC,EACF,SAAS,EAAC,+DAA+D,YAEzE,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,gDAAgD,GAC1D,GACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,IACjB,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,EACtC,IAAI,EAAE,KAAK,KAAK,WAAW,GAC3B,CACH,EACD,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,8BACY,YAAY,EACrC,OAAO,EAAE,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,gBAClC,YAAY,EACxB,SAAS,EAAC,gQAAgQ,YAEzQ,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,KAAK,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CACjE,GACM,GACM,EACjB,KAAC,cAAc,cAAE,YAAY,GAAkB,IACvC,IACN,CACP,CAAC;AACJ,CAAC;AAgBD;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACgB;IACxB,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,mBAAmB,OAAK,KAAK,GAAI,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IACpB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC,YAAY,EAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,iBAAiB,GAAG,KAAK,EACzB,gBAAgB,EAChB,QAAQ,GACsC;IAC9C,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,4BAA4B,EAAE,CAAC;IACrD,MAAM,IAAI,GAAG,wBAAwB,EAAE,CAAC;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACtD,IAAI,aAAa,EAAE,MAAM,EAAE,CAAC;QAC1B,OAAO,KAAC,sBAAsB,IAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACtE,CAAC;IACD,MAAM,cAAc,GAClB,iBAAiB;QACjB,CAAC,IAAI;QACL,aAAa,KAAK,IAAI;QACtB,CAAC,aAAa,CAAC,MAAM;QACrB,4BAA4B,CAAC,MAAM,CAAC,CAAC;IAEvC,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,KAAC,qBAAqB,IACpB,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE,CACZ,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,KAAK,EAAE,EAEpE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,KAAK,EAAE,IAAI,CAAC,cAAc,GAC1B,CACH,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IACpB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC;AAED,2FAA2F;AAC3F,MAAM,UAAU,4BAA4B,CAC1C,MAAsD;IAEtD,OAAO,MAAM,EAAE,OAAO,KAAK,IAAI,IAAI,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AAC7D,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,GAOL;IACC,MAAM,SAAS,GACb,4DAA4D,CAAC;IAC/D,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,KAAK,eACN,IAAI,IAAI,SAAS,8BACH,aAAa,2BACf,IAAI,EAC3B,SAAS,EAAC,mVAAmV,YAG7V,eAEE,SAAS,EAAC,sJAAsJ,YAE/J,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CACX,SAAS,EACT,yCAAyC,CAC1C,GACD,CACH,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAC1B,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,GAAI,CACtC,IAdI,IAAI,CAeJ,GACA,GACM,EACjB,KAAC,cAAc,cAAE,KAAK,GAAkB,IAChC,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -43,11 +43,11 @@ export function ComposerNoticeScopeProvider({ value, children, }) {
|
|
|
43
43
|
export function ComposerNotice({ tone = "warning", title, children, actions, onDismiss, dismissLabel, role, noticeId, className, inline = false, rootProps, }) {
|
|
44
44
|
const scope = useContext(ComposerNoticeScopeContext);
|
|
45
45
|
const Icon = tone === "danger" ? IconAlertCircle : IconAlertTriangle;
|
|
46
|
-
const notice = (_jsxs("div", { ...rootProps, "data-agent-composer-notice": "", "data-tone": tone, "data-notice": noticeId, role: role ?? (tone === "danger" ? "alert" : "status"), className: cn("agent-composer-notice flex min-w-0 items-start gap-2 rounded-
|
|
46
|
+
const notice = (_jsxs("div", { ...rootProps, "data-agent-composer-notice": "", "data-tone": tone, "data-notice": noticeId, role: role ?? (tone === "danger" ? "alert" : "status"), className: cn("agent-composer-notice flex min-w-0 items-start gap-2 rounded-[var(--agent-kit-radius-sm,0.5rem)] border px-3 py-1.5 text-xs leading-5 text-foreground", tone === "danger"
|
|
47
47
|
? "border-destructive/30 bg-destructive/5"
|
|
48
48
|
: "border-[hsl(var(--agent-kit-warning)/0.4)] bg-[hsl(var(--agent-kit-warning)/0.1)]", className), children: [_jsx(Icon, { "aria-hidden": "true", className: cn("mt-1 size-4 shrink-0", tone === "danger"
|
|
49
|
-
? "text-
|
|
50
|
-
: "text-[hsl(var(--agent-kit-warning))]") }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1", children: [_jsxs("p", { className: "m-0 min-w-0 flex-[1_1_12rem] break-words py-0.5", children: [title ? (_jsx("span", { className: "me-1.5 font-medium text-foreground", children: title })) : null, title && children ? (_jsx("span", { className: "text-muted-foreground", children: children })) : (children)] }), actions ? (_jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions })) : null] }), onDismiss ? (_jsx("button", { type: "button", "aria-label": dismissLabel, title: dismissLabel, onClick: onDismiss, className: "-me-1.5 flex size-6 shrink-0 items-center justify-center rounded-
|
|
49
|
+
? "text-[color:var(--agent-kit-danger-text)]"
|
|
50
|
+
: "text-[hsl(var(--agent-kit-warning))]") }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1", children: [_jsxs("p", { className: "m-0 min-w-0 flex-[1_1_12rem] break-words py-0.5", children: [title ? (_jsx("span", { className: "me-1.5 font-medium text-foreground", children: title })) : null, title && children ? (_jsx("span", { className: "text-muted-foreground", children: children })) : (children)] }), actions ? (_jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions })) : null] }), onDismiss ? (_jsx("button", { type: "button", "aria-label": dismissLabel, title: dismissLabel, onClick: onDismiss, className: "-me-1.5 flex size-6 shrink-0 items-center justify-center rounded-[var(--agent-kit-radius-xs,0.25rem)] text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(IconX, { "aria-hidden": "true", className: "size-4" }) })) : null] }));
|
|
51
51
|
if (inline || !scope?.target)
|
|
52
52
|
return notice;
|
|
53
53
|
return createPortal(notice, scope.target);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composer-notice.js","sourceRoot":"","sources":["../../src/composer/composer-notice.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"composer-notice.js","sourceRoot":"","sources":["../../src/composer/composer-notice.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ const FileReferenceComponent = ({ node }) => {
|
|
|
6
6
|
const isFolder = node.attrs.path?.endsWith("/");
|
|
7
7
|
const cleanPath = isFolder ? node.attrs.path.slice(0, -1) : node.attrs.path;
|
|
8
8
|
const displayName = cleanPath.split("/").pop() || cleanPath;
|
|
9
|
-
return (_jsx(NodeViewWrapper, { as: "span", className: "inline", children: _jsxs("span", { className: "inline-flex items-center gap-1 rounded-
|
|
9
|
+
return (_jsx(NodeViewWrapper, { as: "span", className: "inline", children: _jsxs("span", { className: "mx-1 inline-flex max-w-[200px] items-center h-5 gap-1 rounded-[var(--agent-kit-radius-xs,0.25rem)] border border-border bg-muted/50 px-2 text-xs leading-4 font-medium text-foreground align-middle select-none", title: node.attrs.path, children: [isFolder ? (_jsx(IconFolder, { size: 14, className: "shrink-0 text-muted-foreground" })) : (_jsx(IconFile, { size: 14, className: "shrink-0 text-muted-foreground" })), _jsx("span", { className: "truncate", children: displayName })] }) }));
|
|
10
10
|
};
|
|
11
11
|
export const FileReference = Node.create({
|
|
12
12
|
name: "fileReference",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileReference.js","sourceRoot":"","sources":["../../../src/composer/extensions/FileReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5E,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,SAAS,CAAC;IAE5D,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"FileReference.js","sourceRoot":"","sources":["../../../src/composer/extensions/FileReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC5E,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,SAAS,CAAC;IAE5D,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,iNAAiN,EAC3N,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAErB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CACpE,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,CAClE,EACD,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,kCAAkC,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC;SACnE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;IACvD,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ const SkillReferenceComponent = ({ node }) => {
|
|
|
9
9
|
.replace(/\.md$/i, "")
|
|
10
10
|
.split("/")
|
|
11
11
|
.pop() || "skill";
|
|
12
|
-
return (_jsx(NodeViewWrapper, { as: "span", className: "inline", children: _jsxs("span", { className: "inline-flex items-center gap-1 rounded-
|
|
12
|
+
return (_jsx(NodeViewWrapper, { as: "span", className: "inline", children: _jsxs("span", { className: "mx-1 inline-flex max-w-[160px] items-center h-5 gap-1 rounded-[var(--agent-kit-radius-xs,0.25rem)] border border-border bg-muted/50 px-2 text-xs leading-4 font-medium text-foreground align-middle select-none", title: node.attrs.path, children: [_jsx(IconStack2, { size: 14, className: "shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: displayName })] }) }));
|
|
13
13
|
};
|
|
14
14
|
export const SkillReference = Node.create({
|
|
15
15
|
name: "skillReference",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkillReference.js","sourceRoot":"","sources":["../../../src/composer/extensions/SkillReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IAC1D,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;SACvC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC;SACtC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;SAC5B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;SACrB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,EAAE,IAAI,OAAO,CAAC;IAEtB,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"SkillReference.js","sourceRoot":"","sources":["../../../src/composer/extensions/SkillReference.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,uBAAuB,GAAG,CAAC,EAAE,IAAI,EAAiB,EAAE,EAAE;IAC1D,MAAM,WAAW,GACf,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;SACvC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC;SACtC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;SAC5B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;SACrB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,EAAE,IAAI,OAAO,CAAC;IAEtB,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAC3C,gBACE,SAAS,EAAC,iNAAiN,EAC3N,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aAEtB,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACnE,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,IAC1C,GACS,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;IACxC,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IAEV,aAAa;QACX,OAAO;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACvB,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;SAChC,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,mCAAmC,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO;YACL,MAAM;YACN,eAAe,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC;SACpE,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACxD,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Append it last: the popover primitives merge classes, so these win over
|
|
4
4
|
* their defaults and the caller's layout classes.
|
|
5
5
|
*/
|
|
6
|
-
export declare const COMPOSER_POPOVER_SURFACE_CLASS = "z-[9999] max-h-[min(27.5rem,calc(var(--agent-native-viewport-height,100dvh)-2rem))] overflow-y-auto rounded-[var(--radius-
|
|
6
|
+
export declare const COMPOSER_POPOVER_SURFACE_CLASS = "z-[9999] max-h-[min(27.5rem,calc(var(--agent-native-viewport-height,100dvh)-2rem))] overflow-y-auto rounded-[var(--agent-kit-radius-sm,0.5rem)] [&_[role^=menuitem]]:rounded-[var(--agent-kit-radius-xs,0.25rem)] border border-[color:var(--agent-kit-border,color-mix(in_srgb,CanvasText_16%,transparent))] bg-[color:var(--agent-kit-popover-surface,var(--agent-kit-raised-surface,Canvas))] p-1 text-[color:var(--agent-kit-popover-text,var(--agent-kit-text,CanvasText))] shadow-(--agent-kit-overlay-elevation) [font:inherit]";
|
|
7
7
|
//# sourceMappingURL=popover-surface.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-surface.d.ts","sourceRoot":"","sources":["../../src/composer/popover-surface.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,
|
|
1
|
+
{"version":3,"file":"popover-surface.d.ts","sourceRoot":"","sources":["../../src/composer/popover-surface.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,2gBAC+d,CAAC"}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Append it last: the popover primitives merge classes, so these win over
|
|
4
4
|
* their defaults and the caller's layout classes.
|
|
5
5
|
*/
|
|
6
|
-
export const COMPOSER_POPOVER_SURFACE_CLASS = "z-[9999] max-h-[min(27.5rem,calc(var(--agent-native-viewport-height,100dvh)-2rem))] overflow-y-auto rounded-[var(--radius-
|
|
6
|
+
export const COMPOSER_POPOVER_SURFACE_CLASS = "z-[9999] max-h-[min(27.5rem,calc(var(--agent-native-viewport-height,100dvh)-2rem))] overflow-y-auto rounded-[var(--agent-kit-radius-sm,0.5rem)] [&_[role^=menuitem]]:rounded-[var(--agent-kit-radius-xs,0.25rem)] border border-[color:var(--agent-kit-border,color-mix(in_srgb,CanvasText_16%,transparent))] bg-[color:var(--agent-kit-popover-surface,var(--agent-kit-raised-surface,Canvas))] p-1 text-[color:var(--agent-kit-popover-text,var(--agent-kit-text,CanvasText))] shadow-(--agent-kit-overlay-elevation) [font:inherit]";
|
|
7
7
|
//# sourceMappingURL=popover-surface.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-surface.js","sourceRoot":"","sources":["../../src/composer/popover-surface.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GACzC,
|
|
1
|
+
{"version":3,"file":"popover-surface.js","sourceRoot":"","sources":["../../src/composer/popover-surface.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GACzC,wgBAAwgB,CAAC"}
|
|
@@ -1,46 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { type ContextTranslate } from "./types.js";
|
|
3
|
-
/** At or above this share of the window the ring turns amber. */
|
|
4
|
-
export declare const CONTEXT_USAGE_WARNING_FRACTION = 0.8;
|
|
5
|
-
export interface ContextUsageSegmentView {
|
|
6
|
-
kind: string;
|
|
7
|
-
label: string;
|
|
8
|
-
tokens: number;
|
|
9
|
-
/** A class from `contextGroupColor`, shared with the X-Ray treemap. */
|
|
10
|
-
colorClass: string;
|
|
11
|
-
}
|
|
12
|
-
export type ContextCompactState = {
|
|
13
|
-
state: "idle";
|
|
14
|
-
} | {
|
|
15
|
-
state: "running";
|
|
16
|
-
} | {
|
|
17
|
-
state: "done";
|
|
18
|
-
message: string;
|
|
19
|
-
} | {
|
|
20
|
-
state: "error";
|
|
21
|
-
message: string;
|
|
22
|
-
};
|
|
23
|
-
/** 779.8k, 1M, 1.05M: the window's own unit, never "1000k". */
|
|
24
|
-
export declare function formatContextWindowTokens(tokens: number): string;
|
|
25
|
-
export declare function contextUsagePercent(usedTokens: number, windowTokens: number): number;
|
|
26
|
-
/** Dash offset that fills `fraction` of the ring, clamped to [0, 1]. */
|
|
27
|
-
export declare function contextRingDashOffset(fraction: number): number;
|
|
28
|
-
export declare function ContextUsageRingView({ usedTokens, windowTokens, open, onOpenChange, children, translate, }: {
|
|
29
|
-
usedTokens: number;
|
|
30
|
-
windowTokens: number;
|
|
31
|
-
open: boolean;
|
|
32
|
-
onOpenChange: (open: boolean) => void;
|
|
33
|
-
children: ReactNode;
|
|
34
|
-
translate?: ContextTranslate;
|
|
35
|
-
}): import("react").JSX.Element;
|
|
36
|
-
export declare function ContextUsagePanelView({ usedTokens, windowTokens, segments, tokensUntilAutoCompact, compact, onCompact, translate, }: {
|
|
37
|
-
usedTokens: number;
|
|
38
|
-
windowTokens: number;
|
|
39
|
-
segments: readonly ContextUsageSegmentView[];
|
|
40
|
-
/** Omitted when no automatic threshold applies or it could not be read. */
|
|
41
|
-
tokensUntilAutoCompact?: number | undefined;
|
|
42
|
-
compact: ContextCompactState;
|
|
43
|
-
onCompact?: (() => void) | undefined;
|
|
44
|
-
translate?: ContextTranslate;
|
|
45
|
-
}): import("react").JSX.Element;
|
|
1
|
+
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanel, ContextUsagePanel as ContextUsagePanelView, ContextUsageRing, ContextUsageRing as ContextUsageRingView, contextRingDashOffset, contextUsagePercent, formatContextWindowTokens, type ContextCompactState, type ContextUsageSegmentView, } from "../app/agentkit/react/context-usage.js";
|
|
46
2
|
//# sourceMappingURL=ContextUsageRing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextUsageRing.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextUsageRing.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ContextUsageRing.d.ts","sourceRoot":"","sources":["../../src/context-ui/ContextUsageRing.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,8BAA8B,EAC9B,iBAAiB,EACjB,iBAAiB,IAAI,qBAAqB,EAC1C,gBAAgB,EAChB,gBAAgB,IAAI,oBAAoB,EACxC,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,EACzB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,GAC7B,MAAM,wCAAwC,CAAC"}
|
|
@@ -1,88 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { useId, useState } from "react";
|
|
4
|
-
import { Button } from "../ui/button.js";
|
|
5
|
-
import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
|
|
6
|
-
import { Spinner } from "../ui/spinner.js";
|
|
7
|
-
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.js";
|
|
8
|
-
import { cn } from "../utils.js";
|
|
9
|
-
import { fallbackContextTranslate } from "./types.js";
|
|
10
|
-
/** At or above this share of the window the ring turns amber. */
|
|
11
|
-
export const CONTEXT_USAGE_WARNING_FRACTION = 0.8;
|
|
12
|
-
/** The bar's empty track, which is also the free-space swatch. */
|
|
13
|
-
const CONTEXT_USAGE_TRACK_CLASS = "bg-muted";
|
|
14
|
-
/** 779.8k, 1M, 1.05M: the window's own unit, never "1000k". */
|
|
15
|
-
export function formatContextWindowTokens(tokens) {
|
|
16
|
-
const value = Math.max(0, Math.round(tokens));
|
|
17
|
-
if (value >= 1_000_000)
|
|
18
|
-
return `${Number((value / 1_000_000).toFixed(2))}M`;
|
|
19
|
-
if (value >= 1000)
|
|
20
|
-
return `${Number((value / 1000).toFixed(1))}k`;
|
|
21
|
-
return String(value);
|
|
22
|
-
}
|
|
23
|
-
export function contextUsagePercent(usedTokens, windowTokens) {
|
|
24
|
-
return Math.round((usedTokens / windowTokens) * 100);
|
|
25
|
-
}
|
|
26
|
-
function formatWindowShare(tokens, windowTokens) {
|
|
27
|
-
return `${((Math.max(0, tokens) / windowTokens) * 100).toFixed(1)}%`;
|
|
28
|
-
}
|
|
29
|
-
const CONTEXT_RING_RADIUS = 7;
|
|
30
|
-
const CONTEXT_RING_CIRCUMFERENCE = 2 * Math.PI * CONTEXT_RING_RADIUS;
|
|
31
|
-
/** Dash offset that fills `fraction` of the ring, clamped to [0, 1]. */
|
|
32
|
-
export function contextRingDashOffset(fraction) {
|
|
33
|
-
const share = Math.min(1, Math.max(0, fraction));
|
|
34
|
-
return CONTEXT_RING_CIRCUMFERENCE * (1 - share);
|
|
35
|
-
}
|
|
36
|
-
// A thick track with a colored fill from 12 o'clock at the true share. Never
|
|
37
|
-
// pad a small share up to a visible minimum or round the caps: a short dark
|
|
38
|
-
// dash on a light track is what a loading spinner looks like.
|
|
39
|
-
function ContextRing({ fraction, warning, }) {
|
|
40
|
-
return (_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "size-5 -rotate-90", "data-context-ring": "", children: [_jsx("circle", { cx: "10", cy: "10", r: CONTEXT_RING_RADIUS, fill: "none", strokeWidth: "3", className: "stroke-muted-foreground/25", "data-context-ring-track": "" }), _jsx("circle", { cx: "10", cy: "10", r: CONTEXT_RING_RADIUS, fill: "none", strokeWidth: "3", strokeLinecap: "butt", strokeDasharray: CONTEXT_RING_CIRCUMFERENCE, strokeDashoffset: contextRingDashOffset(fraction), className: cn("transition-[stroke-dashoffset] duration-300 motion-reduce:transition-none", warning
|
|
41
|
-
? "stroke-[hsl(var(--agent-kit-warning))]"
|
|
42
|
-
: "stroke-blue-500 dark:stroke-blue-400"), "data-context-ring-fill": "" })] }));
|
|
43
|
-
}
|
|
44
|
-
export function ContextUsageRingView({ usedTokens, windowTokens, open, onOpenChange, children, translate = fallbackContextTranslate, }) {
|
|
45
|
-
const fraction = usedTokens / windowTokens;
|
|
46
|
-
const warning = fraction >= CONTEXT_USAGE_WARNING_FRACTION;
|
|
47
|
-
const label = translate("agentChat.contextRing.usedLabel", {
|
|
48
|
-
defaultValue: "Context {{percent}}% used",
|
|
49
|
-
percent: contextUsagePercent(usedTokens, windowTokens),
|
|
50
|
-
});
|
|
51
|
-
return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": label, "data-agent-composer-slot": "context-ring", "data-warning": warning ? "true" : undefined, className: cn("flex size-6 shrink-0 items-center justify-center rounded-[var(--agentkit-composer-control-radius,var(--radius-md))] text-muted-foreground hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", open && "bg-accent/60"), children: _jsx(ContextRing, { fraction: fraction, warning: warning }) }) }) }), _jsx(TooltipContent, { children: label })] }), _jsx(PopoverContent, { side: "top", align: "end", sideOffset: 6, collisionPadding: 8, "data-agent-native-composer-popover": "true", className: "w-[min(calc(100vw-2rem),22rem)] p-3", children: children })] }) }));
|
|
52
|
-
}
|
|
53
|
-
export function ContextUsagePanelView({ usedTokens, windowTokens, segments, tokensUntilAutoCompact, compact, onCompact, translate = fallbackContextTranslate, }) {
|
|
54
|
-
const [expanded, setExpanded] = useState(false);
|
|
55
|
-
const breakdownId = useId();
|
|
56
|
-
const percent = contextUsagePercent(usedTokens, windowTokens);
|
|
57
|
-
const warning = usedTokens / windowTokens >= CONTEXT_USAGE_WARNING_FRACTION;
|
|
58
|
-
const barTotal = Math.max(usedTokens, windowTokens);
|
|
59
|
-
const rows = [
|
|
60
|
-
...segments,
|
|
61
|
-
{
|
|
62
|
-
kind: "free-space",
|
|
63
|
-
label: translate("agentChat.contextRing.freeSpace", {
|
|
64
|
-
defaultValue: "Free space",
|
|
65
|
-
}),
|
|
66
|
-
tokens: Math.max(0, windowTokens - usedTokens),
|
|
67
|
-
colorClass: CONTEXT_USAGE_TRACK_CLASS,
|
|
68
|
-
},
|
|
69
|
-
];
|
|
70
|
-
return (_jsxs("div", { className: "flex flex-col gap-3", "data-context-usage-panel": "", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: translate("agentChat.contextRing.title", {
|
|
71
|
-
defaultValue: "Context window",
|
|
72
|
-
}) }), _jsx("span", { className: "shrink-0 text-sm tabular-nums text-foreground", children: translate("agentChat.contextRing.usage", {
|
|
73
|
-
defaultValue: "{{used}} / {{window}} ({{percent}}%)",
|
|
74
|
-
used: formatContextWindowTokens(usedTokens),
|
|
75
|
-
window: formatContextWindowTokens(windowTokens),
|
|
76
|
-
percent,
|
|
77
|
-
}) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", className: "-me-1 shrink-0", "aria-label": translate("agentChat.contextRing.breakdown", {
|
|
78
|
-
defaultValue: "Breakdown",
|
|
79
|
-
}), "aria-expanded": expanded, "aria-controls": breakdownId, onClick: () => setExpanded((current) => !current), children: expanded ? (_jsx(IconChevronDown, { "aria-hidden": "true", className: "size-4" })) : (_jsx(IconChevronRight, { "aria-hidden": "true", className: "size-4" })) })] }), _jsx("div", { role: "img", "aria-label": segments
|
|
80
|
-
.map((segment) => `${segment.label} ${formatContextWindowTokens(segment.tokens)}`)
|
|
81
|
-
.join(", "), className: cn("flex h-2 w-full overflow-hidden rounded-full", CONTEXT_USAGE_TRACK_CLASS), "data-context-usage-bar": "", children: segments.map((segment) => (_jsx("span", { "data-context-usage-segment": segment.kind, className: cn("h-full", segment.colorClass), style: { width: `${(segment.tokens / barTotal) * 100}%` } }, segment.kind))) }), _jsx("div", { id: breakdownId, hidden: !expanded, className: "-my-1 max-h-48 overflow-y-auto", "data-context-usage-breakdown": "", children: _jsx("table", { className: "w-full table-fixed text-sm", children: _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { "data-context-usage-row": row.kind, children: [_jsx("td", { className: "w-4 py-0.5 align-middle", children: _jsx("span", { "aria-hidden": "true", "data-context-usage-swatch": "", className: cn("block size-2 rounded-[2px]", row.colorClass) }) }), _jsx("td", { className: "truncate py-0.5 text-foreground", children: row.label }), _jsx("td", { className: "w-20 py-0.5 ps-3 text-end tabular-nums text-muted-foreground", children: formatContextWindowTokens(row.tokens) }), _jsx("td", { className: "w-16 py-0.5 ps-3 text-end tabular-nums text-foreground", children: formatWindowShare(row.tokens, windowTokens) })] }, row.kind))) }) }) }), tokensUntilAutoCompact !== undefined ? (_jsx("p", { className: cn("agent-kit-caption-copy", warning ? "agent-kit-tone-warning" : "text-muted-foreground"), children: translate("agentChat.contextRing.untilAutoCompact", {
|
|
82
|
-
defaultValue: "{{tokens}} until auto-compact",
|
|
83
|
-
tokens: formatContextWindowTokens(tokensUntilAutoCompact),
|
|
84
|
-
}) })) : null, compact.state === "done" ? (_jsx("p", { role: "status", className: "agent-kit-caption-copy text-muted-foreground", children: compact.message })) : null, compact.state === "error" ? (_jsxs("p", { role: "alert", className: "flex items-start gap-1.5 agent-kit-caption-copy agent-kit-tone-warning", children: [_jsx(IconAlertTriangle, { "aria-hidden": "true", className: "mt-px size-4 shrink-0" }), _jsx("span", { className: "min-w-0", children: compact.message })] })) : null, onCompact ? (_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", variant: "outline", size: "xs", disabled: compact.state === "running", "aria-busy": compact.state === "running" || undefined, onClick: onCompact, children: [compact.state === "running" ? (_jsx(Spinner, { className: "size-3" })) : null, translate("agentChat.contextRing.compactNow", {
|
|
85
|
-
defaultValue: "Compact now",
|
|
86
|
-
})] }) })) : null] }));
|
|
87
|
-
}
|
|
1
|
+
// These names stay for existing `@agent-native/toolkit/context-ui` imports.
|
|
2
|
+
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanel, ContextUsagePanel as ContextUsagePanelView, ContextUsageRing, ContextUsageRing as ContextUsageRingView, contextRingDashOffset, contextUsagePercent, formatContextWindowTokens, } from "../app/agentkit/react/context-usage.js";
|
|
88
3
|
//# sourceMappingURL=ContextUsageRing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextUsageRing.js","sourceRoot":"","sources":["../../src/context-ui/ContextUsageRing.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ContextUsageRing.js","sourceRoot":"","sources":["../../src/context-ui/ContextUsageRing.tsx"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EACL,8BAA8B,EAC9B,iBAAiB,EACjB,iBAAiB,IAAI,qBAAqB,EAC1C,gBAAgB,EAChB,gBAAgB,IAAI,oBAAoB,EACxC,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,GAG1B,MAAM,wCAAwC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { ContextMeterView } from "./ContextMeter.js";
|
|
2
|
-
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanelView, ContextUsageRingView, contextUsagePercent, formatContextWindowTokens, type ContextCompactState, type ContextUsageSegmentView, } from "./ContextUsageRing.js";
|
|
2
|
+
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanel, ContextUsagePanelView, ContextUsageRing, ContextUsageRingView, contextUsagePercent, formatContextWindowTokens, type ContextCompactState, type ContextUsageSegmentView, } from "./ContextUsageRing.js";
|
|
3
3
|
export { ContextSegmentRowView, SegmentProvenancePopoverView, } from "./ContextSegmentRow.js";
|
|
4
4
|
export { ContextTreemapView } from "./ContextTreemap.js";
|
|
5
5
|
export { ContextXRayPanelView, contextGroupLabel } from "./ContextXRayPanel.js";
|
|
6
|
-
export { contextGroupColor, formatContextTokens } from "./format.js";
|
|
6
|
+
export { contextGroupColor, contextGroupFill, formatContextTokens, } from "./format.js";
|
|
7
7
|
export type { ContextManifestViewData, ContextSegmentStatus, ContextSegmentViewData, ContextSystemSectionViewData, ContextTokenMethod, } from "./types.js";
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,YAAY,CAAC"}
|
package/dist/context-ui/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { ContextMeterView } from "./ContextMeter.js";
|
|
2
|
-
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanelView, ContextUsageRingView, contextUsagePercent, formatContextWindowTokens, } from "./ContextUsageRing.js";
|
|
2
|
+
export { CONTEXT_USAGE_WARNING_FRACTION, ContextUsagePanel, ContextUsagePanelView, ContextUsageRing, ContextUsageRingView, contextUsagePercent, formatContextWindowTokens, } from "./ContextUsageRing.js";
|
|
3
3
|
export { ContextSegmentRowView, SegmentProvenancePopoverView, } from "./ContextSegmentRow.js";
|
|
4
4
|
export { ContextTreemapView } from "./ContextTreemap.js";
|
|
5
5
|
export { ContextXRayPanelView, contextGroupLabel } from "./ContextXRayPanel.js";
|
|
6
|
-
export { contextGroupColor, formatContextTokens } from "./format.js";
|
|
6
|
+
export { contextGroupColor, contextGroupFill, formatContextTokens, } from "./format.js";
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,GAG1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,GAG1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,aAAa,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agent-native/toolkit",
|
|
3
|
-
"version": "0.228.0
|
|
3
|
+
"version": "0.228.0",
|
|
4
4
|
"description": "Reusable app-building UI and helpers for Agent-Native apps.",
|
|
5
5
|
"homepage": "https://github.com/BuilderIO/agent-native#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -716,7 +716,7 @@
|
|
|
716
716
|
"y-protocols": "^1.0.7",
|
|
717
717
|
"yjs": "^13.6.33",
|
|
718
718
|
"zod": "^4.3.6",
|
|
719
|
-
"@agent-native/agentkit": "^0.228.0
|
|
719
|
+
"@agent-native/agentkit": "^0.228.0"
|
|
720
720
|
},
|
|
721
721
|
"devDependencies": {
|
|
722
722
|
"@excalidraw/excalidraw": "0.18.1",
|
|
@@ -740,10 +740,10 @@
|
|
|
740
740
|
"typescript-7": "npm:typescript@^7.0.2",
|
|
741
741
|
"vite": "8.1.0",
|
|
742
742
|
"vitest": "^4.1.5",
|
|
743
|
-
"@agent-native/core": "^0.228.0
|
|
743
|
+
"@agent-native/core": "^0.228.0"
|
|
744
744
|
},
|
|
745
745
|
"peerDependencies": {
|
|
746
|
-
"@agent-native/core": "0.228.0-
|
|
746
|
+
"@agent-native/core": ">=0.228.0-0",
|
|
747
747
|
"@excalidraw/excalidraw": ">=0.18",
|
|
748
748
|
"@excalidraw/mermaid-to-excalidraw": ">=2",
|
|
749
749
|
"@tanstack/react-query": "^5.99.2",
|
|
@@ -3,6 +3,7 @@ import { IconChevronDown, IconShieldCheck } from "@tabler/icons-react";
|
|
|
3
3
|
import type { ReactNode } from "react";
|
|
4
4
|
|
|
5
5
|
import { ActionButton, IconButton } from "../../../agentkit.js";
|
|
6
|
+
import { COMPOSER_POPOVER_SURFACE_CLASS } from "../../../composer/popover-surface.js";
|
|
6
7
|
import { Menu } from "../../../design-system/index.js";
|
|
7
8
|
import { cn } from "../../../utils.js";
|
|
8
9
|
import { ActionCard } from "../../chat/chat/widgets/ActionCard.js";
|
|
@@ -124,10 +125,21 @@ export function ApprovalCard({
|
|
|
124
125
|
{button}
|
|
125
126
|
<Menu
|
|
126
127
|
align="end"
|
|
128
|
+
className={COMPOSER_POPOVER_SURFACE_CLASS}
|
|
127
129
|
onAction={(id) => menu.onAction(String(id))}
|
|
128
130
|
items={menu.items.map((item) => ({
|
|
129
131
|
id: item.id,
|
|
130
|
-
|
|
132
|
+
// A title attribute never reaches keyboard or touch users.
|
|
133
|
+
label: item.hint ? (
|
|
134
|
+
<span className="flex min-w-0 flex-col">
|
|
135
|
+
<span>{item.label}</span>
|
|
136
|
+
<span className="text-xs text-muted-foreground">
|
|
137
|
+
{item.hint}
|
|
138
|
+
</span>
|
|
139
|
+
</span>
|
|
140
|
+
) : (
|
|
141
|
+
item.label
|
|
142
|
+
),
|
|
131
143
|
disabled: busy,
|
|
132
144
|
}))}
|
|
133
145
|
trigger={
|
|
@@ -152,7 +164,7 @@ export function ApprovalCard({
|
|
|
152
164
|
return (
|
|
153
165
|
<section
|
|
154
166
|
className={cn(
|
|
155
|
-
"agentkit-approval overflow-hidden rounded-
|
|
167
|
+
"agentkit-approval overflow-hidden rounded-[var(--agent-kit-radius-sm,0.5rem)] border border-border bg-card text-card-foreground",
|
|
156
168
|
className,
|
|
157
169
|
)}
|
|
158
170
|
aria-label={title}
|