@mastra/playground-ui 62.0.0 → 63.0.0-alpha.1
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/alert-dialog-R9z2SJLl.js +40 -0
- package/dist/alert-dialog-R9z2SJLl.js.map +1 -0
- package/dist/alert-dialog-j626w-Qb.cjs +42 -0
- package/dist/alert-dialog-j626w-Qb.cjs.map +1 -0
- package/dist/{ask-user-card-xR8YiiQa.js → ask-user-card-CwKfl6M2.js} +5 -6
- package/dist/{ask-user-card-xR8YiiQa.js.map → ask-user-card-CwKfl6M2.js.map} +1 -1
- package/dist/{ask-user-card-40a18Qea.cjs → ask-user-card-g8cqh8KI.cjs} +1 -2
- package/dist/{ask-user-card-40a18Qea.cjs.map → ask-user-card-g8cqh8KI.cjs.map} +1 -1
- package/dist/{checkbox-mmR3rD2j.js → checkbox-B3tvJLCl.js} +2 -2
- package/dist/{checkbox-mmR3rD2j.js.map → checkbox-B3tvJLCl.js.map} +1 -1
- package/dist/{code-block-BQZUoOfS.js → code-block-9sT-CaoF.js} +2 -2
- package/dist/{code-block-BQZUoOfS.js.map → code-block-9sT-CaoF.js.map} +1 -1
- package/dist/{code-editor-D69saH4C.js → code-editor-DgfDaPAD.js} +2 -2
- package/dist/{code-editor-D69saH4C.js.map → code-editor-DgfDaPAD.js.map} +1 -1
- package/dist/{combobox-DDUIREaG.js → combobox-DJu0ggNa.js} +2 -2
- package/dist/{combobox-DDUIREaG.js.map → combobox-DJu0ggNa.js.map} +1 -1
- package/dist/{command-Cx5QAS4E.cjs → command-DbZ6CSAy.cjs} +3 -3
- package/dist/command-DbZ6CSAy.cjs.map +1 -0
- package/dist/{command-B141Sxts.js → command-DtIlcv-t.js} +3 -3
- package/dist/command-DtIlcv-t.js.map +1 -0
- package/dist/components/AlertDialog.cjs.js +1 -1
- package/dist/components/AlertDialog.es.js +1 -1
- package/dist/components/Checkbox.es.js +1 -1
- package/dist/components/CodeBlock.es.js +1 -1
- package/dist/components/CodeEditor.es.js +1 -1
- package/dist/components/Combobox.es.js +1 -1
- package/dist/components/Command.cjs.js +1 -1
- package/dist/components/Command.es.js +1 -1
- package/dist/components/CommandPalette.cjs.js +1 -1
- package/dist/components/CommandPalette.es.js +1 -1
- package/dist/components/Comment.cjs.js +0 -1
- package/dist/components/Comment.cjs.js.map +1 -1
- package/dist/components/Comment.es.js +2 -3
- package/dist/components/Comment.es.js.map +1 -1
- package/dist/components/DataCodeSection.cjs.js +1 -1
- package/dist/components/DataCodeSection.es.js +1 -1
- package/dist/components/DataList.cjs.js +15 -17
- package/dist/components/DataList.cjs.js.map +1 -1
- package/dist/components/DataList.es.js +4 -5
- package/dist/components/DataList.es.js.map +1 -1
- package/dist/components/DataPanel.cjs.js +1 -1
- package/dist/components/DataPanel.es.js +1 -1
- package/dist/components/DateTimePicker.cjs.js +0 -1
- package/dist/components/DateTimePicker.cjs.js.map +1 -1
- package/dist/components/DateTimePicker.es.js +3 -4
- package/dist/components/DateTimePicker.es.js.map +1 -1
- package/dist/components/DateTimeRangePicker.cjs.js +1 -1
- package/dist/components/DateTimeRangePicker.es.js +1 -1
- package/dist/components/Dialog.cjs.js +2 -2
- package/dist/components/Dialog.es.js +2 -2
- package/dist/components/Drawer.cjs.js +1 -1
- package/dist/components/Drawer.es.js +1 -1
- package/dist/components/EnvironmentVariablesEditor.cjs.js +1 -2
- package/dist/components/EnvironmentVariablesEditor.cjs.js.map +1 -1
- package/dist/components/EnvironmentVariablesEditor.es.js +3 -4
- package/dist/components/EnvironmentVariablesEditor.es.js.map +1 -1
- package/dist/components/Field.es.js +2 -2
- package/dist/components/FilterBar.cjs.js +2 -2
- package/dist/components/FilterBar.cjs.js.map +1 -1
- package/dist/components/FilterBar.es.js +3 -3
- package/dist/components/FilterBar.es.js.map +1 -1
- package/dist/components/FormFieldBlocks.es.js +2 -2
- package/dist/components/Input.es.js +1 -1
- package/dist/components/InputGroup.es.js +1 -1
- package/dist/components/InputNumber.es.js +1 -1
- package/dist/components/JSONSchemaForm.cjs.js +0 -1
- package/dist/components/JSONSchemaForm.cjs.js.map +1 -1
- package/dist/components/JSONSchemaForm.es.js +4 -5
- package/dist/components/JSONSchemaForm.es.js.map +1 -1
- package/dist/components/ListSearch.cjs.js +1 -1
- package/dist/components/ListSearch.es.js +1 -1
- package/dist/components/LogsDataList.cjs.js +5 -2
- package/dist/components/LogsDataList.cjs.js.map +1 -1
- package/dist/components/LogsDataList.es.js +5 -2
- package/dist/components/LogsDataList.es.js.map +1 -1
- package/dist/components/MarkdownRenderer.es.js +1 -1
- package/dist/components/PropertyFilter.cjs.js +0 -1
- package/dist/components/PropertyFilter.cjs.js.map +1 -1
- package/dist/components/PropertyFilter.es.js +4 -5
- package/dist/components/PropertyFilter.es.js.map +1 -1
- package/dist/components/RadioGroup.es.js +1 -1
- package/dist/components/RuleBuilder.es.js +2 -2
- package/dist/components/SavedViews.cjs.js +1 -1
- package/dist/components/SavedViews.es.js +1 -1
- package/dist/components/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput.es.js +1 -1
- package/dist/components/Section.cjs.js +1 -1
- package/dist/components/Section.es.js +1 -1
- package/dist/components/SegmentedControl.es.js +1 -1
- package/dist/components/Select.es.js +1 -1
- package/dist/components/SideDialog.cjs.js +1 -1
- package/dist/components/SideDialog.es.js +1 -1
- package/dist/components/Sidebar.cjs.js +2 -2
- package/dist/components/Sidebar.es.js +3 -3
- package/dist/components/Switch.es.js +1 -1
- package/dist/components/ThemeToggle.es.js +1 -1
- package/dist/components/Workflow.cjs.js +2 -2
- package/dist/components/Workflow.es.js +3 -3
- package/dist/components/ai/activity.es.js +1 -1
- package/dist/components/ai/ask-user.cjs.js +1 -1
- package/dist/components/ai/ask-user.es.js +1 -1
- package/dist/components/ai/plan.es.js +1 -1
- package/dist/components/ai/tool-approval.es.js +1 -1
- package/dist/components/ai/tool-call.es.js +1 -1
- package/dist/{data-code-section-zG2S1MPX.js → data-code-section-BGLC-hxm.js} +3 -3
- package/dist/{data-code-section-zG2S1MPX.js.map → data-code-section-BGLC-hxm.js.map} +1 -1
- package/dist/{data-code-section-hVbIXLNC.cjs → data-code-section-BTRNa1SD.cjs} +3 -3
- package/dist/{data-code-section-hVbIXLNC.cjs.map → data-code-section-BTRNa1SD.cjs.map} +1 -1
- package/dist/{data-list-top-BJCC62oy.js → data-list-DDGpWucH.js} +333 -6
- package/dist/data-list-DDGpWucH.js.map +1 -0
- package/dist/{data-list-top-Ds-NWyPO.cjs → data-list-_yDPF5wR.cjs} +339 -13
- package/dist/data-list-_yDPF5wR.cjs.map +1 -0
- package/dist/{data-list-skeleton-BmsDYJrA.js → data-list-skeleton-CJFwZBlW.js} +2 -2
- package/dist/{data-list-skeleton-BmsDYJrA.js.map → data-list-skeleton-CJFwZBlW.js.map} +1 -1
- package/dist/{data-list-skeleton-CfVsXhx1.cjs → data-list-skeleton-maUWF7Ri.cjs} +6 -6
- package/dist/{data-list-skeleton-CfVsXhx1.cjs.map → data-list-skeleton-maUWF7Ri.cjs.map} +1 -1
- package/dist/{data-panel-BLqydW68.js → data-panel-DfVGx0Ea.js} +3 -3
- package/dist/{data-panel-BLqydW68.js.map → data-panel-DfVGx0Ea.js.map} +1 -1
- package/dist/{data-panel-BdeebdMA.cjs → data-panel-Dhg7s3fD.cjs} +4 -4
- package/dist/{data-panel-BdeebdMA.cjs.map → data-panel-Dhg7s3fD.cjs.map} +1 -1
- package/dist/{date-time-range-picker-BvRPfy1i.cjs → date-time-range-picker-BNaXCa7r.cjs} +1 -2
- package/dist/{date-time-range-picker-BvRPfy1i.cjs.map → date-time-range-picker-BNaXCa7r.cjs.map} +1 -1
- package/dist/{date-time-range-picker-CIfaXUuy.js → date-time-range-picker-C5x_33hB.js} +3 -4
- package/dist/{date-time-range-picker-CIfaXUuy.js.map → date-time-range-picker-C5x_33hB.js.map} +1 -1
- package/dist/{dialog-wL-fuFON.cjs → dialog-DQI9ChYf.cjs} +74 -37
- package/dist/dialog-DQI9ChYf.cjs.map +1 -0
- package/dist/{dialog-BYsQZGIj.js → dialog-DlZmNahd.js} +75 -35
- package/dist/dialog-DlZmNahd.js.map +1 -0
- package/dist/{dialog-action-B-pF99m0.js → dialog-action-c4nfPomF.js} +2 -2
- package/dist/{dialog-action-B-pF99m0.js.map → dialog-action-c4nfPomF.js.map} +1 -1
- package/dist/{dialog-action-CcMhvjM-.cjs → dialog-action-gdo9CwUv.cjs} +2 -2
- package/dist/{dialog-action-CcMhvjM-.cjs.map → dialog-action-gdo9CwUv.cjs.map} +1 -1
- package/dist/domains/chat/attachments/attachment-preview-dialog.cjs.js +1 -1
- package/dist/domains/chat/attachments/attachment-preview-dialog.es.js +1 -1
- package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js +1 -1
- package/dist/domains/chat/components/network-choice-metadata-dialog.es.js +2 -2
- package/dist/domains/chat/messages/dataset-save-action.cjs.js +2 -3
- package/dist/domains/chat/messages/dataset-save-action.cjs.js.map +1 -1
- package/dist/domains/chat/messages/dataset-save-action.es.js +5 -6
- package/dist/domains/chat/messages/dataset-save-action.es.js.map +1 -1
- package/dist/domains/chat/messages/message-row.cjs.js +0 -1
- package/dist/domains/chat/messages/message-row.cjs.js.map +1 -1
- package/dist/domains/chat/messages/message-row.es.js +1 -2
- package/dist/domains/chat/messages/message-row.es.js.map +1 -1
- package/dist/domains/chat/messages/renderers/message-text.es.js +1 -1
- package/dist/domains/chat/messages/renderers/reasoning-part-renderer.es.js +1 -1
- package/dist/domains/chat/messages/skill-message.es.js +1 -1
- package/dist/domains/chat/tools/badges/agent-badge-wrapper.es.js +1 -1
- package/dist/domains/chat/tools/badges/agent-badge.es.js +2 -2
- package/dist/domains/chat/tools/badges/ask-user-badge.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/ask-user-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/background-task-metadata-dialog.cjs.js +1 -1
- package/dist/domains/chat/tools/badges/background-task-metadata-dialog.es.js +2 -2
- package/dist/domains/chat/tools/badges/code-mode-badge.es.js +2 -2
- package/dist/domains/chat/tools/badges/file-tree-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/observation-marker-details.es.js +1 -1
- package/dist/domains/chat/tools/badges/observation-renderer.es.js +1 -1
- package/dist/domains/chat/tools/badges/tool-approval-badge.es.js +1 -1
- package/dist/domains/chat/tools/badges/tool-badge.es.js +2 -2
- package/dist/domains/chat/tools/badges/workflow-badge.cjs.js +2 -2
- package/dist/domains/chat/tools/badges/workflow-badge.es.js +3 -3
- package/dist/domains/chat/tools/submit-plan-tool.es.js +1 -1
- package/dist/domains/chat/tools/tool-card.es.js +1 -1
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js +1 -2
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js.map +1 -1
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js +4 -5
- package/dist/domains/datasets/components/save-as-dataset-item-dialog.es.js.map +1 -1
- package/dist/domains/logs/components/log-data-panel.cjs.js +1 -1
- package/dist/domains/logs/components/log-data-panel.es.js +1 -1
- package/dist/domains/logs/components/logs-list-view.cjs.js +3 -2
- package/dist/domains/logs/components/logs-list-view.cjs.js.map +1 -1
- package/dist/domains/logs/components/logs-list-view.es.js +3 -2
- package/dist/domains/logs/components/logs-list-view.es.js.map +1 -1
- package/dist/domains/logs/components/logs-toolbar.es.js +1 -1
- package/dist/domains/memory/components/observation-detail-view.cjs.js +0 -1
- package/dist/domains/memory/components/observation-detail-view.cjs.js.map +1 -1
- package/dist/domains/memory/components/observation-detail-view.es.js +2 -3
- package/dist/domains/memory/components/observation-detail-view.es.js.map +1 -1
- package/dist/domains/metrics/components/date-range-selector.cjs.js +1 -1
- package/dist/domains/metrics/components/date-range-selector.es.js +1 -1
- package/dist/domains/metrics/drilldown.cjs.js +1 -1
- package/dist/domains/metrics/drilldown.es.js +1 -1
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js +1 -2
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.cjs.js.map +1 -1
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js +4 -5
- package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js.map +1 -1
- package/dist/domains/request-context/components/request-context-label.cjs.js +0 -1
- package/dist/domains/request-context/components/request-context-label.cjs.js.map +1 -1
- package/dist/domains/request-context/components/request-context-label.es.js +1 -2
- package/dist/domains/request-context/components/request-context-label.es.js.map +1 -1
- package/dist/domains/scores/components/score-data-panel.cjs.js +1 -1
- package/dist/domains/scores/components/score-data-panel.es.js +1 -1
- package/dist/domains/scores/components/span-scoring.cjs.js +2 -2
- package/dist/domains/scores/components/span-scoring.es.js +3 -3
- package/dist/domains/scores/components/trace-scores-tab.cjs.js +2 -1
- package/dist/domains/scores/components/trace-scores-tab.cjs.js.map +1 -1
- package/dist/domains/scores/components/trace-scores-tab.es.js +2 -1
- package/dist/domains/scores/components/trace-scores-tab.es.js.map +1 -1
- package/dist/domains/traces/components/feedback-thread.cjs.js +1 -1
- package/dist/domains/traces/components/feedback-thread.es.js +2 -2
- package/dist/domains/traces/components/span-data-panel-view.cjs.js +1 -2
- package/dist/domains/traces/components/span-data-panel-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-data-panel-view.es.js +1 -2
- package/dist/domains/traces/components/span-data-panel-view.es.js.map +1 -1
- package/dist/domains/traces/components/span-details-view.cjs.js +0 -1
- package/dist/domains/traces/components/span-details-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/span-details-view.es.js +0 -1
- package/dist/domains/traces/components/span-details-view.es.js.map +1 -1
- package/dist/domains/traces/components/span-payload/span-error-renderer.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-input-renderers.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-output-renderers.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-messages.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-primitives.es.js +2 -2
- package/dist/domains/traces/components/span-payload/span-payload-processor.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-payload-tool.es.js +1 -1
- package/dist/domains/traces/components/span-payload/span-processor-attributes.es.js +1 -1
- package/dist/domains/traces/components/span-summary-description.cjs.js +1 -1
- package/dist/domains/traces/components/span-summary-description.es.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-details.cjs.js +1 -1
- package/dist/domains/traces/components/thread-trace/thread-trace-details.es.js +1 -1
- package/dist/domains/traces/components/thread-view-by-trace.cjs.js +0 -2
- package/dist/domains/traces/components/thread-view-by-trace.cjs.js.map +1 -1
- package/dist/domains/traces/components/thread-view-by-trace.es.js +0 -2
- package/dist/domains/traces/components/thread-view-by-trace.es.js.map +1 -1
- package/dist/domains/traces/components/trace-columns-menu.cjs.js +2 -3
- package/dist/domains/traces/components/trace-columns-menu.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-columns-menu.es.js +4 -5
- package/dist/domains/traces/components/trace-columns-menu.es.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel-view.cjs.js +2 -2
- package/dist/domains/traces/components/trace-data-panel-view.es.js +2 -2
- package/dist/domains/traces/components/trace-data-panel.cjs.js +3 -4
- package/dist/domains/traces/components/trace-data-panel.cjs.js.map +1 -1
- package/dist/domains/traces/components/trace-data-panel.es.js +3 -4
- package/dist/domains/traces/components/trace-data-panel.es.js.map +1 -1
- package/dist/domains/traces/components/trace-id-button.cjs.js +1 -1
- package/dist/domains/traces/components/trace-id-button.es.js +1 -1
- package/dist/domains/traces/components/trace-summary-description.cjs.js +1 -1
- package/dist/domains/traces/components/trace-summary-description.es.js +1 -1
- package/dist/domains/traces/components/trace-thread-panel.cjs.js +1 -1
- package/dist/domains/traces/components/trace-thread-panel.es.js +1 -1
- package/dist/domains/traces/components/trace-time-range-chip.cjs.js +3 -3
- package/dist/domains/traces/components/trace-time-range-chip.es.js +3 -3
- package/dist/domains/traces/components/traces-list-view.cjs.js +4 -5
- package/dist/domains/traces/components/traces-list-view.cjs.js.map +1 -1
- package/dist/domains/traces/components/traces-list-view.es.js +3 -4
- package/dist/domains/traces/components/traces-list-view.es.js.map +1 -1
- package/dist/domains/traces/components/traces-page-skeleton.cjs.js +4 -1
- package/dist/domains/traces/components/traces-page-skeleton.cjs.js.map +1 -1
- package/dist/domains/traces/components/traces-page-skeleton.es.js +4 -1
- package/dist/domains/traces/components/traces-page-skeleton.es.js.map +1 -1
- package/dist/domains/traces/hooks/use-trace-filter-persistence.cjs.js +1 -1
- package/dist/domains/traces/hooks/use-trace-filter-persistence.es.js +1 -1
- package/dist/domains/traces/hooks/use-trace-url-state.cjs.js +1 -1
- package/dist/domains/traces/hooks/use-trace-url-state.es.js +1 -1
- package/dist/domains/traces/trace-filters.cjs.js +1 -1
- package/dist/domains/traces/trace-filters.es.js +1 -1
- package/dist/domains/traces/trace-query-filters.cjs.js +1 -1
- package/dist/domains/traces/trace-query-filters.es.js +1 -1
- package/dist/domains/traces.cjs.js +1 -1
- package/dist/domains/traces.es.js +1 -1
- package/dist/domains/workflows/components/workflow-combobox.es.js +1 -1
- package/dist/domains/workflows/components/workflow-step-detail.es.js +2 -2
- package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js +2 -2
- package/dist/domains/workflows/components/workflows-list/workflows-list.es.js +2 -2
- package/dist/domains/workflows/runs/workflow-run-list.cjs.js +1 -1
- package/dist/domains/workflows/runs/workflow-run-list.es.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-button.cjs.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-button.es.js +1 -1
- package/dist/domains/workflows/workflow/data/workflow-data-inspector.es.js +1 -1
- package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js +0 -1
- package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-json-input.es.js +2 -3
- package/dist/domains/workflows/workflow/input/workflow-json-input.es.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js +0 -1
- package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js +2 -3
- package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js.map +1 -1
- package/dist/domains/workflows/workflow/use-workflow-graph-runtime.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-body-graph.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-data-edge.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-data-edge.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.cjs.js +0 -1
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.es.js +2 -3
- package/dist/domains/workflows/workflow/workflow-debug-mode-switch.es.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-inner.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-graph-node.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-input-data.cjs.js +0 -2
- package/dist/domains/workflows/workflow/workflow-input-data.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-input-data.es.js +0 -2
- package/dist/domains/workflows/workflow/workflow-input-data.es.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-map-config-dialog.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-map-config-dialog.es.js +2 -2
- package/dist/domains/workflows/workflow/workflow-nested-graph.es.js +2 -2
- package/dist/domains/workflows/workflow/workflow-run-data.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-status.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-step-action-bar.cjs.js +1 -1
- package/dist/domains/workflows/workflow/workflow-step-action-bar.es.js +2 -2
- package/dist/domains/workflows/workflow/workflow-suspended-steps.es.js +1 -1
- package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js +0 -1
- package/dist/domains/workflows/workflow/workflow-time-travel-form.cjs.js.map +1 -1
- package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js +2 -3
- package/dist/domains/workflows/workflow/workflow-time-travel-form.es.js.map +1 -1
- package/dist/domains/workspace/components/workspace-active-file.es.js +1 -1
- package/dist/domains/workspace/components/workspace-add-skill-dialog.cjs.js +3 -4
- package/dist/domains/workspace/components/workspace-add-skill-dialog.cjs.js.map +1 -1
- package/dist/domains/workspace/components/workspace-add-skill-dialog.es.js +6 -7
- package/dist/domains/workspace/components/workspace-add-skill-dialog.es.js.map +1 -1
- package/dist/domains/workspace/components/workspace-create-directory.cjs.js +1 -1
- package/dist/domains/workspace/components/workspace-create-directory.es.js +2 -2
- package/dist/domains/workspace/components/workspace-markdown-preview.es.js +2 -2
- package/dist/domains/workspace/components/workspace-search.es.js +1 -1
- package/dist/domains/workspace/components/workspace-tree.cjs.js +1 -1
- package/dist/domains/workspace/components/workspace-tree.es.js +1 -1
- package/dist/{drawer-B-t4ydEh.js → drawer-CZlqOjd2.js} +17 -7
- package/dist/{drawer-B-t4ydEh.js.map → drawer-CZlqOjd2.js.map} +1 -1
- package/dist/{drawer-DE2b3eld.cjs → drawer-CeUYCG-S.cjs} +16 -6
- package/dist/{drawer-DE2b3eld.cjs.map → drawer-CeUYCG-S.cjs.map} +1 -1
- package/dist/ee/signals/components/entity-index-list.cjs.js +3 -1
- package/dist/ee/signals/components/entity-index-list.cjs.js.map +1 -1
- package/dist/ee/signals/components/entity-index-list.es.js +3 -1
- package/dist/ee/signals/components/entity-index-list.es.js.map +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js +4 -2
- package/dist/ee/signals/components/trace-intelligence-entity-index.cjs.js.map +1 -1
- package/dist/ee/signals/components/trace-intelligence-entity-index.es.js +5 -3
- package/dist/ee/signals/components/trace-intelligence-entity-index.es.js.map +1 -1
- package/dist/ee/signals/noise-detail-panel.cjs.js +1 -1
- package/dist/ee/signals/noise-detail-panel.es.js +1 -1
- package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js +2 -3
- package/dist/ee/signals/settings/signal-definition-form-dialog.cjs.js.map +1 -1
- package/dist/ee/signals/settings/signal-definition-form-dialog.es.js +4 -5
- package/dist/ee/signals/settings/signal-definition-form-dialog.es.js.map +1 -1
- package/dist/ee/signals/settings/trace-signal-settings.es.js +1 -1
- package/dist/ee/signals/theme-detail-panel.cjs.js +1 -1
- package/dist/ee/signals/theme-detail-panel.es.js +1 -1
- package/dist/ee/topics/components/topic-trace-summary-list.cjs.js +2 -2
- package/dist/ee/topics/components/topic-trace-summary-list.es.js +2 -2
- package/dist/{field-B89BEZg4.js → field-Bc8Ewf_M.js} +2 -2
- package/dist/{field-B89BEZg4.js.map → field-Bc8Ewf_M.js.map} +1 -1
- package/dist/{field-control-aria-DB6y41tQ.js → field-control-aria-CCJ4-mUe.js} +2 -2
- package/dist/{field-control-aria-DB6y41tQ.js.map → field-control-aria-CCJ4-mUe.js.map} +1 -1
- package/dist/{filter-bar-chip-uPmGVzPR.cjs → filter-bar-chip-C_371aon.cjs} +35 -6
- package/dist/filter-bar-chip-C_371aon.cjs.map +1 -0
- package/dist/{filter-bar-chip-Bu27EjSO.js → filter-bar-chip-Dc6phYqZ.js} +35 -6
- package/dist/filter-bar-chip-Dc6phYqZ.js.map +1 -0
- package/dist/hooks/use-is-mobile.cjs.js +14 -10
- package/dist/hooks/use-is-mobile.cjs.js.map +1 -1
- package/dist/hooks/use-is-mobile.es.js +15 -11
- package/dist/hooks/use-is-mobile.es.js.map +1 -1
- package/dist/{input-DQFUjtnh.js → input-Ds171RJ5.js} +2 -2
- package/dist/{input-DQFUjtnh.js.map → input-Ds171RJ5.js.map} +1 -1
- package/dist/{input-group-BWsGYnES.js → input-group-Cxv64rPB.js} +2 -2
- package/dist/{input-group-BWsGYnES.js.map → input-group-Cxv64rPB.js.map} +1 -1
- package/dist/layout/tabbed-container.cjs.js +2 -2
- package/dist/layout/tabbed-container.es.js +3 -3
- package/dist/lib/form/components/boolean-field.cjs.js +0 -1
- package/dist/lib/form/components/boolean-field.cjs.js.map +1 -1
- package/dist/lib/form/components/boolean-field.es.js +2 -3
- package/dist/lib/form/components/boolean-field.es.js.map +1 -1
- package/dist/lib/form/components/date-field.es.js +1 -1
- package/dist/lib/form/components/field-wrapper.cjs.js +0 -1
- package/dist/lib/form/components/field-wrapper.cjs.js.map +1 -1
- package/dist/lib/form/components/field-wrapper.es.js +1 -2
- package/dist/lib/form/components/field-wrapper.es.js.map +1 -1
- package/dist/lib/form/components/number-field.es.js +1 -1
- package/dist/lib/form/components/record-field.es.js +1 -1
- package/dist/lib/form/components/select-field.es.js +1 -1
- package/dist/{list-search-xHadeMHl.cjs → list-search-C3yXcTRO.cjs} +2 -2
- package/dist/{list-search-xHadeMHl.cjs.map → list-search-C3yXcTRO.cjs.map} +1 -1
- package/dist/{list-search-BNnMwbpv.js → list-search-CmPRFDsn.js} +2 -2
- package/dist/{list-search-BNnMwbpv.js.map → list-search-CmPRFDsn.js.map} +1 -1
- package/dist/{logs-data-list-DfuVMd6f.cjs → logs-data-list-Bf_vIsFb.cjs} +21 -22
- package/dist/{logs-data-list-DfuVMd6f.cjs.map → logs-data-list-Bf_vIsFb.cjs.map} +1 -1
- package/dist/{logs-data-list-C262Be3o.js → logs-data-list-Cudh6b-c.js} +2 -3
- package/dist/{logs-data-list-C262Be3o.js.map → logs-data-list-Cudh6b-c.js.map} +1 -1
- package/dist/{markdown-renderer-D5Wjk1Cs.js → markdown-renderer-Cly6VMDr.js} +2 -2
- package/dist/{markdown-renderer-D5Wjk1Cs.js.map → markdown-renderer-Cly6VMDr.js.map} +1 -1
- package/dist/new/settings.cjs.js +1 -1
- package/dist/new/settings.es.js +1 -1
- package/dist/{plan-Cl3-JgbI.js → plan-DIbhFPRL.js} +2 -2
- package/dist/{plan-Cl3-JgbI.js.map → plan-DIbhFPRL.js.map} +1 -1
- package/dist/primitives/textarea-control.es.js +1 -1
- package/dist/{property-filter-applied-CZLzY0OH.js → property-filter-applied-DXH81ffT.js} +2 -2
- package/dist/{property-filter-applied-CZLzY0OH.js.map → property-filter-applied-DXH81ffT.js.map} +1 -1
- package/dist/{radio-group-Bk52hNNb.js → radio-group-C2zsCipq.js} +2 -2
- package/dist/{radio-group-Bk52hNNb.js.map → radio-group-C2zsCipq.js.map} +1 -1
- package/dist/{reasoning-activity-CIuVSAGA.js → reasoning-activity-B1r4JQxm.js} +2 -2
- package/dist/{reasoning-activity-CIuVSAGA.js.map → reasoning-activity-B1r4JQxm.js.map} +1 -1
- package/dist/resize/panel-drawer.cjs.js +1 -1
- package/dist/resize/panel-drawer.es.js +1 -1
- package/dist/{search-input-fqSrRTLU.js → search-input-D23h16CB.js} +3 -4
- package/dist/{search-input-fqSrRTLU.js.map → search-input-D23h16CB.js.map} +1 -1
- package/dist/{search-input-UtTJMjJu.cjs → search-input-DbEE2zEz.cjs} +1 -2
- package/dist/{search-input-UtTJMjJu.cjs.map → search-input-DbEE2zEz.cjs.map} +1 -1
- package/dist/{section-DhZbtWhu.cjs → section-CdaSS9M7.cjs} +2 -2
- package/dist/{section-DhZbtWhu.cjs.map → section-CdaSS9M7.cjs.map} +1 -1
- package/dist/{section-Dq6aFxlH.js → section-DcjTdrqz.js} +2 -2
- package/dist/{section-Dq6aFxlH.js.map → section-DcjTdrqz.js.map} +1 -1
- package/dist/{segmented-control-CUnvFStD.js → segmented-control-BfY7F0NZ.js} +2 -2
- package/dist/{segmented-control-CUnvFStD.js.map → segmented-control-BfY7F0NZ.js.map} +1 -1
- package/dist/{select-N2lgBRsg.js → select-BGAiIHnS.js} +2 -2
- package/dist/{select-N2lgBRsg.js.map → select-BGAiIHnS.js.map} +1 -1
- package/dist/{settings-row-CwZ3JffC.cjs → settings-row-rOI4yGvi.cjs} +1 -2
- package/dist/{settings-row-CwZ3JffC.cjs.map → settings-row-rOI4yGvi.cjs.map} +1 -1
- package/dist/{settings-row-gpwIVAMN.js → settings-row-ylIw4rfC.js} +2 -3
- package/dist/{settings-row-gpwIVAMN.js.map → settings-row-ylIw4rfC.js.map} +1 -1
- package/dist/{side-dialog-BIyr498B.js → side-dialog-CB_wrLtE.js} +3 -3
- package/dist/{side-dialog-BIyr498B.js.map → side-dialog-CB_wrLtE.js.map} +1 -1
- package/dist/{side-dialog-BT2xywA8.cjs → side-dialog-OPXvmRDA.cjs} +3 -3
- package/dist/{side-dialog-BT2xywA8.cjs.map → side-dialog-OPXvmRDA.cjs.map} +1 -1
- package/dist/{span-payload-primitives-WqYTBiGx.js → span-payload-primitives-Cixom2Py.js} +2 -2
- package/dist/{span-payload-primitives-WqYTBiGx.js.map → span-payload-primitives-Cixom2Py.js.map} +1 -1
- package/dist/src/ds/components/AlertDialog/alert-dialog.d.ts +8 -11
- package/dist/src/ds/components/Dialog/dialog-shell.d.ts +1 -0
- package/dist/src/ds/components/Dialog/dialog.d.ts +9 -3
- package/dist/src/ds/components/FilterBar/filter-bar-tree.d.ts +9 -1
- package/dist/src/ds/components/FilterBar/types.d.ts +6 -0
- package/dist/style.css +17 -4
- package/dist/{switch-DiSlsWUt.js → switch-BBeMfeQ2.js} +2 -2
- package/dist/{switch-DiSlsWUt.js.map → switch-BBeMfeQ2.js.map} +1 -1
- package/dist/{time-picker-J7GaNaEd.js → time-picker-Bo6GJcmz.js} +2 -2
- package/dist/{time-picker-J7GaNaEd.js.map → time-picker-Bo6GJcmz.js.map} +1 -1
- package/dist/{tool-approval-nsbG8-qI.js → tool-approval-BQ6sDvyS.js} +2 -2
- package/dist/{tool-approval-nsbG8-qI.js.map → tool-approval-BQ6sDvyS.js.map} +1 -1
- package/dist/{tool-call-arguments-RKyYP3xh.js → tool-call-arguments-B86JP3Dy.js} +2 -2
- package/dist/{tool-call-arguments-RKyYP3xh.js.map → tool-call-arguments-B86JP3Dy.js.map} +1 -1
- package/dist/{tool-card-BtPh44u6.js → tool-card-C8IrtMuQ.js} +2 -2
- package/dist/{tool-card-BtPh44u6.js.map → tool-card-C8IrtMuQ.js.map} +1 -1
- package/dist/{trace-filters-B9myZP-l.cjs → trace-filters-Bh4dVNPX.cjs} +16 -20
- package/dist/trace-filters-Bh4dVNPX.cjs.map +1 -0
- package/dist/{trace-filters-Cvra0Aum.js → trace-filters-C71gmCq4.js} +16 -20
- package/dist/trace-filters-C71gmCq4.js.map +1 -0
- package/dist/{traces-data-list-Cf_PpmSN.cjs → traces-data-list-DaFA1Ccg.cjs} +17 -19
- package/dist/{traces-data-list-Cf_PpmSN.cjs.map → traces-data-list-DaFA1Ccg.cjs.map} +1 -1
- package/dist/{traces-data-list-_mFOMw0U.js → traces-data-list-L_r2GAtr.js} +2 -4
- package/dist/{traces-data-list-_mFOMw0U.js.map → traces-data-list-L_r2GAtr.js.map} +1 -1
- package/dist/types-CIPrYAzY.js.map +1 -1
- package/dist/types-Ns4ZNp-g.cjs.map +1 -1
- package/dist/{use-workflow-graph-runtime-CAyNWN_Z.js → use-workflow-graph-runtime-DS7eWso7.js} +2 -2
- package/dist/{use-workflow-graph-runtime-CAyNWN_Z.js.map → use-workflow-graph-runtime-DS7eWso7.js.map} +1 -1
- package/dist/{workflow-code-dialog-content-CNDoMFAV.js → workflow-code-dialog-content-BUCZZoKf.js} +2 -2
- package/dist/{workflow-code-dialog-content-CNDoMFAV.js.map → workflow-code-dialog-content-BUCZZoKf.js.map} +1 -1
- package/dist/{workflow-data-edge-view-CMdPlcQj.cjs → workflow-data-edge-view-BHvpuvmp.cjs} +2 -2
- package/dist/{workflow-data-edge-view-CMdPlcQj.cjs.map → workflow-data-edge-view-BHvpuvmp.cjs.map} +1 -1
- package/dist/{workflow-data-edge-view-DeX0gykV.js → workflow-data-edge-view-BIiMA9zg.js} +2 -2
- package/dist/{workflow-data-edge-view-DeX0gykV.js.map → workflow-data-edge-view-BIiMA9zg.js.map} +1 -1
- package/dist/{workflow-edge-data-button-CSeMH2Ky.cjs → workflow-edge-data-button-Cz2rcoDr.cjs} +2 -2
- package/dist/{workflow-edge-data-button-CSeMH2Ky.cjs.map → workflow-edge-data-button-Cz2rcoDr.cjs.map} +1 -1
- package/dist/{workflow-edge-data-button-DfyJCI6R.js → workflow-edge-data-button-D5oK4NS5.js} +3 -3
- package/dist/{workflow-edge-data-button-DfyJCI6R.js.map → workflow-edge-data-button-D5oK4NS5.js.map} +1 -1
- package/package.json +9 -9
- package/dist/alert-dialog-BJlS-v3z.cjs +0 -55
- package/dist/alert-dialog-BJlS-v3z.cjs.map +0 -1
- package/dist/alert-dialog-BvzVYar8.js +0 -53
- package/dist/alert-dialog-BvzVYar8.js.map +0 -1
- package/dist/command-B141Sxts.js.map +0 -1
- package/dist/command-Cx5QAS4E.cjs.map +0 -1
- package/dist/data-list-DkVOwk8l.cjs +0 -142
- package/dist/data-list-DkVOwk8l.cjs.map +0 -1
- package/dist/data-list-Dv2lP-dU.js +0 -138
- package/dist/data-list-Dv2lP-dU.js.map +0 -1
- package/dist/data-list-spacer-DEMquKp9.js +0 -209
- package/dist/data-list-spacer-DEMquKp9.js.map +0 -1
- package/dist/data-list-spacer-pXP8xDlg.cjs +0 -218
- package/dist/data-list-spacer-pXP8xDlg.cjs.map +0 -1
- package/dist/data-list-top-BJCC62oy.js.map +0 -1
- package/dist/data-list-top-Ds-NWyPO.cjs.map +0 -1
- package/dist/dialog-BYsQZGIj.js.map +0 -1
- package/dist/dialog-wL-fuFON.cjs.map +0 -1
- package/dist/filter-bar-chip-Bu27EjSO.js.map +0 -1
- package/dist/filter-bar-chip-uPmGVzPR.cjs.map +0 -1
- package/dist/trace-filters-B9myZP-l.cjs.map +0 -1
- package/dist/trace-filters-Cvra0Aum.js.map +0 -1
|
@@ -5,7 +5,9 @@ import * as React from 'react';
|
|
|
5
5
|
import { createContext, useContext } from 'react';
|
|
6
6
|
import { dialogSurfaceStyle } from './primitives/raised-surface.es.js';
|
|
7
7
|
import { B as Button } from './Button-C8QDEN9j.js';
|
|
8
|
+
import { D as Drawer, d as DrawerContent } from './drawer-CZlqOjd2.js';
|
|
8
9
|
import { S as ScrollArea, a as ScrollAreaViewport } from './scroll-area-BywIlj3F.js';
|
|
10
|
+
import { useIsMobile } from './hooks/use-is-mobile.es.js';
|
|
9
11
|
import { c as cn } from './cn-coERSHz5.js';
|
|
10
12
|
|
|
11
13
|
import './dialog.css';const DialogContext = createContext({
|
|
@@ -22,9 +24,11 @@ const dialogActionSizeClasses = {
|
|
|
22
24
|
};
|
|
23
25
|
const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
|
|
24
26
|
|
|
27
|
+
const DIALOG_DRAWER_BREAKPOINT_PX = 640;
|
|
28
|
+
const formFillsShellClassName = "[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0";
|
|
25
29
|
const dialogPopupClassName = [
|
|
26
30
|
"dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden",
|
|
27
|
-
|
|
31
|
+
formFillsShellClassName,
|
|
28
32
|
dialogSurfaceStyle
|
|
29
33
|
].join(" ");
|
|
30
34
|
const dialogContentSizeClasses = {
|
|
@@ -35,21 +39,32 @@ const dialogContentSizeClasses = {
|
|
|
35
39
|
full: "h-[calc(100dvh-2rem)]"
|
|
36
40
|
};
|
|
37
41
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
const useIsDrawer = () => useIsMobile(DIALOG_DRAWER_BREAKPOINT_PX);
|
|
43
|
+
function Dialog({
|
|
44
|
+
intent = "default",
|
|
45
|
+
pending = false,
|
|
46
|
+
open,
|
|
47
|
+
defaultOpen = false,
|
|
48
|
+
onOpenChange,
|
|
49
|
+
disablePointerDismissal,
|
|
50
|
+
...props
|
|
51
|
+
}) {
|
|
52
|
+
const isDrawer = useIsDrawer();
|
|
53
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
|
|
54
|
+
const rootProps = {
|
|
55
|
+
...props,
|
|
56
|
+
open: open ?? uncontrolledOpen,
|
|
57
|
+
disablePointerDismissal: disablePointerDismissal ?? intent === "destructive"
|
|
58
|
+
};
|
|
59
|
+
function handleOpenChange(nextOpen, details) {
|
|
60
|
+
if (!nextOpen && pending) {
|
|
61
|
+
details.cancel();
|
|
62
|
+
return;
|
|
51
63
|
}
|
|
52
|
-
|
|
64
|
+
setUncontrolledOpen(nextOpen);
|
|
65
|
+
onOpenChange?.(nextOpen, details);
|
|
66
|
+
}
|
|
67
|
+
return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { intent, pending }, children: isDrawer ? /* @__PURE__ */ jsx(Drawer, { ...rootProps, onOpenChange: handleOpenChange }) : /* @__PURE__ */ jsx(Dialog$1.Root, { ...rootProps, onOpenChange: handleOpenChange }) });
|
|
53
68
|
}
|
|
54
69
|
const DialogTrigger = Dialog$1.Trigger;
|
|
55
70
|
const DialogPortal = Dialog$1.Portal;
|
|
@@ -75,38 +90,63 @@ function DialogContent({
|
|
|
75
90
|
...props
|
|
76
91
|
}) {
|
|
77
92
|
const { intent, pending } = useDialogContext();
|
|
93
|
+
const isDrawer = useIsDrawer();
|
|
78
94
|
const closeRef = React.useRef(null);
|
|
79
95
|
const isDestructive = intent === "destructive";
|
|
96
|
+
const popupProps = {
|
|
97
|
+
"data-slot": "dialog-content",
|
|
98
|
+
"data-size": size,
|
|
99
|
+
"data-intent": intent,
|
|
100
|
+
role: isDestructive ? "alertdialog" : "dialog",
|
|
101
|
+
initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),
|
|
102
|
+
"aria-busy": pending || void 0,
|
|
103
|
+
...props
|
|
104
|
+
};
|
|
105
|
+
const closeButton = showCloseButton && /* @__PURE__ */ jsx(
|
|
106
|
+
Dialog$1.Close,
|
|
107
|
+
{
|
|
108
|
+
ref: closeRef,
|
|
109
|
+
disabled: pending,
|
|
110
|
+
"data-slot": "dialog-close",
|
|
111
|
+
className: cn("absolute right-4", isDrawer ? "top-1.5" : "top-4"),
|
|
112
|
+
render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
if (isDrawer) {
|
|
116
|
+
return /* @__PURE__ */ jsxs(
|
|
117
|
+
DrawerContent,
|
|
118
|
+
{
|
|
119
|
+
...popupProps,
|
|
120
|
+
showCloseButton: false,
|
|
121
|
+
className: cn(
|
|
122
|
+
"pb-3",
|
|
123
|
+
size === "full" && "h-[calc(85vh+3rem)]",
|
|
124
|
+
showCloseButton && "[&_[data-slot=dialog-header]]:pr-12",
|
|
125
|
+
className
|
|
126
|
+
),
|
|
127
|
+
children: [
|
|
128
|
+
children,
|
|
129
|
+
closeButton,
|
|
130
|
+
/* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "h-12 shrink-0" })
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
}
|
|
80
135
|
return /* @__PURE__ */ jsxs(DialogPortal, { children: [
|
|
81
136
|
showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
|
|
82
137
|
/* @__PURE__ */ jsxs(
|
|
83
138
|
Dialog$1.Popup,
|
|
84
139
|
{
|
|
85
|
-
|
|
86
|
-
"data-size": size,
|
|
87
|
-
"data-intent": intent,
|
|
88
|
-
role: isDestructive ? "alertdialog" : "dialog",
|
|
89
|
-
initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),
|
|
90
|
-
"aria-busy": pending || void 0,
|
|
140
|
+
...popupProps,
|
|
91
141
|
className: cn(
|
|
92
142
|
dialogPopupClassName,
|
|
93
143
|
dialogContentSizeClasses[size],
|
|
94
|
-
"[&_[data-slot=dialog-header]]:pr-12",
|
|
144
|
+
showCloseButton && "[&_[data-slot=dialog-header]]:pr-12",
|
|
95
145
|
className
|
|
96
146
|
),
|
|
97
|
-
...props,
|
|
98
147
|
children: [
|
|
99
148
|
children,
|
|
100
|
-
|
|
101
|
-
Dialog$1.Close,
|
|
102
|
-
{
|
|
103
|
-
ref: closeRef,
|
|
104
|
-
disabled: pending,
|
|
105
|
-
"data-slot": "dialog-close",
|
|
106
|
-
className: "absolute top-4 right-4",
|
|
107
|
-
render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
|
|
108
|
-
}
|
|
109
|
-
)
|
|
149
|
+
closeButton
|
|
110
150
|
]
|
|
111
151
|
}
|
|
112
152
|
)
|
|
@@ -175,5 +215,5 @@ function DialogCancel({ disabled, size = "md", ...props }) {
|
|
|
175
215
|
);
|
|
176
216
|
}
|
|
177
217
|
|
|
178
|
-
export { Dialog as D, DialogBody as a, DialogCancel as b, DialogClose as c, DialogContent as d, DialogDescription as e, DialogFooter as f, DialogHeader as g, DialogOverlay as h, DialogPortal as i, DialogTitle as j, DialogTrigger as k, dialogActionSizeClasses as l, dialogActionLayoutClasses as m,
|
|
179
|
-
//# sourceMappingURL=dialog-
|
|
218
|
+
export { Dialog as D, DialogBody as a, DialogCancel as b, DialogClose as c, DialogContent as d, DialogDescription as e, DialogFooter as f, DialogHeader as g, DialogOverlay as h, DialogPortal as i, DialogTitle as j, DialogTrigger as k, dialogActionSizeClasses as l, dialogActionLayoutClasses as m, useDialogContext as u };
|
|
219
|
+
//# sourceMappingURL=dialog-DlZmNahd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-DlZmNahd.js","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog-shell.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n intent: DialogIntent;\n pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n intent: 'default',\n pending: false,\n});\n\nexport function useDialogContext() {\n return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n sm: 'min-h-control-sm',\n md: 'min-h-control-md',\n lg: 'min-h-control-lg',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport const DIALOG_DRAWER_BREAKPOINT_PX = 640;\n\nconst formFillsShellClassName = '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0';\n\nexport const dialogPopupClassName = [\n 'dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden',\n formFillsShellClassName,\n dialogSurfaceStyle,\n].join(' ');\n\nexport const dialogContentSizeClasses: Record<DialogSize, string> = {\n sm: 'max-h-[calc(100dvh-4rem)] max-w-sm',\n md: 'max-h-[calc(100dvh-4rem)] max-w-lg',\n lg: 'max-h-[calc(100dvh-4rem)] max-w-2xl',\n xl: 'max-h-[calc(100dvh-4rem)] max-w-4xl',\n full: 'h-[calc(100dvh-2rem)]',\n};\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent } from './dialog-context';\nimport { DIALOG_DRAWER_BREAKPOINT_PX, dialogContentSizeClasses, dialogPopupClassName } from './dialog-shell';\nimport type { DialogSize } from './dialog-shell';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { Drawer, DrawerContent } from '@/ds/components/Drawer';\nimport type { DrawerProps } from '@/ds/components/Drawer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\ntype DialogOpenChangeDetails = Parameters<NonNullable<DialogPrimitive.Root.Props['onOpenChange']>>[1];\ntype DrawerOpenChangeDetails = Parameters<NonNullable<DrawerProps['onOpenChange']>>[1];\n\nexport type DialogProps = Omit<DialogPrimitive.Root.Props, 'handle' | 'onOpenChange'> & {\n intent?: DialogIntent;\n pending?: boolean;\n /** `details` comes from the bottom drawer on phones, where a swipe can also close it. */\n onOpenChange?: (open: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) => void;\n};\n\nconst useIsDrawer = () => useIsMobile(DIALOG_DRAWER_BREAKPOINT_PX);\n\n// Below 640px every dialog is a bottom drawer. Open state lives here so crossing the breakpoint keeps it open.\nfunction Dialog({\n intent = 'default',\n pending = false,\n open,\n defaultOpen = false,\n onOpenChange,\n disablePointerDismissal,\n ...props\n}: DialogProps) {\n const isDrawer = useIsDrawer();\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n const rootProps = {\n ...props,\n open: open ?? uncontrolledOpen,\n disablePointerDismissal: disablePointerDismissal ?? intent === 'destructive',\n };\n\n function handleOpenChange(nextOpen: boolean, details: DialogOpenChangeDetails | DrawerOpenChangeDetails) {\n if (!nextOpen && pending) {\n details.cancel();\n return;\n }\n setUncontrolledOpen(nextOpen);\n onOpenChange?.(nextOpen, details);\n }\n\n return (\n <DialogContext.Provider value={{ intent, pending }}>\n {isDrawer ? (\n <Drawer {...rootProps} onOpenChange={handleOpenChange} />\n ) : (\n <DialogPrimitive.Root {...rootProps} onOpenChange={handleOpenChange} />\n )}\n </DialogContext.Provider>\n );\n}\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n className?: string;\n};\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n return (\n <DialogPrimitive.Backdrop\n data-slot=\"dialog-overlay\"\n className={cn('dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n {...props}\n />\n );\n}\n\nexport type { DialogSize };\n\n// No `render` or function `style`: the popup is a Dialog or a Drawer, and their state callbacks differ.\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className' | 'render' | 'style'> & {\n className?: string;\n style?: React.CSSProperties;\n size?: DialogSize;\n showOverlay?: boolean;\n showCloseButton?: boolean;\n overlayClassName?: string;\n};\n\nfunction DialogContent({\n className,\n children,\n size = 'md',\n showOverlay = true,\n showCloseButton = true,\n overlayClassName,\n initialFocus,\n ...props\n}: DialogContentProps) {\n const { intent, pending } = useDialogContext();\n const isDrawer = useIsDrawer();\n const closeRef = React.useRef<HTMLButtonElement>(null);\n const isDestructive = intent === 'destructive';\n const popupProps = {\n 'data-slot': 'dialog-content',\n 'data-size': size,\n 'data-intent': intent,\n role: isDestructive ? 'alertdialog' : 'dialog',\n initialFocus: initialFocus ?? (isDestructive && showCloseButton ? closeRef : true),\n 'aria-busy': pending || undefined,\n ...props,\n };\n const closeButton = showCloseButton && (\n <DialogPrimitive.Close\n ref={closeRef}\n disabled={pending}\n data-slot=\"dialog-close\"\n className={cn('absolute right-4', isDrawer ? 'top-1.5' : 'top-4')}\n render={\n <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close\">\n <X />\n </Button>\n }\n />\n );\n\n if (isDrawer) {\n return (\n <DrawerContent\n {...popupProps}\n showCloseButton={false}\n className={cn(\n 'pb-3',\n size === 'full' && 'h-[calc(85vh+3rem)]',\n showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n className,\n )}\n >\n {children}\n {closeButton}\n {/* Fills the drawer's 3rem swipe bleed below the screen edge; an element so call-site padding can't shrink it. */}\n <div aria-hidden className=\"h-12 shrink-0\" />\n </DrawerContent>\n );\n }\n\n return (\n <DialogPortal>\n {showOverlay && <DialogOverlay className={overlayClassName} />}\n <DialogPrimitive.Popup\n {...popupProps}\n className={cn(\n dialogPopupClassName,\n dialogContentSizeClasses[size],\n showCloseButton && '[&_[data-slot=dialog-header]]:pr-12',\n className,\n )}\n >\n {children}\n {closeButton}\n </DialogPrimitive.Popup>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn('flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2', className)}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn('flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2', className)}\n {...props}\n />\n );\n}\n\nexport type DialogBodyProps = React.ComponentProps<'div'> & {\n /** `scroll` fades and scrolls long content; `fill` takes the remaining height and leaves scrolling to its children. */\n layout?: 'scroll' | 'fill';\n /** Drops the inset so content such as split panes or code reaches the dialog's edges. */\n flush?: boolean;\n};\n\nfunction DialogBody({ className, layout = 'scroll', flush = false, children, ...props }: DialogBodyProps) {\n const bodyClassName = cn(\n 'flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground',\n !flush && 'px-5 py-2',\n className,\n );\n if (layout === 'fill') {\n return (\n <div data-slot=\"dialog-body\" className={cn('min-h-0 flex-1', bodyClassName)} {...props}>\n {children}\n </div>\n );\n }\n return (\n <ScrollArea className=\"flex min-h-0 min-w-0 flex-1 flex-col\" mask>\n <ScrollAreaViewport className=\"h-auto min-h-0\">\n <div data-slot=\"dialog-body\" className={bodyClassName} {...props}>\n {children}\n </div>\n </ScrollAreaViewport>\n </ScrollArea>\n );\n}\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n className?: string;\n};\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n return <DialogPrimitive.Title className={cn('text-heading wrap-break-word text-foreground', className)} {...props} />;\n}\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n className?: string;\n};\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n return (\n <DialogPrimitive.Description\n className={cn('text-body wrap-break-word text-muted-foreground', className)}\n {...props}\n />\n );\n}\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nfunction DialogCancel({ disabled, size = 'md', ...props }: DialogCancelProps) {\n const { pending } = useDialogContext();\n return (\n <DialogPrimitive.Close\n render={\n <Button\n size={size}\n variant=\"ghost\"\n className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n children={props.children}\n />\n }\n {...props}\n disabled={disabled || pending}\n />\n );\n}\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogBody,\n DialogTitle,\n DialogDescription,\n DialogCancel,\n DialogAction,\n};\n"],"names":["DialogPrimitive"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { useState, useRef, useId, useEffect } from 'react';
|
|
3
|
-
import { u as useDialogContext, l as dialogActionSizeClasses, m as dialogActionLayoutClasses } from './dialog-
|
|
3
|
+
import { u as useDialogContext, l as dialogActionSizeClasses, m as dialogActionLayoutClasses } from './dialog-DlZmNahd.js';
|
|
4
4
|
import { B as Button } from './Button-C8QDEN9j.js';
|
|
5
5
|
import { c as cn } from './cn-coERSHz5.js';
|
|
6
6
|
|
|
@@ -184,4 +184,4 @@ function DialogAction({
|
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
export { DialogAction as D };
|
|
187
|
-
//# sourceMappingURL=dialog-action-
|
|
187
|
+
//# sourceMappingURL=dialog-action-c4nfPomF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-action-B-pF99m0.js","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n type?: 'button';\n onConfirm: () => void;\n confirmation?: 'click' | 'hold';\n holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n type: 'submit';\n onConfirm?: never;\n confirmation?: never;\n holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n onConfirm,\n children,\n disabled,\n holdSeconds = 1.5,\n ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n const { intent, pending } = useDialogContext();\n const [holding, setHolding] = useState(false);\n const [completed, setCompleted] = useState(false);\n const [armed, setArmed] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const active = useRef(false);\n const hintId = useId();\n\n function cancel() {\n clearTimeout(timer.current);\n active.current = false;\n setHolding(false);\n }\n\n function disarm() {\n clearTimeout(armTimer.current);\n setArmed(false);\n }\n\n function complete() {\n setHolding(false);\n setCompleted(true);\n disarm();\n onConfirm();\n }\n\n function start() {\n if (disabled || active.current) return;\n active.current = true;\n setHolding(true);\n timer.current = setTimeout(complete, holdSeconds * 1000);\n }\n\n function onClick(event: MouseEvent<HTMLButtonElement>) {\n event.preventDefault();\n if (event.detail !== 0 || disabled) return;\n if (armed) {\n complete();\n return;\n }\n setArmed(true);\n armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n }\n\n useEffect(() => {\n function onVisibilityChange() {\n if (document.hidden) cancel();\n }\n window.addEventListener('blur', cancel);\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n clearTimeout(timer.current);\n clearTimeout(armTimer.current);\n window.removeEventListener('blur', cancel);\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, []);\n\n function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n props.onPointerDown?.(event);\n if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n start();\n }\n\n function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n props.onKeyDown?.(event);\n if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n event.preventDefault();\n if (!event.repeat) start();\n }\n\n return (\n <>\n <Button\n size=\"md\"\n {...props}\n className={cn(\n 'group/hold relative isolate touch-none overflow-hidden select-none',\n dialogActionLayoutClasses,\n dialogActionSizeClasses[props.size ?? 'md'],\n props.className,\n )}\n type=\"button\"\n variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n disabled={disabled}\n aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n data-holding={holding || undefined}\n data-completed={completed || pending || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n onPointerUp={event => {\n cancel();\n props.onPointerUp?.(event);\n }}\n onPointerLeave={event => {\n cancel();\n props.onPointerLeave?.(event);\n }}\n onPointerCancel={event => {\n cancel();\n props.onPointerCancel?.(event);\n }}\n onKeyDown={onKeyDown}\n onKeyUp={event => {\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n cancel();\n }\n props.onKeyUp?.(event);\n }}\n onBlur={event => {\n cancel();\n props.onBlur?.(event);\n }}\n >\n <span>{children}</span>\n <span\n aria-hidden=\"true\"\n className={cn(\n 'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n 'transition-[clip-path] ease-linear motion-reduce:transition-none',\n 'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n 'group-data-[completed]/hold:[clip-path:inset(0)]',\n intent === 'destructive'\n ? 'bg-fill-destructive text-fill-destructive-foreground'\n : 'bg-foreground text-sidebar',\n )}\n style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n >\n {children}\n </span>\n </Button>\n <span id={hintId} className=\"sr-only\">\n Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n twice.\n </span>\n <span role=\"status\" className=\"sr-only\">\n {armed ? 'Activate again to confirm.' : ''}\n </span>\n </>\n );\n}\n\nexport function DialogAction({\n confirmation = 'click',\n holdSeconds = 1.5,\n onConfirm,\n disabled,\n type = 'button',\n ...props\n}: DialogActionProps) {\n const { intent, pending } = useDialogContext();\n const isDisabled = disabled || pending;\n if (onConfirm && confirmation === 'hold') {\n return (\n <HoldAction\n key={`${isDisabled}-${holdSeconds}`}\n holdSeconds={holdSeconds}\n {...props}\n disabled={isDisabled}\n onConfirm={onConfirm}\n />\n );\n }\n return (\n <Button\n size=\"md\"\n {...props}\n className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n type={type}\n variant={intent === 'destructive' ? 'destructive' : 'primary'}\n disabled={isDisabled}\n onClick={onConfirm}\n />\n );\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dialog-action-c4nfPomF.js","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n type?: 'button';\n onConfirm: () => void;\n confirmation?: 'click' | 'hold';\n holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n type: 'submit';\n onConfirm?: never;\n confirmation?: never;\n holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n onConfirm,\n children,\n disabled,\n holdSeconds = 1.5,\n ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n const { intent, pending } = useDialogContext();\n const [holding, setHolding] = useState(false);\n const [completed, setCompleted] = useState(false);\n const [armed, setArmed] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const active = useRef(false);\n const hintId = useId();\n\n function cancel() {\n clearTimeout(timer.current);\n active.current = false;\n setHolding(false);\n }\n\n function disarm() {\n clearTimeout(armTimer.current);\n setArmed(false);\n }\n\n function complete() {\n setHolding(false);\n setCompleted(true);\n disarm();\n onConfirm();\n }\n\n function start() {\n if (disabled || active.current) return;\n active.current = true;\n setHolding(true);\n timer.current = setTimeout(complete, holdSeconds * 1000);\n }\n\n function onClick(event: MouseEvent<HTMLButtonElement>) {\n event.preventDefault();\n if (event.detail !== 0 || disabled) return;\n if (armed) {\n complete();\n return;\n }\n setArmed(true);\n armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n }\n\n useEffect(() => {\n function onVisibilityChange() {\n if (document.hidden) cancel();\n }\n window.addEventListener('blur', cancel);\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n clearTimeout(timer.current);\n clearTimeout(armTimer.current);\n window.removeEventListener('blur', cancel);\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, []);\n\n function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n props.onPointerDown?.(event);\n if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n start();\n }\n\n function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n props.onKeyDown?.(event);\n if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n event.preventDefault();\n if (!event.repeat) start();\n }\n\n return (\n <>\n <Button\n size=\"md\"\n {...props}\n className={cn(\n 'group/hold relative isolate touch-none overflow-hidden select-none',\n dialogActionLayoutClasses,\n dialogActionSizeClasses[props.size ?? 'md'],\n props.className,\n )}\n type=\"button\"\n variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n disabled={disabled}\n aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n data-holding={holding || undefined}\n data-completed={completed || pending || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n onPointerUp={event => {\n cancel();\n props.onPointerUp?.(event);\n }}\n onPointerLeave={event => {\n cancel();\n props.onPointerLeave?.(event);\n }}\n onPointerCancel={event => {\n cancel();\n props.onPointerCancel?.(event);\n }}\n onKeyDown={onKeyDown}\n onKeyUp={event => {\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n cancel();\n }\n props.onKeyUp?.(event);\n }}\n onBlur={event => {\n cancel();\n props.onBlur?.(event);\n }}\n >\n <span>{children}</span>\n <span\n aria-hidden=\"true\"\n className={cn(\n 'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n 'transition-[clip-path] ease-linear motion-reduce:transition-none',\n 'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n 'group-data-[completed]/hold:[clip-path:inset(0)]',\n intent === 'destructive'\n ? 'bg-fill-destructive text-fill-destructive-foreground'\n : 'bg-foreground text-sidebar',\n )}\n style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n >\n {children}\n </span>\n </Button>\n <span id={hintId} className=\"sr-only\">\n Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n twice.\n </span>\n <span role=\"status\" className=\"sr-only\">\n {armed ? 'Activate again to confirm.' : ''}\n </span>\n </>\n );\n}\n\nexport function DialogAction({\n confirmation = 'click',\n holdSeconds = 1.5,\n onConfirm,\n disabled,\n type = 'button',\n ...props\n}: DialogActionProps) {\n const { intent, pending } = useDialogContext();\n const isDisabled = disabled || pending;\n if (onConfirm && confirmation === 'hold') {\n return (\n <HoldAction\n key={`${isDisabled}-${holdSeconds}`}\n holdSeconds={holdSeconds}\n {...props}\n disabled={isDisabled}\n onConfirm={onConfirm}\n />\n );\n }\n return (\n <Button\n size=\"md\"\n {...props}\n className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n type={type}\n variant={intent === 'destructive' ? 'destructive' : 'primary'}\n disabled={isDisabled}\n onClick={onConfirm}\n />\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
const React = require('react');
|
|
5
|
-
const dialog = require('./dialog-
|
|
5
|
+
const dialog = require('./dialog-DQI9ChYf.cjs');
|
|
6
6
|
const Button = require('./Button-BfZzgZrA.cjs');
|
|
7
7
|
const utils_cn = require('./cn-TqD01zH-.cjs');
|
|
8
8
|
|
|
@@ -186,4 +186,4 @@ function DialogAction({
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
exports.DialogAction = DialogAction;
|
|
189
|
-
//# sourceMappingURL=dialog-action-
|
|
189
|
+
//# sourceMappingURL=dialog-action-gdo9CwUv.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-action-CcMhvjM-.cjs","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n type?: 'button';\n onConfirm: () => void;\n confirmation?: 'click' | 'hold';\n holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n type: 'submit';\n onConfirm?: never;\n confirmation?: never;\n holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n onConfirm,\n children,\n disabled,\n holdSeconds = 1.5,\n ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n const { intent, pending } = useDialogContext();\n const [holding, setHolding] = useState(false);\n const [completed, setCompleted] = useState(false);\n const [armed, setArmed] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const active = useRef(false);\n const hintId = useId();\n\n function cancel() {\n clearTimeout(timer.current);\n active.current = false;\n setHolding(false);\n }\n\n function disarm() {\n clearTimeout(armTimer.current);\n setArmed(false);\n }\n\n function complete() {\n setHolding(false);\n setCompleted(true);\n disarm();\n onConfirm();\n }\n\n function start() {\n if (disabled || active.current) return;\n active.current = true;\n setHolding(true);\n timer.current = setTimeout(complete, holdSeconds * 1000);\n }\n\n function onClick(event: MouseEvent<HTMLButtonElement>) {\n event.preventDefault();\n if (event.detail !== 0 || disabled) return;\n if (armed) {\n complete();\n return;\n }\n setArmed(true);\n armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n }\n\n useEffect(() => {\n function onVisibilityChange() {\n if (document.hidden) cancel();\n }\n window.addEventListener('blur', cancel);\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n clearTimeout(timer.current);\n clearTimeout(armTimer.current);\n window.removeEventListener('blur', cancel);\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, []);\n\n function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n props.onPointerDown?.(event);\n if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n start();\n }\n\n function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n props.onKeyDown?.(event);\n if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n event.preventDefault();\n if (!event.repeat) start();\n }\n\n return (\n <>\n <Button\n size=\"md\"\n {...props}\n className={cn(\n 'group/hold relative isolate touch-none overflow-hidden select-none',\n dialogActionLayoutClasses,\n dialogActionSizeClasses[props.size ?? 'md'],\n props.className,\n )}\n type=\"button\"\n variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n disabled={disabled}\n aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n data-holding={holding || undefined}\n data-completed={completed || pending || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n onPointerUp={event => {\n cancel();\n props.onPointerUp?.(event);\n }}\n onPointerLeave={event => {\n cancel();\n props.onPointerLeave?.(event);\n }}\n onPointerCancel={event => {\n cancel();\n props.onPointerCancel?.(event);\n }}\n onKeyDown={onKeyDown}\n onKeyUp={event => {\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n cancel();\n }\n props.onKeyUp?.(event);\n }}\n onBlur={event => {\n cancel();\n props.onBlur?.(event);\n }}\n >\n <span>{children}</span>\n <span\n aria-hidden=\"true\"\n className={cn(\n 'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n 'transition-[clip-path] ease-linear motion-reduce:transition-none',\n 'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n 'group-data-[completed]/hold:[clip-path:inset(0)]',\n intent === 'destructive'\n ? 'bg-fill-destructive text-fill-destructive-foreground'\n : 'bg-foreground text-sidebar',\n )}\n style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n >\n {children}\n </span>\n </Button>\n <span id={hintId} className=\"sr-only\">\n Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n twice.\n </span>\n <span role=\"status\" className=\"sr-only\">\n {armed ? 'Activate again to confirm.' : ''}\n </span>\n </>\n );\n}\n\nexport function DialogAction({\n confirmation = 'click',\n holdSeconds = 1.5,\n onConfirm,\n disabled,\n type = 'button',\n ...props\n}: DialogActionProps) {\n const { intent, pending } = useDialogContext();\n const isDisabled = disabled || pending;\n if (onConfirm && confirmation === 'hold') {\n return (\n <HoldAction\n key={`${isDisabled}-${holdSeconds}`}\n holdSeconds={holdSeconds}\n {...props}\n disabled={isDisabled}\n onConfirm={onConfirm}\n />\n );\n }\n return (\n <Button\n size=\"md\"\n {...props}\n className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n type={type}\n variant={intent === 'destructive' ? 'destructive' : 'primary'}\n disabled={isDisabled}\n onClick={onConfirm}\n />\n );\n}\n"],"names":["useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dialog-action-gdo9CwUv.cjs","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n type?: 'button';\n onConfirm: () => void;\n confirmation?: 'click' | 'hold';\n holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n type: 'submit';\n onConfirm?: never;\n confirmation?: never;\n holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n onConfirm,\n children,\n disabled,\n holdSeconds = 1.5,\n ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\n const { intent, pending } = useDialogContext();\n const [holding, setHolding] = useState(false);\n const [completed, setCompleted] = useState(false);\n const [armed, setArmed] = useState(false);\n const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n const active = useRef(false);\n const hintId = useId();\n\n function cancel() {\n clearTimeout(timer.current);\n active.current = false;\n setHolding(false);\n }\n\n function disarm() {\n clearTimeout(armTimer.current);\n setArmed(false);\n }\n\n function complete() {\n setHolding(false);\n setCompleted(true);\n disarm();\n onConfirm();\n }\n\n function start() {\n if (disabled || active.current) return;\n active.current = true;\n setHolding(true);\n timer.current = setTimeout(complete, holdSeconds * 1000);\n }\n\n function onClick(event: MouseEvent<HTMLButtonElement>) {\n event.preventDefault();\n if (event.detail !== 0 || disabled) return;\n if (armed) {\n complete();\n return;\n }\n setArmed(true);\n armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n }\n\n useEffect(() => {\n function onVisibilityChange() {\n if (document.hidden) cancel();\n }\n window.addEventListener('blur', cancel);\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n clearTimeout(timer.current);\n clearTimeout(armTimer.current);\n window.removeEventListener('blur', cancel);\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, []);\n\n function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n props.onPointerDown?.(event);\n if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n start();\n }\n\n function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n props.onKeyDown?.(event);\n if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n event.preventDefault();\n if (!event.repeat) start();\n }\n\n return (\n <>\n <Button\n size=\"md\"\n {...props}\n className={cn(\n 'group/hold relative isolate touch-none overflow-hidden select-none',\n dialogActionLayoutClasses,\n dialogActionSizeClasses[props.size ?? 'md'],\n props.className,\n )}\n type=\"button\"\n variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n disabled={disabled}\n aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n data-holding={holding || undefined}\n data-completed={completed || pending || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n onPointerUp={event => {\n cancel();\n props.onPointerUp?.(event);\n }}\n onPointerLeave={event => {\n cancel();\n props.onPointerLeave?.(event);\n }}\n onPointerCancel={event => {\n cancel();\n props.onPointerCancel?.(event);\n }}\n onKeyDown={onKeyDown}\n onKeyUp={event => {\n if (event.key === ' ' || event.key === 'Enter') {\n event.preventDefault();\n cancel();\n }\n props.onKeyUp?.(event);\n }}\n onBlur={event => {\n cancel();\n props.onBlur?.(event);\n }}\n >\n <span>{children}</span>\n <span\n aria-hidden=\"true\"\n className={cn(\n 'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n 'transition-[clip-path] ease-linear motion-reduce:transition-none',\n 'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n 'group-data-[completed]/hold:[clip-path:inset(0)]',\n intent === 'destructive'\n ? 'bg-fill-destructive text-fill-destructive-foreground'\n : 'bg-foreground text-sidebar',\n )}\n style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n >\n {children}\n </span>\n </Button>\n <span id={hintId} className=\"sr-only\">\n Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n twice.\n </span>\n <span role=\"status\" className=\"sr-only\">\n {armed ? 'Activate again to confirm.' : ''}\n </span>\n </>\n );\n}\n\nexport function DialogAction({\n confirmation = 'click',\n holdSeconds = 1.5,\n onConfirm,\n disabled,\n type = 'button',\n ...props\n}: DialogActionProps) {\n const { intent, pending } = useDialogContext();\n const isDisabled = disabled || pending;\n if (onConfirm && confirmation === 'hold') {\n return (\n <HoldAction\n key={`${isDisabled}-${holdSeconds}`}\n holdSeconds={holdSeconds}\n {...props}\n disabled={isDisabled}\n onConfirm={onConfirm}\n />\n );\n }\n return (\n <Button\n size=\"md\"\n {...props}\n className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n type={type}\n variant={intent === 'destructive' ? 'destructive' : 'primary'}\n disabled={isDisabled}\n onClick={onConfirm}\n />\n );\n}\n"],"names":["useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
|
|
|
7
7
|
const domains_chat_attachments_composerAttachmentEntry = require('./composer-attachment-entry.cjs.js');
|
|
8
8
|
const domains_chat_attachments_useAttachmentPreview = require('./use-attachment-preview.cjs.js');
|
|
9
9
|
const Button = require('../../../Button-BfZzgZrA.cjs');
|
|
10
|
-
const dialog = require('../../../dialog-
|
|
10
|
+
const dialog = require('../../../dialog-DQI9ChYf.cjs');
|
|
11
11
|
const utils_cn = require('../../../cn-TqD01zH-.cjs');
|
|
12
12
|
|
|
13
13
|
const ctaClassName = "h-full w-full flex items-center justify-center rounded-[inherit] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus [&:is(button,a)]:cursor-pointer";
|
|
@@ -3,7 +3,7 @@ import { FileText, FileVideo, FileAudio, File } from 'lucide-react';
|
|
|
3
3
|
import { ComposerAttachmentEntry } from './composer-attachment-entry.es.js';
|
|
4
4
|
import { useAttachmentPreview } from './use-attachment-preview.es.js';
|
|
5
5
|
import { B as Button } from '../../../Button-C8QDEN9j.js';
|
|
6
|
-
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from '../../../dialog-
|
|
6
|
+
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from '../../../dialog-DlZmNahd.js';
|
|
7
7
|
import { c as cn } from '../../../cn-coERSHz5.js';
|
|
8
8
|
|
|
9
9
|
const ctaClassName = "h-full w-full flex items-center justify-center rounded-[inherit] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus [&:is(button,a)]:cursor-pointer";
|
|
@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
|
|
|
7
7
|
const React = require('react');
|
|
8
8
|
const Button = require('../../../Button-BfZzgZrA.cjs');
|
|
9
9
|
const codeEditor = require('../../../code-editor-Dg6Y6Q8z.cjs');
|
|
10
|
-
const dialog = require('../../../dialog-
|
|
10
|
+
const dialog = require('../../../dialog-DQI9ChYf.cjs');
|
|
11
11
|
const Txt = require('../../../Txt-DXjXpX9r.cjs');
|
|
12
12
|
|
|
13
13
|
const NetworkChoiceMetadata = ({ selectionReason, open, onOpenChange, input }) => {
|
|
@@ -2,8 +2,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { Share2 } from 'lucide-react';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { B as Button } from '../../../Button-C8QDEN9j.js';
|
|
5
|
-
import { C as CodeEditor } from '../../../code-editor-
|
|
6
|
-
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../dialog-
|
|
5
|
+
import { C as CodeEditor } from '../../../code-editor-DgfDaPAD.js';
|
|
6
|
+
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody } from '../../../dialog-DlZmNahd.js';
|
|
7
7
|
import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
|
|
8
8
|
|
|
9
9
|
const NetworkChoiceMetadata = ({ selectionReason, open, onOpenChange, input }) => {
|
|
@@ -11,16 +11,15 @@ const datasets = require('@mastra/react/hooks/datasets');
|
|
|
11
11
|
const Button = require('../../../Button-BfZzgZrA.cjs');
|
|
12
12
|
const codeEditor = require('../../../code-editor-Dg6Y6Q8z.cjs');
|
|
13
13
|
const field = require('../../../field-D1SVMPMz.cjs');
|
|
14
|
-
require('../../../field-control-aria-WzMGs0A4.cjs');
|
|
15
14
|
const select = require('../../../select-Cdz5I0A5.cjs');
|
|
16
15
|
const Txt = require('../../../Txt-DXjXpX9r.cjs');
|
|
17
16
|
const toast = require('../../../toast-C8a7bWV8.cjs');
|
|
18
|
-
const dialog = require('../../../dialog-
|
|
17
|
+
const dialog = require('../../../dialog-DQI9ChYf.cjs');
|
|
19
18
|
const spinner = require('../../../spinner-BW4nHg_A.cjs');
|
|
20
19
|
const primitives_transitions = require('../../../primitives/transitions.cjs.js');
|
|
21
20
|
const primitives_typography = require('../../../primitives/typography.cjs.js');
|
|
22
21
|
const utils_cn = require('../../../cn-TqD01zH-.cjs');
|
|
23
|
-
const dialogAction = require('../../../dialog-action-
|
|
22
|
+
const dialogAction = require('../../../dialog-action-gdo9CwUv.cjs');
|
|
24
23
|
|
|
25
24
|
function DatasetSaveDialog({
|
|
26
25
|
open,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataset-save-action.cjs.js","sources":["../../../../src/domains/chat/messages/dataset-save-action.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { DatabaseIcon } from 'lucide-react';\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { useDatasetSaveContext } from '../context/dataset-save-context-value';\nimport type { DatasetSaveContextValue } from '../context/dataset-save-context-value';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogAction,\n DialogCancel,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogDescription,\n DialogBody,\n DialogFooter,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nfunction DatasetSaveDialog({\n open,\n onOpenChange,\n input,\n onInputChange,\n requestContext,\n initialGroundTruth = '',\n}: {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n input: string;\n onInputChange: (value: string) => void;\n requestContext?: Record<string, unknown>;\n initialGroundTruth?: string;\n}) {\n const [groundTruth, setGroundTruth] = useState(initialGroundTruth);\n const [selectedDatasetId, setSelectedDatasetId] = useState('');\n\n useEffect(() => {\n if (open) {\n setGroundTruth(initialGroundTruth);\n }\n }, [open, initialGroundTruth]);\n\n const { data, isLoading: isDatasetsLoading } = useDatasets();\n const { addItem } = useDatasetMutations();\n const datasets = useMemo(() => data?.datasets ?? [], [data?.datasets]);\n\n const handleSubmit = useCallback(async () => {\n if (!selectedDatasetId) {\n toast.error('Please select a dataset');\n return;\n }\n\n let parsedInput: unknown;\n try {\n parsedInput = JSON.parse(input);\n } catch {\n toast.error('Input must be valid JSON');\n return;\n }\n\n let parsedGroundTruth: unknown | undefined;\n if (groundTruth.trim()) {\n try {\n parsedGroundTruth = JSON.parse(groundTruth);\n } catch {\n toast.error('Ground Truth must be valid JSON');\n return;\n }\n }\n\n try {\n const hasRequestContext = requestContext && Object.keys(requestContext).length > 0;\n await addItem.mutateAsync({\n datasetId: selectedDatasetId,\n input: parsedInput,\n groundTruth: parsedGroundTruth,\n ...(hasRequestContext ? { requestContext } : {}),\n });\n const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n toast.success(`Item saved to \"${targetDataset?.name}\"`);\n onOpenChange(false);\n setSelectedDatasetId('');\n onInputChange('');\n setGroundTruth('');\n } catch (error) {\n toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n }, [input, groundTruth, selectedDatasetId, requestContext, addItem, datasets, onOpenChange, onInputChange]);\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange} pending={addItem.isPending}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Save to Dataset</DialogTitle>\n <DialogDescription>Save as a dataset item for evaluation.</DialogDescription>\n </DialogHeader>\n <DialogBody>\n <Field>\n <FieldLabel>Dataset</FieldLabel>\n <Select\n value={selectedDatasetId}\n onValueChange={setSelectedDatasetId}\n disabled={addItem.isPending || isDatasetsLoading}\n >\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Input (JSON)</FieldLabel>\n <CodeEditor value={input} onChange={onInputChange} showCopyButton={false} className=\"max-h-60 min-h-30\" />\n </Field>\n\n <Field>\n <FieldLabel>Ground Truth (JSON, optional)</FieldLabel>\n <CodeEditor\n value={groundTruth}\n onChange={setGroundTruth}\n showCopyButton={false}\n className=\"max-h-40 min-h-20\"\n />\n </Field>\n </DialogBody>\n <DialogFooter>\n <DialogCancel>Cancel</DialogCancel>\n <DialogAction onConfirm={handleSubmit} disabled={!selectedDatasetId || datasets.length === 0}>\n {addItem.isPending ? 'Saving...' : 'Save Item'}\n </DialogAction>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n );\n}\n\n/**\n * Dataset save action button shown on user messages in test chat mode.\n * Saves the individual message text as a dataset item.\n */\nexport interface DatasetSaveActionProps {\n /** Text of the message this action saves to a dataset. */\n messageText: string;\n}\n\nexport function DatasetSaveAction({ messageText }: DatasetSaveActionProps) {\n const ctx = useDatasetSaveContext();\n if (!ctx?.enabled) return null;\n return <DatasetSaveActionInner messageText={messageText} />;\n}\n\nfunction DatasetSaveActionInner({ messageText }: DatasetSaveActionProps) {\n const ctx = useDatasetSaveContext();\n const [dialogOpen, setDialogOpen] = useState(false);\n const [input, setInput] = useState('');\n\n const handleClick = useCallback(() => {\n setInput(JSON.stringify(messageText, null, 2));\n setDialogOpen(true);\n }, [messageText]);\n\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Save to dataset\"\n className={cn(quietTextHover, 'bg-transparent')}\n onClick={handleClick}\n >\n <DatabaseIcon className=\"size-4\" />\n </Button>\n <DatasetSaveDialog\n open={dialogOpen}\n onOpenChange={setDialogOpen}\n input={input}\n onInputChange={setInput}\n requestContext={ctx?.requestContext}\n />\n </>\n );\n}\n\n/**\n * Button shown at the bottom of the thread to save the full conversation history.\n * Only renders when dataset save context is enabled (test chat mode).\n */\nexport function SaveFullConversationAction() {\n const ctx = useDatasetSaveContext();\n if (!ctx?.enabled) return null;\n return <SaveFullConversationInner ctx={ctx} />;\n}\n\nfunction SaveFullConversationInner({ ctx }: { ctx: DatasetSaveContextValue }) {\n const client = useMastraClient();\n const [dialogOpen, setDialogOpen] = useState(false);\n const [input, setInput] = useState('');\n const [groundTruth, setGroundTruth] = useState('');\n const [isFetching, setIsFetching] = useState(false);\n\n const handleClick = useCallback(async () => {\n setIsFetching(true);\n try {\n const result = await client.listThreadMessages(ctx.threadId, {\n agentId: ctx.agentId,\n });\n const messages = result?.messages ?? [];\n\n const lastAssistantIdx = messages.length - 1;\n const lastMessage = messages[lastAssistantIdx];\n if (lastMessage && lastMessage.role === 'assistant') {\n const inputMessages = messages.slice(0, lastAssistantIdx);\n setInput(JSON.stringify(inputMessages, null, 2));\n setGroundTruth(JSON.stringify(lastMessage, null, 2));\n } else {\n setInput(JSON.stringify(messages, null, 2));\n setGroundTruth('');\n }\n\n setDialogOpen(true);\n } catch (error) {\n toast.error(`Failed to fetch thread messages: ${error instanceof Error ? error.message : 'Unknown error'}`);\n } finally {\n setIsFetching(false);\n }\n }, [client, ctx.threadId, ctx.agentId]);\n\n return (\n <>\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isFetching}\n className={cn(\n quietTextHover,\n controlStateColorTransition,\n 'mx-auto flex cursor-pointer items-center gap-1.5 py-3 disabled:opacity-50',\n )}\n >\n {isFetching ? <Spinner className=\"size-3.5\" /> : <DatabaseIcon className=\"size-3.5\" />}\n <Txt as=\"span\" variant=\"meta\" className=\"block\">\n Save full conversation to dataset\n </Txt>\n </button>\n <DatasetSaveDialog\n open={dialogOpen}\n onOpenChange={setDialogOpen}\n input={input}\n onInputChange={setInput}\n requestContext={ctx.requestContext}\n initialGroundTruth={groundTruth}\n />\n </>\n );\n}\n"],"names":["useState","useEffect","useDatasets","useDatasetMutations","datasets","useMemo","useCallback","toast","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","Txt","SelectItem","CodeEditor","DialogFooter","DialogCancel","DialogAction","useDatasetSaveContext","Fragment","Button","cn","quietTextHover","DatabaseIcon","useMastraClient","controlStateColorTransition","Spinner"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dataset-save-action.cjs.js","sources":["../../../../src/domains/chat/messages/dataset-save-action.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { DatabaseIcon } from 'lucide-react';\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { useDatasetSaveContext } from '../context/dataset-save-context-value';\nimport type { DatasetSaveContextValue } from '../context/dataset-save-context-value';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport {\n Dialog,\n DialogAction,\n DialogCancel,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogDescription,\n DialogBody,\n DialogFooter,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nfunction DatasetSaveDialog({\n open,\n onOpenChange,\n input,\n onInputChange,\n requestContext,\n initialGroundTruth = '',\n}: {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n input: string;\n onInputChange: (value: string) => void;\n requestContext?: Record<string, unknown>;\n initialGroundTruth?: string;\n}) {\n const [groundTruth, setGroundTruth] = useState(initialGroundTruth);\n const [selectedDatasetId, setSelectedDatasetId] = useState('');\n\n useEffect(() => {\n if (open) {\n setGroundTruth(initialGroundTruth);\n }\n }, [open, initialGroundTruth]);\n\n const { data, isLoading: isDatasetsLoading } = useDatasets();\n const { addItem } = useDatasetMutations();\n const datasets = useMemo(() => data?.datasets ?? [], [data?.datasets]);\n\n const handleSubmit = useCallback(async () => {\n if (!selectedDatasetId) {\n toast.error('Please select a dataset');\n return;\n }\n\n let parsedInput: unknown;\n try {\n parsedInput = JSON.parse(input);\n } catch {\n toast.error('Input must be valid JSON');\n return;\n }\n\n let parsedGroundTruth: unknown | undefined;\n if (groundTruth.trim()) {\n try {\n parsedGroundTruth = JSON.parse(groundTruth);\n } catch {\n toast.error('Ground Truth must be valid JSON');\n return;\n }\n }\n\n try {\n const hasRequestContext = requestContext && Object.keys(requestContext).length > 0;\n await addItem.mutateAsync({\n datasetId: selectedDatasetId,\n input: parsedInput,\n groundTruth: parsedGroundTruth,\n ...(hasRequestContext ? { requestContext } : {}),\n });\n const targetDataset = datasets.find(d => d.id === selectedDatasetId);\n toast.success(`Item saved to \"${targetDataset?.name}\"`);\n onOpenChange(false);\n setSelectedDatasetId('');\n onInputChange('');\n setGroundTruth('');\n } catch (error) {\n toast.error(`Failed to save item: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n }, [input, groundTruth, selectedDatasetId, requestContext, addItem, datasets, onOpenChange, onInputChange]);\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange} pending={addItem.isPending}>\n <DialogContent>\n <DialogHeader>\n <DialogTitle>Save to Dataset</DialogTitle>\n <DialogDescription>Save as a dataset item for evaluation.</DialogDescription>\n </DialogHeader>\n <DialogBody>\n <Field>\n <FieldLabel>Dataset</FieldLabel>\n <Select\n value={selectedDatasetId}\n onValueChange={setSelectedDatasetId}\n disabled={addItem.isPending || isDatasetsLoading}\n >\n <SelectTrigger>\n <SelectValue placeholder={isDatasetsLoading ? 'Loading...' : 'Select a dataset'} />\n </SelectTrigger>\n <SelectContent>\n {datasets.length === 0 ? (\n <Txt as=\"p\" variant=\"body\" tone=\"muted\" className=\"px-2 py-4 text-center\">\n No datasets available\n </Txt>\n ) : (\n datasets.map(dataset => (\n <SelectItem key={dataset.id} value={dataset.id}>\n {dataset.name}\n </SelectItem>\n ))\n )}\n </SelectContent>\n </Select>\n </Field>\n\n <Field>\n <FieldLabel>Input (JSON)</FieldLabel>\n <CodeEditor value={input} onChange={onInputChange} showCopyButton={false} className=\"max-h-60 min-h-30\" />\n </Field>\n\n <Field>\n <FieldLabel>Ground Truth (JSON, optional)</FieldLabel>\n <CodeEditor\n value={groundTruth}\n onChange={setGroundTruth}\n showCopyButton={false}\n className=\"max-h-40 min-h-20\"\n />\n </Field>\n </DialogBody>\n <DialogFooter>\n <DialogCancel>Cancel</DialogCancel>\n <DialogAction onConfirm={handleSubmit} disabled={!selectedDatasetId || datasets.length === 0}>\n {addItem.isPending ? 'Saving...' : 'Save Item'}\n </DialogAction>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n );\n}\n\n/**\n * Dataset save action button shown on user messages in test chat mode.\n * Saves the individual message text as a dataset item.\n */\nexport interface DatasetSaveActionProps {\n /** Text of the message this action saves to a dataset. */\n messageText: string;\n}\n\nexport function DatasetSaveAction({ messageText }: DatasetSaveActionProps) {\n const ctx = useDatasetSaveContext();\n if (!ctx?.enabled) return null;\n return <DatasetSaveActionInner messageText={messageText} />;\n}\n\nfunction DatasetSaveActionInner({ messageText }: DatasetSaveActionProps) {\n const ctx = useDatasetSaveContext();\n const [dialogOpen, setDialogOpen] = useState(false);\n const [input, setInput] = useState('');\n\n const handleClick = useCallback(() => {\n setInput(JSON.stringify(messageText, null, 2));\n setDialogOpen(true);\n }, [messageText]);\n\n return (\n <>\n <Button\n variant=\"default\"\n size=\"icon-md\"\n tooltip=\"Save to dataset\"\n className={cn(quietTextHover, 'bg-transparent')}\n onClick={handleClick}\n >\n <DatabaseIcon className=\"size-4\" />\n </Button>\n <DatasetSaveDialog\n open={dialogOpen}\n onOpenChange={setDialogOpen}\n input={input}\n onInputChange={setInput}\n requestContext={ctx?.requestContext}\n />\n </>\n );\n}\n\n/**\n * Button shown at the bottom of the thread to save the full conversation history.\n * Only renders when dataset save context is enabled (test chat mode).\n */\nexport function SaveFullConversationAction() {\n const ctx = useDatasetSaveContext();\n if (!ctx?.enabled) return null;\n return <SaveFullConversationInner ctx={ctx} />;\n}\n\nfunction SaveFullConversationInner({ ctx }: { ctx: DatasetSaveContextValue }) {\n const client = useMastraClient();\n const [dialogOpen, setDialogOpen] = useState(false);\n const [input, setInput] = useState('');\n const [groundTruth, setGroundTruth] = useState('');\n const [isFetching, setIsFetching] = useState(false);\n\n const handleClick = useCallback(async () => {\n setIsFetching(true);\n try {\n const result = await client.listThreadMessages(ctx.threadId, {\n agentId: ctx.agentId,\n });\n const messages = result?.messages ?? [];\n\n const lastAssistantIdx = messages.length - 1;\n const lastMessage = messages[lastAssistantIdx];\n if (lastMessage && lastMessage.role === 'assistant') {\n const inputMessages = messages.slice(0, lastAssistantIdx);\n setInput(JSON.stringify(inputMessages, null, 2));\n setGroundTruth(JSON.stringify(lastMessage, null, 2));\n } else {\n setInput(JSON.stringify(messages, null, 2));\n setGroundTruth('');\n }\n\n setDialogOpen(true);\n } catch (error) {\n toast.error(`Failed to fetch thread messages: ${error instanceof Error ? error.message : 'Unknown error'}`);\n } finally {\n setIsFetching(false);\n }\n }, [client, ctx.threadId, ctx.agentId]);\n\n return (\n <>\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isFetching}\n className={cn(\n quietTextHover,\n controlStateColorTransition,\n 'mx-auto flex cursor-pointer items-center gap-1.5 py-3 disabled:opacity-50',\n )}\n >\n {isFetching ? <Spinner className=\"size-3.5\" /> : <DatabaseIcon className=\"size-3.5\" />}\n <Txt as=\"span\" variant=\"meta\" className=\"block\">\n Save full conversation to dataset\n </Txt>\n </button>\n <DatasetSaveDialog\n open={dialogOpen}\n onOpenChange={setDialogOpen}\n input={input}\n onInputChange={setInput}\n requestContext={ctx.requestContext}\n initialGroundTruth={groundTruth}\n />\n </>\n );\n}\n"],"names":["useState","useEffect","useDatasets","useDatasetMutations","datasets","useMemo","useCallback","toast","jsx","Dialog","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogBody","Field","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","Txt","SelectItem","CodeEditor","DialogFooter","DialogCancel","DialogAction","useDatasetSaveContext","Fragment","Button","cn","quietTextHover","DatabaseIcon","useMastraClient","controlStateColorTransition","Spinner"],"mappings":"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"}
|
|
@@ -5,18 +5,17 @@ import { useState, useCallback, useEffect, useMemo } from 'react';
|
|
|
5
5
|
import { useDatasetSaveContext } from '../context/dataset-save-context-value.es.js';
|
|
6
6
|
import { useDatasets, useDatasetMutations } from '@mastra/react/hooks/datasets';
|
|
7
7
|
import { B as Button } from '../../../Button-C8QDEN9j.js';
|
|
8
|
-
import { C as CodeEditor } from '../../../code-editor-
|
|
9
|
-
import { F as Field, e as FieldLabel } from '../../../field-
|
|
10
|
-
import '../../../
|
|
11
|
-
import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-N2lgBRsg.js';
|
|
8
|
+
import { C as CodeEditor } from '../../../code-editor-DgfDaPAD.js';
|
|
9
|
+
import { F as Field, e as FieldLabel } from '../../../field-Bc8Ewf_M.js';
|
|
10
|
+
import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-BGAiIHnS.js';
|
|
12
11
|
import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
|
|
13
12
|
import { t as toast } from '../../../toast-WCmYXnuT.js';
|
|
14
|
-
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-
|
|
13
|
+
import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-DlZmNahd.js';
|
|
15
14
|
import { S as Spinner } from '../../../spinner-CFtgt3oI.js';
|
|
16
15
|
import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
|
|
17
16
|
import { quietTextHover } from '../../../primitives/typography.es.js';
|
|
18
17
|
import { c as cn } from '../../../cn-coERSHz5.js';
|
|
19
|
-
import { D as DialogAction } from '../../../dialog-action-
|
|
18
|
+
import { D as DialogAction } from '../../../dialog-action-c4nfPomF.js';
|
|
20
19
|
|
|
21
20
|
function DatasetSaveDialog({
|
|
22
21
|
open,
|