@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION.md +346 -0
- package/README.md +26 -29
- package/dist/_chunks/badge-group.js +42 -42
- package/dist/_chunks/badge-group.js.map +1 -1
- package/dist/_chunks/chat.js +324 -327
- package/dist/_chunks/chat.js.map +1 -1
- package/dist/_chunks/date-picker.js +245 -245
- package/dist/_chunks/date-picker.js.map +1 -1
- package/dist/_chunks/document-preview.js +33 -33
- package/dist/_chunks/document-preview.js.map +1 -1
- package/dist/_chunks/file-preview.js +264 -264
- package/dist/_chunks/file-preview.js.map +1 -1
- package/dist/_chunks/image-preview.js +45 -45
- package/dist/_chunks/image-preview.js.map +1 -1
- package/dist/_chunks/mention-suggestion.js +85 -85
- package/dist/_chunks/mention-suggestion.js.map +1 -1
- package/dist/_chunks/motion-provider.js +13 -13
- package/dist/_chunks/motion-provider.js.map +1 -1
- package/dist/_chunks/popover.js +36 -36
- package/dist/_chunks/popover.js.map +1 -1
- package/dist/_chunks/primitives.js +489 -489
- package/dist/_chunks/primitives.js.map +1 -1
- package/dist/_chunks/rich-chat-input.js +1066 -1066
- package/dist/_chunks/rich-chat-input.js.map +1 -1
- package/dist/_chunks/shared.js +43 -43
- package/dist/_chunks/shared.js.map +1 -1
- package/dist/_chunks/text.js +432 -0
- package/dist/_chunks/text.js.map +1 -0
- package/dist/_chunks/tiptap.js +6053 -6187
- package/dist/_chunks/tiptap.js.map +1 -1
- package/dist/_chunks/tree-view.js +97 -97
- package/dist/_chunks/tree-view.js.map +1 -1
- package/dist/_chunks/use-calendar.js.map +1 -1
- package/dist/ai/ai-command-provider.d.ts.map +1 -1
- package/dist/ai/ai-command-provider.js.map +1 -1
- package/dist/ai/block-renderer.d.ts.map +1 -1
- package/dist/ai/block-renderer.js +43 -43
- package/dist/ai/block-renderer.js.map +1 -1
- package/dist/ai/blocks/block-table.d.ts.map +1 -1
- package/dist/ai/blocks/confirm.d.ts.map +1 -1
- package/dist/ai/blocks/divider.d.ts.map +1 -1
- package/dist/ai/blocks/error.d.ts.map +1 -1
- package/dist/ai/blocks/index.d.ts +5 -5
- package/dist/ai/blocks/index.d.ts.map +1 -1
- package/dist/ai/blocks/index.js +2 -2
- package/dist/ai/blocks/info.d.ts.map +1 -1
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/blocks/stat-row.d.ts.map +1 -1
- package/dist/ai/blocks/success.d.ts.map +1 -1
- package/dist/ai/blocks/text.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts +0 -11
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +128 -128
- package/dist/ai/command-bar.js.map +1 -1
- package/dist/ai/conversation.d.ts +1 -1
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +76 -76
- package/dist/ai/conversation.js.map +1 -1
- package/dist/ai/devadoot-icon.d.ts +0 -12
- package/dist/ai/devadoot-icon.d.ts.map +1 -1
- package/dist/ai/index.d.ts +11 -11
- package/dist/ai/index.d.ts.map +1 -1
- package/dist/ai/index.js +44 -44
- package/dist/ai/index.js.map +1 -1
- package/dist/composed/activity-feed.d.ts.map +1 -1
- package/dist/composed/activity-feed.js +93 -93
- package/dist/composed/activity-feed.js.map +1 -1
- package/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +50 -50
- package/dist/composed/avatar-group.js.map +1 -1
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +40 -40
- package/dist/composed/bulk-action-bar.js.map +1 -1
- package/dist/composed/command-palette.d.ts +0 -6
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +131 -131
- package/dist/composed/command-palette.js.map +1 -1
- package/dist/composed/confirm-dialog.d.ts.map +1 -1
- package/dist/composed/confirm-dialog.js.map +1 -1
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/content-card.js.map +1 -1
- package/dist/composed/date-picker/calendar-grid.d.ts.map +1 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-time-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/index.d.ts +11 -11
- package/dist/composed/date-picker/index.d.ts.map +1 -1
- package/dist/composed/date-picker/index.js +1 -1
- package/dist/composed/date-picker/month-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/presets.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/year-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +25 -25
- package/dist/composed/deadline-indicator.js.map +1 -1
- package/dist/composed/emoji-picker.d.ts.map +1 -1
- package/dist/composed/emoji-picker.js +37 -37
- package/dist/composed/emoji-picker.js.map +1 -1
- package/dist/composed/empty-state.d.ts.map +1 -1
- package/dist/composed/empty-state.js +21 -21
- package/dist/composed/empty-state.js.map +1 -1
- package/dist/composed/error-boundary.d.ts +1 -1
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js.map +1 -1
- package/dist/composed/extensions/emoji-node.d.ts.map +1 -1
- package/dist/composed/extensions/emoji-suggestion.d.ts.map +1 -1
- package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
- package/dist/composed/extensions/mention-suggestion.d.ts +1 -1
- package/dist/composed/extensions/mention-suggestion.d.ts.map +1 -1
- package/dist/composed/extensions/slash-command.d.ts +1 -1
- package/dist/composed/extensions/slash-command.d.ts.map +1 -1
- package/dist/composed/file-preview/audio-preview.d.ts.map +1 -1
- package/dist/composed/file-preview/document-preview.d.ts.map +1 -1
- package/dist/composed/file-preview/embed-preview.d.ts.map +1 -1
- package/dist/composed/file-preview/image-preview.d.ts.map +1 -1
- package/dist/composed/file-preview/shared.d.ts.map +1 -1
- package/dist/composed/file-preview/video-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/filter-bar.d.ts +1 -1
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +54 -54
- package/dist/composed/filter-bar.js.map +1 -1
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +26 -26
- package/dist/composed/form-section.js.map +1 -1
- package/dist/composed/global-loading.d.ts.map +1 -1
- package/dist/composed/global-loading.js.map +1 -1
- package/dist/composed/index.d.ts +55 -55
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/index.js +17 -17
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js.map +1 -1
- package/dist/composed/loading-skeleton.d.ts +1 -1
- package/dist/composed/loading-skeleton.d.ts.map +1 -1
- package/dist/composed/loading-skeleton.js.map +1 -1
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +3 -3
- package/dist/composed/markdown-viewer.js.map +1 -1
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +42 -42
- package/dist/composed/master-detail.js.map +1 -1
- package/dist/composed/member-picker.d.ts.map +1 -1
- package/dist/composed/member-picker.js.map +1 -1
- package/dist/composed/multi-select-popover.d.ts.map +1 -1
- package/dist/composed/multi-select-popover.js +55 -55
- package/dist/composed/multi-select-popover.js.map +1 -1
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js.map +1 -1
- package/dist/composed/page-skeletons.d.ts.map +1 -1
- package/dist/composed/page-skeletons.js.map +1 -1
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/priority-indicator.js +34 -34
- package/dist/composed/priority-indicator.js.map +1 -1
- package/dist/composed/responsive-overlay.d.ts.map +1 -1
- package/dist/composed/responsive-overlay.js.map +1 -1
- package/dist/composed/rich-chat-input/attachment-strip.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/audio-player.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/audio-waveform.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/chat-toolbar.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/recording-overlay.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/reply-banner.d.ts.map +1 -1
- package/dist/composed/rich-chat-input/schedule-send.d.ts.map +1 -1
- package/dist/composed/rich-chat-input.d.ts +6 -6
- package/dist/composed/rich-chat-input.d.ts.map +1 -1
- package/dist/composed/rich-chat-input.js +1 -1
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +25 -25
- package/dist/composed/rich-text-editor.js.map +1 -1
- package/dist/composed/schedule-view.d.ts.map +1 -1
- package/dist/composed/schedule-view.js +53 -53
- package/dist/composed/schedule-view.js.map +1 -1
- package/dist/composed/simple-tooltip.d.ts.map +1 -1
- package/dist/composed/simple-tooltip.js.map +1 -1
- package/dist/composed/status-badge.d.ts +1 -1
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +30 -30
- package/dist/composed/status-badge.js.map +1 -1
- package/dist/hooks/index.d.ts +3 -3
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/use-color-mode.js.map +1 -1
- package/dist/hooks/use-toast.d.ts +1 -1
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/motion/index.d.ts +2 -2
- package/dist/motion/index.d.ts.map +1 -1
- package/dist/motion/index.js.map +1 -1
- package/dist/motion/motion-provider.d.ts +1 -1
- package/dist/motion/motion-provider.d.ts.map +1 -1
- package/dist/motion/primitives-index.d.ts +1 -1
- package/dist/motion/primitives-index.d.ts.map +1 -1
- package/dist/motion/primitives-index.js +40 -40
- package/dist/motion/primitives-index.js.map +1 -1
- package/dist/motion/primitives.d.ts +1 -1
- package/dist/motion/primitives.d.ts.map +1 -1
- package/dist/shell/app-command-palette.d.ts +0 -8
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js.map +1 -1
- package/dist/shell/bottom-navbar.d.ts +0 -6
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +62 -62
- package/dist/shell/bottom-navbar.js.map +1 -1
- package/dist/shell/index.d.ts +8 -8
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +5 -5
- package/dist/shell/link-context.d.ts +1 -1
- package/dist/shell/link-context.d.ts.map +1 -1
- package/dist/shell/notification-center.d.ts +0 -6
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +54 -54
- package/dist/shell/notification-center.js.map +1 -1
- package/dist/shell/notification-preferences.d.ts +0 -6
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +22 -22
- package/dist/shell/notification-preferences.js.map +1 -1
- package/dist/shell/sidebar.d.ts.map +1 -1
- package/dist/shell/sidebar.js.map +1 -1
- package/dist/shell/top-bar.d.ts +0 -6
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js.map +1 -1
- package/dist/tailwind/index.cjs +15 -499
- package/dist/tailwind/preset.d.ts +21 -0
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +14 -489
- package/dist/tailwind/preset.js.map +1 -1
- package/dist/tokens/animations.css +17 -0
- package/dist/tokens/base.css +26 -0
- package/dist/tokens/index.css +22 -0
- package/dist/tokens/semantic.css +436 -464
- package/dist/tokens/shilp-sutra.css +41 -0
- package/dist/tokens/typography-semantic.css +48 -41
- package/dist/tokens/utilities.css +276 -0
- package/dist/tokens/variants.css +14 -0
- package/dist/ui/accordion.d.ts +2 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +23 -23
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/alert-dialog.d.ts +2 -2
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert-dialog.js +37 -37
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +36 -36
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/aspect-ratio.d.ts +1 -1
- package/dist/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/ui/aspect-ratio.js.map +1 -1
- package/dist/ui/autocomplete.d.ts +1 -1
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +27 -27
- package/dist/ui/autocomplete.js.map +1 -1
- package/dist/ui/avatar.d.ts +2 -2
- package/dist/ui/avatar.d.ts.map +1 -1
- package/dist/ui/avatar.js +41 -41
- package/dist/ui/avatar.js.map +1 -1
- package/dist/ui/badge-group.d.ts.map +1 -1
- package/dist/ui/badge-indicator.d.ts.map +1 -1
- package/dist/ui/badge-indicator.js +10 -10
- package/dist/ui/badge-indicator.js.map +1 -1
- package/dist/ui/badge.d.ts +2 -2
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +28 -28
- package/dist/ui/banner.js.map +1 -1
- package/dist/ui/breadcrumb.d.ts +1 -1
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js.map +1 -1
- package/dist/ui/button-processing.d.ts.map +1 -1
- package/dist/ui/button-processing.js +15 -15
- package/dist/ui/button-processing.js.map +1 -1
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +84 -84
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/card.d.ts +1 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +28 -28
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/charts/_internal/axes.d.ts +1 -1
- package/dist/ui/charts/_internal/axes.d.ts.map +1 -1
- package/dist/ui/charts/_internal/grid-lines.d.ts.map +1 -1
- package/dist/ui/charts/_internal/legend.d.ts.map +1 -1
- package/dist/ui/charts/_internal/tooltip.d.ts +1 -1
- package/dist/ui/charts/_internal/tooltip.d.ts.map +1 -1
- package/dist/ui/charts/area-chart.d.ts.map +1 -1
- package/dist/ui/charts/bar-chart.d.ts +1 -1
- package/dist/ui/charts/bar-chart.d.ts.map +1 -1
- package/dist/ui/charts/chart-container.d.ts.map +1 -1
- package/dist/ui/charts/gauge-chart.d.ts.map +1 -1
- package/dist/ui/charts/index.d.ts +5 -5
- package/dist/ui/charts/index.d.ts.map +1 -1
- package/dist/ui/charts/index.js +618 -618
- package/dist/ui/charts/index.js.map +1 -1
- package/dist/ui/charts/line-chart.d.ts.map +1 -1
- package/dist/ui/charts/pie-chart.d.ts.map +1 -1
- package/dist/ui/charts/radar-chart.d.ts.map +1 -1
- package/dist/ui/charts/sparkline.d.ts.map +1 -1
- package/dist/ui/chat/date-separator.d.ts.map +1 -1
- package/dist/ui/chat/index.d.ts +4 -4
- package/dist/ui/chat/index.d.ts.map +1 -1
- package/dist/ui/chat/index.js +1 -1
- package/dist/ui/chat/message-input.d.ts.map +1 -1
- package/dist/ui/chat/message-list.d.ts.map +1 -1
- package/dist/ui/chat/message.d.ts +1 -1
- package/dist/ui/chat/message.d.ts.map +1 -1
- package/dist/ui/chat/system-message.d.ts.map +1 -1
- package/dist/ui/chat/typing-indicator.d.ts.map +1 -1
- package/dist/ui/chat/unread-separator.d.ts.map +1 -1
- package/dist/ui/checkbox.d.ts.map +1 -1
- package/dist/ui/checkbox.js +18 -18
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/code.js.map +1 -1
- package/dist/ui/collapsible.d.ts +2 -2
- package/dist/ui/collapsible.d.ts.map +1 -1
- package/dist/ui/collapsible.js +10 -10
- package/dist/ui/collapsible.js.map +1 -1
- package/dist/ui/color-input.d.ts.map +1 -1
- package/dist/ui/color-input.js +85 -85
- package/dist/ui/color-input.js.map +1 -1
- package/dist/ui/color-swatch.d.ts.map +1 -1
- package/dist/ui/color-swatch.js.map +1 -1
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +58 -58
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/context-menu.d.ts +2 -2
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +47 -47
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/data-table-body.d.ts +1 -1
- package/dist/ui/data-table-body.d.ts.map +1 -1
- package/dist/ui/data-table-body.js +43 -43
- package/dist/ui/data-table-body.js.map +1 -1
- package/dist/ui/data-table-bulk-actions.js.map +1 -1
- package/dist/ui/data-table-card.d.ts.map +1 -1
- package/dist/ui/data-table-card.js +7 -7
- package/dist/ui/data-table-card.js.map +1 -1
- package/dist/ui/data-table-context.d.ts +1 -1
- package/dist/ui/data-table-context.d.ts.map +1 -1
- package/dist/ui/data-table-context.js.map +1 -1
- package/dist/ui/data-table-header.js +38 -38
- package/dist/ui/data-table-header.js.map +1 -1
- package/dist/ui/data-table-pagination.js.map +1 -1
- package/dist/ui/data-table-toolbar.d.ts.map +1 -1
- package/dist/ui/data-table-toolbar.js.map +1 -1
- package/dist/ui/data-table.d.ts +2 -2
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +5 -5
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/devalok-grain.js +8 -8
- package/dist/ui/devalok-grain.js.map +1 -1
- package/dist/ui/dialog.d.ts +2 -2
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +41 -41
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +2 -2
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +46 -46
- package/dist/ui/dropdown-menu.js.map +1 -1
- package/dist/ui/file-upload.d.ts.map +1 -1
- package/dist/ui/file-upload.js +54 -54
- package/dist/ui/file-upload.js.map +1 -1
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js +17 -17
- package/dist/ui/form.js.map +1 -1
- package/dist/ui/hover-card.d.ts +2 -2
- package/dist/ui/hover-card.d.ts.map +1 -1
- package/dist/ui/hover-card.js +19 -19
- package/dist/ui/hover-card.js.map +1 -1
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/icon-button.js.map +1 -1
- package/dist/ui/icon-group.d.ts.map +1 -1
- package/dist/ui/icon-group.js +4 -4
- package/dist/ui/icon-group.js.map +1 -1
- package/dist/ui/icon.d.ts.map +1 -1
- package/dist/ui/icon.js +32 -32
- package/dist/ui/icon.js.map +1 -1
- package/dist/ui/index.d.ts +57 -57
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +27 -27
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/input-otp.d.ts +1 -1
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js.map +1 -1
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +14 -14
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/label.d.ts +1 -1
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/lib/bottom-sheet.d.ts.map +1 -1
- package/dist/ui/lib/index.d.ts +4 -4
- package/dist/ui/lib/index.d.ts.map +1 -1
- package/dist/ui/lib/slot.d.ts +1 -1
- package/dist/ui/lib/slot.d.ts.map +1 -1
- package/dist/ui/lib/utils.d.ts.map +1 -1
- package/dist/ui/lib/utils.js.map +1 -1
- package/dist/ui/link.d.ts.map +1 -1
- package/dist/ui/link.js.map +1 -1
- package/dist/ui/menubar.d.ts +2 -2
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +64 -64
- package/dist/ui/menubar.js.map +1 -1
- package/dist/ui/navigation-menu.d.ts +2 -2
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +72 -72
- package/dist/ui/navigation-menu.js.map +1 -1
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js.map +1 -1
- package/dist/ui/pagination.d.ts +1 -1
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/popover.d.ts +2 -2
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/progress-ring.d.ts +1 -1
- package/dist/ui/progress-ring.d.ts.map +1 -1
- package/dist/ui/progress-ring.js +33 -33
- package/dist/ui/progress-ring.js.map +1 -1
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/progress.js +23 -23
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/radio.d.ts.map +1 -1
- package/dist/ui/radio.js +19 -19
- package/dist/ui/radio.js.map +1 -1
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +17 -17
- package/dist/ui/search-input.js.map +1 -1
- package/dist/ui/segmented-control.d.ts.map +1 -1
- package/dist/ui/segmented-control.js +19 -19
- package/dist/ui/segmented-control.js.map +1 -1
- package/dist/ui/select.d.ts +2 -2
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +68 -68
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/separator.d.ts.map +1 -1
- package/dist/ui/separator.js.map +1 -1
- package/dist/ui/sheet.d.ts +2 -2
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +44 -44
- package/dist/ui/sheet.js.map +1 -1
- package/dist/ui/sidebar.d.ts +1 -1
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +156 -156
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/skeleton.d.ts +1 -1
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/skeleton.js +2 -2
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/slider.d.ts.map +1 -1
- package/dist/ui/slider.js +5 -5
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/spinner.d.ts.map +1 -1
- package/dist/ui/spinner.js +21 -21
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/split-button.d.ts +1 -1
- package/dist/ui/split-button.d.ts.map +1 -1
- package/dist/ui/split-button.js +28 -28
- package/dist/ui/split-button.js.map +1 -1
- package/dist/ui/stack.d.ts +1 -1
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/stack.js.map +1 -1
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stat-card.js +73 -73
- package/dist/ui/stat-card.js.map +1 -1
- package/dist/ui/status-dot.d.ts.map +1 -1
- package/dist/ui/status-dot.js.map +1 -1
- package/dist/ui/stepper.d.ts +1 -1
- package/dist/ui/stepper.d.ts.map +1 -1
- package/dist/ui/stepper.js +48 -48
- package/dist/ui/stepper.js.map +1 -1
- package/dist/ui/switch.d.ts +1 -1
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +15 -15
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/table.d.ts +1 -1
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/tabs.d.ts +2 -2
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +52 -52
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/text.d.ts +1 -1
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/text.js.map +1 -1
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +13 -13
- package/dist/ui/textarea.js.map +1 -1
- package/dist/ui/toast-registry.js.map +1 -1
- package/dist/ui/toast.d.ts +3 -3
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +164 -164
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/toaster.d.ts.map +1 -1
- package/dist/ui/toaster.js +6 -6
- package/dist/ui/toaster.js.map +1 -1
- package/dist/ui/toggle-group.d.ts +1 -1
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle-group.js.map +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/toggle.d.ts.map +1 -1
- package/dist/ui/toggle.js +14 -14
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/tooltip.d.ts +2 -2
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +26 -26
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/tree-view/index.d.ts +2 -2
- package/dist/ui/tree-view/index.d.ts.map +1 -1
- package/dist/ui/tree-view/index.js +1 -1
- package/dist/ui/tree-view/tree-view.d.ts +1 -1
- package/dist/ui/tree-view/tree-view.d.ts.map +1 -1
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- package/dist/ui/visually-hidden.js.map +1 -1
- package/docs/components/_header.md +96 -0
- package/docs/rollback.md +179 -0
- package/llms-full.txt +97 -1
- package/llms.txt +24 -2
- package/package.json +296 -277
- package/dist/_chunks/framer.js +0 -5604
- package/dist/_chunks/framer.js.map +0 -1
- package/dist/_chunks/rolldown-runtime.js +0 -21
- package/dist/_chunks/sonner.js +0 -616
- package/dist/_chunks/sonner.js.map +0 -1
- package/dist/_chunks/stat-row.js +0 -432
- package/dist/_chunks/stat-row.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation.js","names":[],"sources":["../../src/ai/conversation.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport {\n IconCircleCheck,\n IconCircle,\n IconCircleX,\n IconLoader2,\n} from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { springs, durations } from '../ui/lib/motion'\nimport { useMotion } from '../motion/motion-provider'\nimport { BlockRenderer } from './block-renderer'\nimport { useAICommand } from './ai-command-provider'\nimport type {\n ConversationMessage,\n ProcessingStep,\n BlockComponentProps,\n} from './types'\n\n// ── Props ────────────────────────────────────────────────────────────────────\n\n/**\n * Renders a scrollable AI conversation thread with support for streaming\n * processing steps, custom content blocks, and action confirmations.\n */\nexport interface AIConversationProps {\n /** Ordered conversation messages (user + assistant turns). */\n messages: ConversationMessage[]\n /** When true, shows a live processing indicator below the last message. */\n isProcessing?: boolean\n /** Granular processing steps shown during the processing state. */\n processingSteps?: ProcessingStep[]\n /** Agent identity displayed as a header on assistant messages. */\n agent?: { name: string; icon?: React.ReactNode }\n /** Called when user interacts with an action block (confirm/cancel/undo). */\n onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n /** Map of custom block type names to React components for extensible rendering. */\n customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n /** Max height of the conversation container (CSS value). Enables scrolling. */\n maxHeight?: string | number\n /** Auto-scroll to bottom on new messages. @default true */\n autoScroll?: boolean\n className?: string\n}\n\n// ── Step status icon ─────────────────────────────────────────────────────────\n\nfunction StepStatusIcon({ status }: { status: ProcessingStep['status'] }) {\n switch (status) {\n case 'done':\n return (\n <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n )\n case 'active':\n return (\n <motion.span\n className=\"inline-flex items-center justify-center text-accent-9\"\n animate={{ rotate: 360 }}\n transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n aria-hidden=\"true\"\n >\n <Icon icon={IconLoader2} size=\"sm\" />\n </motion.span>\n )\n case 'error':\n return (\n <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n )\n case 'pending':\n default:\n return (\n <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n )\n }\n}\n\n// ── Agent header ─────────────────────────────────────────────────────────────\n\nfunction AgentHeader({\n name,\n icon,\n}: {\n name: string\n icon?: React.ReactNode\n}) {\n return (\n <div className=\"flex items-center gap-ds-02b mb-ds-03\">\n {icon && <span className=\"h-4 w-4 flex items-center justify-center\">{icon}</span>}\n <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n {name}\n </span>\n </div>\n )\n}\n\n// ── User message ─────────────────────────────────────────────────────────────\n\nfunction UserMessage({\n message,\n reducedMotion,\n}: {\n message: ConversationMessage\n reducedMotion: boolean\n}) {\n if (reducedMotion) {\n return (\n <div className=\"bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04\">\n <p className=\"text-ds-sm text-surface-fg\">{message.content}</p>\n </div>\n )\n }\n\n return (\n <motion.div\n className=\"bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04\"\n initial={{ opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n transition={springs.snappy}\n >\n <p className=\"text-ds-sm text-surface-fg\">{message.content}</p>\n </motion.div>\n )\n}\n\n// ── Assistant message ────────────────────────────────────────────────────────\n\nfunction AssistantMessage({\n message,\n agent,\n onAction,\n customBlocks,\n}: {\n message: ConversationMessage\n agent: { name: string; icon?: React.ReactNode }\n onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n}) {\n return (\n <div>\n <AgentHeader name={agent.name} icon={agent.icon} />\n {message.blocks && (\n <BlockRenderer\n blocks={message.blocks}\n onAction={onAction}\n customBlocks={customBlocks}\n />\n )}\n </div>\n )\n}\n\n// ── Processing indicator ─────────────────────────────────────────────────────\n\nfunction ProcessingIndicator({\n steps,\n agent,\n reducedMotion,\n}: {\n steps?: ProcessingStep[]\n agent: { name: string; icon?: React.ReactNode }\n reducedMotion: boolean\n}) {\n // Step visualization\n if (steps && steps.length > 0) {\n return (\n <div role=\"status\" aria-busy=\"true\" aria-label=\"Processing\">\n <AgentHeader name={agent.name} icon={agent.icon} />\n <div className=\"flex flex-col gap-ds-02b\">\n {steps.map((step, i) => (\n <motion.div\n key={step.id}\n className=\"flex items-center gap-ds-02b\"\n initial={reducedMotion ? undefined : { opacity: 0, x: -8 }}\n animate={{ opacity: 1, x: 0 }}\n transition={\n reducedMotion\n ? { duration: 0 }\n : { duration: durations.moderate01b, delay: i * 0.05 }\n }\n >\n <StepStatusIcon status={step.status} />\n <span\n className={cn(\n 'text-ds-sm',\n step.status === 'pending'\n ? 'text-surface-fg-subtle'\n : 'text-surface-fg',\n )}\n >\n {step.label}\n </span>\n </motion.div>\n ))}\n </div>\n </div>\n )\n }\n\n // Breathing dots\n return (\n <div\n role=\"status\"\n aria-busy=\"true\"\n aria-label={`${agent.name} is processing`}\n >\n <AgentHeader name={agent.name} icon={agent.icon} />\n <div className=\"flex items-center gap-ds-02\">\n {!reducedMotion &&\n [0, 1, 2].map((i) => (\n <motion.span\n key={i}\n className=\"h-1.5 w-1.5 rounded-full bg-accent-9\"\n animate={{ scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] }}\n transition={{\n duration: 1.4,\n repeat: Infinity,\n ease: 'easeInOut',\n delay: i * 0.16,\n }}\n />\n ))}\n <span className=\"ml-ds-02b text-ds-sm text-surface-fg-subtle\">\n {agent.name} is thinking...\n </span>\n </div>\n </div>\n )\n}\n\n// ── Scroll-to-bottom pill ────────────────────────────────────────────────────\n\nfunction ScrollToBottomPill({ onClick }: { onClick: () => void }) {\n return (\n <motion.button\n role=\"button\"\n aria-label=\"Scroll to latest response\"\n className=\"absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-ds-xs font-medium rounded-full px-ds-04 py-ds-02 shadow-floating\"\n initial={{ opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: 8 }}\n transition={springs.snappy}\n onClick={onClick}\n >\n {'\\u2193'} New response\n </motion.button>\n )\n}\n\n// ── Default agent ────────────────────────────────────────────────────────────\n\nconst DEFAULT_AGENT = { name: 'Assistant' }\n\n// ── AIConversation ───────────────────────────────────────────────────────────\n\nconst AIConversation = React.forwardRef<HTMLDivElement, AIConversationProps>(({\n messages,\n isProcessing = false,\n processingSteps,\n agent: agentProp,\n onAction,\n customBlocks,\n maxHeight,\n autoScroll = true,\n className,\n}, ref) => {\n const ctx = useAICommand()\n const { reducedMotion } = useMotion()\n\n // Resolve agent: prop > context > default\n const agent = agentProp ?? ctx?.agent ?? DEFAULT_AGENT\n\n // Resolve onAction: prop > context\n const resolvedOnAction = onAction ?? ctx?.onAction\n\n // Resolve customBlocks: prop wins over context\n const resolvedCustomBlocks = React.useMemo(() => {\n const contextBlocks = ctx?.customBlocks ?? {}\n return { ...contextBlocks, ...customBlocks }\n }, [ctx?.customBlocks, customBlocks])\n\n // ── Auto-scroll ──────────────────────────────────────────────────────────\n\n const scrollRef = React.useRef<HTMLDivElement>(null)\n const sentinelRef = React.useRef<HTMLDivElement>(null)\n const [isAtBottom, setIsAtBottom] = React.useState(true)\n const [hasNewContent, setHasNewContent] = React.useState(false)\n const prevMessageCount = React.useRef(messages.length)\n const prevProcessing = React.useRef(isProcessing)\n\n // Track if user is scrolled to bottom via IntersectionObserver\n React.useEffect(() => {\n if (!autoScroll || !sentinelRef.current) return\n\n const observer = new IntersectionObserver(\n ([entry]) => {\n setIsAtBottom(entry.isIntersecting)\n if (entry.isIntersecting) {\n setHasNewContent(false)\n }\n },\n {\n root: scrollRef.current,\n threshold: 0.1,\n },\n )\n\n observer.observe(sentinelRef.current)\n return () => observer.disconnect()\n }, [autoScroll])\n\n // Auto-scroll or show pill on new content\n React.useEffect(() => {\n const contentChanged =\n messages.length !== prevMessageCount.current ||\n isProcessing !== prevProcessing.current\n\n prevMessageCount.current = messages.length\n prevProcessing.current = isProcessing\n\n if (!contentChanged || !autoScroll) return\n\n if (isAtBottom) {\n sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n } else {\n setHasNewContent(true)\n }\n }, [messages, isProcessing, isAtBottom, autoScroll])\n\n const scrollToBottom = React.useCallback(() => {\n sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n setIsAtBottom(true)\n setHasNewContent(false)\n }, [])\n\n // ── Render ───────────────────────────────────────────────────────────────\n\n return (\n <div ref={ref} className={cn('relative', className)}>\n <div\n ref={scrollRef}\n className=\"flex flex-col gap-ds-05 overflow-y-auto\"\n aria-live=\"polite\"\n style={\n maxHeight\n ? {\n maxHeight:\n typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n }\n : undefined\n }\n >\n {messages.map((msg) =>\n msg.role === 'user' ? (\n <UserMessage\n key={msg.id}\n message={msg}\n reducedMotion={reducedMotion}\n />\n ) : (\n <AssistantMessage\n key={msg.id}\n message={msg}\n agent={agent}\n onAction={resolvedOnAction}\n customBlocks={resolvedCustomBlocks}\n />\n ),\n )}\n {isProcessing && (\n <ProcessingIndicator\n steps={processingSteps}\n agent={agent}\n reducedMotion={reducedMotion}\n />\n )}\n <div ref={sentinelRef} className=\"h-px\" />\n </div>\n <AnimatePresence>\n {!isAtBottom && hasNewContent && (\n <ScrollToBottomPill onClick={scrollToBottom} />\n )}\n </AnimatePresence>\n </div>\n )\n})\nAIConversation.displayName = 'AIConversation'\n\nexport { AIConversation }\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"conversation.js","names":[],"sources":["../../src/ai/conversation.tsx"],"sourcesContent":["'use client'\n\nimport {\n IconCircle,\n IconCircleCheck,\n IconCircleX,\n IconLoader2,\n} from '@tabler/icons-react'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport { Icon } from '../ui/icon'\nimport { durations,springs } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\nimport { useAICommand } from './ai-command-provider'\nimport { BlockRenderer } from './block-renderer'\nimport type {\n BlockComponentProps,\n ConversationMessage,\n ProcessingStep,\n} from './types'\n\n// ── Props ────────────────────────────────────────────────────────────────────\n\n/**\n * Renders a scrollable AI conversation thread with support for streaming\n * processing steps, custom content blocks, and action confirmations.\n */\nexport interface AIConversationProps {\n /** Ordered conversation messages (user + assistant turns). */\n messages: ConversationMessage[]\n /** When true, shows a live processing indicator below the last message. */\n isProcessing?: boolean\n /** Granular processing steps shown during the processing state. */\n processingSteps?: ProcessingStep[]\n /** Agent identity displayed as a header on assistant messages. */\n agent?: { name: string; icon?: React.ReactNode }\n /** Called when user interacts with an action block (confirm/cancel/undo). */\n onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n /** Map of custom block type names to React components for extensible rendering. */\n customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n /** Max height of the conversation container (CSS value). Enables scrolling. */\n maxHeight?: string | number\n /** Auto-scroll to bottom on new messages. @default true */\n autoScroll?: boolean\n className?: string\n}\n\n// ── Step status icon ─────────────────────────────────────────────────────────\n\nfunction StepStatusIcon({ status }: { status: ProcessingStep['status'] }) {\n switch (status) {\n case 'done':\n return (\n <Icon icon={IconCircleCheck} size=\"sm\" className=\"text-success-11\" />\n )\n case 'active':\n return (\n <motion.span\n className=\"inline-flex items-center justify-center text-accent-9\"\n animate={{ rotate: 360 }}\n transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n aria-hidden=\"true\"\n >\n <Icon icon={IconLoader2} size=\"sm\" />\n </motion.span>\n )\n case 'error':\n return (\n <Icon icon={IconCircleX} size=\"sm\" className=\"text-error-11\" />\n )\n case 'pending':\n default:\n return (\n <Icon icon={IconCircle} size=\"sm\" className=\"text-surface-fg-subtle opacity-50\" />\n )\n }\n}\n\n// ── Agent header ─────────────────────────────────────────────────────────────\n\nfunction AgentHeader({\n name,\n icon,\n}: {\n name: string\n icon?: React.ReactNode\n}) {\n return (\n <div className=\"flex items-center gap-ds-02b mb-ds-03\">\n {icon && <span className=\"h-4 w-4 flex items-center justify-center\">{icon}</span>}\n <span className=\"text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\">\n {name}\n </span>\n </div>\n )\n}\n\n// ── User message ─────────────────────────────────────────────────────────────\n\nfunction UserMessage({\n message,\n reducedMotion,\n}: {\n message: ConversationMessage\n reducedMotion: boolean\n}) {\n if (reducedMotion) {\n return (\n <div className=\"bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04\">\n <p className=\"text-ds-sm text-surface-fg\">{message.content}</p>\n </div>\n )\n }\n\n return (\n <motion.div\n className=\"bg-surface-raised rounded-ds-lg px-ds-05 py-ds-04\"\n initial={{ opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n transition={springs.snappy}\n >\n <p className=\"text-ds-sm text-surface-fg\">{message.content}</p>\n </motion.div>\n )\n}\n\n// ── Assistant message ────────────────────────────────────────────────────────\n\nfunction AssistantMessage({\n message,\n agent,\n onAction,\n customBlocks,\n}: {\n message: ConversationMessage\n agent: { name: string; icon?: React.ReactNode }\n onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void\n customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>\n}) {\n return (\n <div>\n <AgentHeader name={agent.name} icon={agent.icon} />\n {message.blocks && (\n <BlockRenderer\n blocks={message.blocks}\n onAction={onAction}\n customBlocks={customBlocks}\n />\n )}\n </div>\n )\n}\n\n// ── Processing indicator ─────────────────────────────────────────────────────\n\nfunction ProcessingIndicator({\n steps,\n agent,\n reducedMotion,\n}: {\n steps?: ProcessingStep[]\n agent: { name: string; icon?: React.ReactNode }\n reducedMotion: boolean\n}) {\n // Step visualization\n if (steps && steps.length > 0) {\n return (\n <div role=\"status\" aria-busy=\"true\" aria-label=\"Processing\">\n <AgentHeader name={agent.name} icon={agent.icon} />\n <div className=\"flex flex-col gap-ds-02b\">\n {steps.map((step, i) => (\n <motion.div\n key={step.id}\n className=\"flex items-center gap-ds-02b\"\n initial={reducedMotion ? undefined : { opacity: 0, x: -8 }}\n animate={{ opacity: 1, x: 0 }}\n transition={\n reducedMotion\n ? { duration: 0 }\n : { duration: durations.moderate01b, delay: i * 0.05 }\n }\n >\n <StepStatusIcon status={step.status} />\n <span\n className={cn(\n 'text-ds-sm',\n step.status === 'pending'\n ? 'text-surface-fg-subtle'\n : 'text-surface-fg',\n )}\n >\n {step.label}\n </span>\n </motion.div>\n ))}\n </div>\n </div>\n )\n }\n\n // Breathing dots\n return (\n <div\n role=\"status\"\n aria-busy=\"true\"\n aria-label={`${agent.name} is processing`}\n >\n <AgentHeader name={agent.name} icon={agent.icon} />\n <div className=\"flex items-center gap-ds-02\">\n {!reducedMotion &&\n [0, 1, 2].map((i) => (\n <motion.span\n key={i}\n className=\"h-1.5 w-1.5 rounded-full bg-accent-9\"\n animate={{ scale: [1, 1.4, 1], opacity: [0.4, 1, 0.4] }}\n transition={{\n duration: 1.4,\n repeat: Infinity,\n ease: 'easeInOut',\n delay: i * 0.16,\n }}\n />\n ))}\n <span className=\"ml-ds-02b text-ds-sm text-surface-fg-subtle\">\n {agent.name} is thinking...\n </span>\n </div>\n </div>\n )\n}\n\n// ── Scroll-to-bottom pill ────────────────────────────────────────────────────\n\nfunction ScrollToBottomPill({ onClick }: { onClick: () => void }) {\n return (\n <motion.button\n role=\"button\"\n aria-label=\"Scroll to latest response\"\n className=\"absolute bottom-ds-04 left-1/2 -translate-x-1/2 z-10 flex items-center gap-ds-02 bg-accent-9 text-accent-fg text-ds-xs font-medium rounded-full px-ds-04 py-ds-02 shadow-floating\"\n initial={{ opacity: 0, y: 8 }}\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: 8 }}\n transition={springs.snappy}\n onClick={onClick}\n >\n {'\\u2193'} New response\n </motion.button>\n )\n}\n\n// ── Default agent ────────────────────────────────────────────────────────────\n\nconst DEFAULT_AGENT = { name: 'Assistant' }\n\n// ── AIConversation ───────────────────────────────────────────────────────────\n\nconst AIConversation = React.forwardRef<HTMLDivElement, AIConversationProps>(({\n messages,\n isProcessing = false,\n processingSteps,\n agent: agentProp,\n onAction,\n customBlocks,\n maxHeight,\n autoScroll = true,\n className,\n}, ref) => {\n const ctx = useAICommand()\n const { reducedMotion } = useMotion()\n\n // Resolve agent: prop > context > default\n const agent = agentProp ?? ctx?.agent ?? DEFAULT_AGENT\n\n // Resolve onAction: prop > context\n const resolvedOnAction = onAction ?? ctx?.onAction\n\n // Resolve customBlocks: prop wins over context\n const resolvedCustomBlocks = React.useMemo(() => {\n const contextBlocks = ctx?.customBlocks ?? {}\n return { ...contextBlocks, ...customBlocks }\n }, [ctx?.customBlocks, customBlocks])\n\n // ── Auto-scroll ──────────────────────────────────────────────────────────\n\n const scrollRef = React.useRef<HTMLDivElement>(null)\n const sentinelRef = React.useRef<HTMLDivElement>(null)\n const [isAtBottom, setIsAtBottom] = React.useState(true)\n const [hasNewContent, setHasNewContent] = React.useState(false)\n const prevMessageCount = React.useRef(messages.length)\n const prevProcessing = React.useRef(isProcessing)\n\n // Track if user is scrolled to bottom via IntersectionObserver\n React.useEffect(() => {\n if (!autoScroll || !sentinelRef.current) return\n\n const observer = new IntersectionObserver(\n ([entry]) => {\n setIsAtBottom(entry.isIntersecting)\n if (entry.isIntersecting) {\n setHasNewContent(false)\n }\n },\n {\n root: scrollRef.current,\n threshold: 0.1,\n },\n )\n\n observer.observe(sentinelRef.current)\n return () => observer.disconnect()\n }, [autoScroll])\n\n // Auto-scroll or show pill on new content\n React.useEffect(() => {\n const contentChanged =\n messages.length !== prevMessageCount.current ||\n isProcessing !== prevProcessing.current\n\n prevMessageCount.current = messages.length\n prevProcessing.current = isProcessing\n\n if (!contentChanged || !autoScroll) return\n\n if (isAtBottom) {\n sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n } else {\n setHasNewContent(true)\n }\n }, [messages, isProcessing, isAtBottom, autoScroll])\n\n const scrollToBottom = React.useCallback(() => {\n sentinelRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })\n setIsAtBottom(true)\n setHasNewContent(false)\n }, [])\n\n // ── Render ───────────────────────────────────────────────────────────────\n\n return (\n <div ref={ref} className={cn('relative', className)}>\n <div\n ref={scrollRef}\n className=\"flex flex-col gap-ds-05 overflow-y-auto\"\n aria-live=\"polite\"\n style={\n maxHeight\n ? {\n maxHeight:\n typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n }\n : undefined\n }\n >\n {messages.map((msg) =>\n msg.role === 'user' ? (\n <UserMessage\n key={msg.id}\n message={msg}\n reducedMotion={reducedMotion}\n />\n ) : (\n <AssistantMessage\n key={msg.id}\n message={msg}\n agent={agent}\n onAction={resolvedOnAction}\n customBlocks={resolvedCustomBlocks}\n />\n ),\n )}\n {isProcessing && (\n <ProcessingIndicator\n steps={processingSteps}\n agent={agent}\n reducedMotion={reducedMotion}\n />\n )}\n <div ref={sentinelRef} className=\"h-px\" />\n </div>\n <AnimatePresence>\n {!isAtBottom && hasNewContent && (\n <ScrollToBottomPill onClick={scrollToBottom} />\n )}\n </AnimatePresence>\n </div>\n )\n})\nAIConversation.displayName = 'AIConversation'\n\nexport { AIConversation }\n"],"mappings":"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"}
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
/**
|
|
3
|
-
* DevadootIcon -- Animated Devalok chakra for the AI command system.
|
|
4
|
-
*
|
|
5
|
-
* Renders the Devalok chakra SVG with **fill-first** animations:
|
|
6
|
-
* - idle: gradient color breathing (pink ↔ rose, slow cycle)
|
|
7
|
-
* - processing: gradient sweep (pink → purple → blue → pink cycle) + glow pulse
|
|
8
|
-
* - responded: bright flash → settle to solid brand + brief scale pop
|
|
9
|
-
* - error: red fill + glow pulse
|
|
10
|
-
*
|
|
11
|
-
* Inspired by Google Gemini's gradient-as-identity approach: the color IS
|
|
12
|
-
* the animation, not just rotation/scale applied to a static shape.
|
|
13
|
-
*/
|
|
14
2
|
import * as React from 'react';
|
|
15
3
|
export type DevadootState = 'idle' | 'processing' | 'responded' | 'error';
|
|
16
4
|
export interface DevadootIconProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devadoot-icon.d.ts","sourceRoot":"","sources":["../../src/ai/devadoot-icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"devadoot-icon.d.ts","sourceRoot":"","sources":["../../src/ai/devadoot-icon.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAA;AAEzE,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAiCD,QAAA,MAAM,YAAY,0DAIf,iBAAiB,6CAqJlB,CAAA;AAIF,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
package/dist/ai/index.d.ts
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export {
|
|
2
|
+
export type { AICommandContext, AICommandProviderProps } from './ai-command-provider';
|
|
3
|
+
export { AICommandProvider, useAICommand } from './ai-command-provider';
|
|
4
|
+
export type { BlockRendererProps } from './block-renderer';
|
|
5
|
+
export { BlockRenderer } from './block-renderer';
|
|
3
6
|
export type { CommandBarProps } from './command-bar';
|
|
4
|
-
export {
|
|
7
|
+
export { CommandBar } from './command-bar';
|
|
5
8
|
export type { AIConversationProps } from './conversation';
|
|
6
|
-
export {
|
|
7
|
-
export type { BlockRendererProps } from './block-renderer';
|
|
8
|
-
export { AICommandProvider, useAICommand } from './ai-command-provider';
|
|
9
|
-
export type { AICommandProviderProps, AICommandContext } from './ai-command-provider';
|
|
10
|
-
export { DevadootIcon } from './devadoot-icon';
|
|
9
|
+
export { AIConversation } from './conversation';
|
|
11
10
|
export type { DevadootIconProps, DevadootState } from './devadoot-icon';
|
|
12
|
-
export {
|
|
11
|
+
export { DevadootIcon } from './devadoot-icon';
|
|
13
12
|
export { BlockTable } from './blocks/block-table';
|
|
14
13
|
export { ConfirmBlock } from './blocks/confirm';
|
|
15
|
-
export {
|
|
14
|
+
export { DividerBlock } from './blocks/divider';
|
|
16
15
|
export { ErrorBlock } from './blocks/error';
|
|
17
16
|
export { InfoBlock } from './blocks/info';
|
|
18
17
|
export { LoadingBlock } from './blocks/loading';
|
|
19
|
-
export { DividerBlock } from './blocks/divider';
|
|
20
18
|
export { StatRowBlock } from './blocks/stat-row';
|
|
21
|
-
export
|
|
19
|
+
export { SuccessBlock } from './blocks/success';
|
|
20
|
+
export { TextBlock } from './blocks/text';
|
|
21
|
+
export type { AIResponse, Block, BlockComponentProps, BlockTableColumn, BlockTableData, ConfirmBlockData, ConversationMessage, ErrorBlockData, LoadingBlockData, ProcessingStep, StatRowBlockData, StatRowStat, SuccessBlockData, } from './types';
|
|
22
22
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/ai/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ai/index.ts"],"names":[],"mappings":"AAGA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ai/index.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,gBAAgB,EAAC,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACpF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAGzC,YAAY,EACV,UAAU,EACV,KAAK,EACL,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAA"}
|
package/dist/ai/index.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { n as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
2
|
+
import { cn as e } from "../ui/lib/utils.js";
|
|
3
|
+
import { n as t } from "../_chunks/motion-provider.js";
|
|
4
|
+
import { AICommandProvider as n, useAICommand as r } from "./ai-command-provider.js";
|
|
5
|
+
import { a as i, c as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f } from "../_chunks/text.js";
|
|
6
|
+
import { BlockRenderer as p } from "./block-renderer.js";
|
|
7
|
+
import { CommandBar as m } from "./command-bar.js";
|
|
8
|
+
import { AIConversation as h } from "./conversation.js";
|
|
9
|
+
import * as g from "react";
|
|
10
|
+
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
11
|
+
import { AnimatePresence as y, animate as b, motion as x, useMotionValue as S, useTransform as C } from "framer-motion";
|
|
12
12
|
//#region src/ai/devadoot-icon.tsx
|
|
13
13
|
var w = "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z", T = "#D33163", E = "#E8457A", D = "#9B5DE5", O = "#C850C0", k = "#FF6B9D", A = "#E5383B";
|
|
14
14
|
function j(e) {
|
|
15
|
-
let t =
|
|
16
|
-
return
|
|
17
|
-
let n =
|
|
15
|
+
let t = S(0);
|
|
16
|
+
return g.useEffect(() => {
|
|
17
|
+
let n = b(t, 360, {
|
|
18
18
|
duration: e === "processing" ? 4 : 12,
|
|
19
19
|
repeat: Infinity,
|
|
20
20
|
ease: "linear"
|
|
21
21
|
});
|
|
22
22
|
return () => n.stop();
|
|
23
|
-
}, [t, e]),
|
|
23
|
+
}, [t, e]), C(t, (e) => `rotate(${e}, 16, 16)`);
|
|
24
24
|
}
|
|
25
|
-
var M =
|
|
26
|
-
let { reducedMotion:
|
|
27
|
-
if (
|
|
25
|
+
var M = g.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
26
|
+
let { reducedMotion: a } = t(), o = j(n), s = g.useId(), c = g.useId();
|
|
27
|
+
if (a) return /* @__PURE__ */ _("svg", {
|
|
28
28
|
viewBox: "0 0 32 32",
|
|
29
29
|
width: r,
|
|
30
30
|
height: r,
|
|
31
31
|
className: i,
|
|
32
32
|
"aria-hidden": "true",
|
|
33
|
-
children: /* @__PURE__ */
|
|
33
|
+
children: /* @__PURE__ */ _("path", {
|
|
34
34
|
d: w,
|
|
35
35
|
fill: n === "error" ? A : T
|
|
36
36
|
})
|
|
37
37
|
});
|
|
38
|
-
let
|
|
38
|
+
let l = n === "error" ? {
|
|
39
39
|
s1: A,
|
|
40
40
|
s2: "#FF6B6B",
|
|
41
41
|
s3: A
|
|
@@ -51,15 +51,15 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
51
51
|
s1: T,
|
|
52
52
|
s2: E,
|
|
53
53
|
s3: T
|
|
54
|
-
},
|
|
55
|
-
return /* @__PURE__ */
|
|
56
|
-
className:
|
|
54
|
+
}, u = n === "processing" ? 3 : n === "error" ? 2.5 : 0;
|
|
55
|
+
return /* @__PURE__ */ _("span", {
|
|
56
|
+
className: e("relative inline-flex items-center justify-center", i),
|
|
57
57
|
style: {
|
|
58
58
|
width: r,
|
|
59
59
|
height: r
|
|
60
60
|
},
|
|
61
61
|
"aria-hidden": "true",
|
|
62
|
-
children: /* @__PURE__ */
|
|
62
|
+
children: /* @__PURE__ */ v(x.svg, {
|
|
63
63
|
viewBox: "0 0 32 32",
|
|
64
64
|
width: r,
|
|
65
65
|
height: r,
|
|
@@ -81,17 +81,17 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
81
81
|
} } : n === "error" ? { x: { duration: .4 } } : { duration: .3 },
|
|
82
82
|
style: { overflow: "visible" },
|
|
83
83
|
children: [
|
|
84
|
-
/* @__PURE__ */
|
|
85
|
-
id:
|
|
84
|
+
/* @__PURE__ */ v("defs", { children: [/* @__PURE__ */ v(x.linearGradient, {
|
|
85
|
+
id: s,
|
|
86
86
|
x1: "0",
|
|
87
87
|
y1: "0",
|
|
88
88
|
x2: "1",
|
|
89
89
|
y2: "1",
|
|
90
|
-
gradientTransform:
|
|
90
|
+
gradientTransform: o,
|
|
91
91
|
children: [
|
|
92
|
-
/* @__PURE__ */
|
|
92
|
+
/* @__PURE__ */ _(x.stop, {
|
|
93
93
|
offset: "0%",
|
|
94
|
-
animate: { stopColor:
|
|
94
|
+
animate: { stopColor: l.s1 },
|
|
95
95
|
transition: {
|
|
96
96
|
duration: n === "processing" ? 3 : 5,
|
|
97
97
|
repeat: Infinity,
|
|
@@ -99,9 +99,9 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
99
99
|
ease: "easeInOut"
|
|
100
100
|
}
|
|
101
101
|
}),
|
|
102
|
-
/* @__PURE__ */
|
|
102
|
+
/* @__PURE__ */ _(x.stop, {
|
|
103
103
|
offset: "50%",
|
|
104
|
-
animate: { stopColor:
|
|
104
|
+
animate: { stopColor: l.s2 },
|
|
105
105
|
transition: {
|
|
106
106
|
duration: n === "processing" ? 3 : 5,
|
|
107
107
|
repeat: Infinity,
|
|
@@ -110,9 +110,9 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
110
110
|
delay: .5
|
|
111
111
|
}
|
|
112
112
|
}),
|
|
113
|
-
/* @__PURE__ */
|
|
113
|
+
/* @__PURE__ */ _(x.stop, {
|
|
114
114
|
offset: "100%",
|
|
115
|
-
animate: { stopColor:
|
|
115
|
+
animate: { stopColor: l.s3 },
|
|
116
116
|
transition: {
|
|
117
117
|
duration: n === "processing" ? 3 : 5,
|
|
118
118
|
repeat: Infinity,
|
|
@@ -122,25 +122,25 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
122
122
|
}
|
|
123
123
|
})
|
|
124
124
|
]
|
|
125
|
-
}), /* @__PURE__ */
|
|
126
|
-
id:
|
|
125
|
+
}), /* @__PURE__ */ _("filter", {
|
|
126
|
+
id: c,
|
|
127
127
|
x: "-50%",
|
|
128
128
|
y: "-50%",
|
|
129
129
|
width: "200%",
|
|
130
130
|
height: "200%",
|
|
131
|
-
children: /* @__PURE__ */
|
|
131
|
+
children: /* @__PURE__ */ _(x.feGaussianBlur, {
|
|
132
132
|
in: "SourceGraphic",
|
|
133
|
-
animate: { stdDeviation:
|
|
133
|
+
animate: { stdDeviation: u },
|
|
134
134
|
transition: {
|
|
135
135
|
duration: .6,
|
|
136
136
|
ease: "easeOut"
|
|
137
137
|
}
|
|
138
138
|
})
|
|
139
139
|
})] }),
|
|
140
|
-
/* @__PURE__ */
|
|
140
|
+
/* @__PURE__ */ _(y, { children: (n === "processing" || n === "error") && /* @__PURE__ */ _(x.path, {
|
|
141
141
|
d: w,
|
|
142
|
-
fill: `url(#${
|
|
143
|
-
filter: `url(#${
|
|
142
|
+
fill: `url(#${s})`,
|
|
143
|
+
filter: `url(#${c})`,
|
|
144
144
|
initial: { opacity: 0 },
|
|
145
145
|
animate: { opacity: [
|
|
146
146
|
.2,
|
|
@@ -154,7 +154,7 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
154
154
|
ease: "easeInOut"
|
|
155
155
|
} }
|
|
156
156
|
}) }),
|
|
157
|
-
/* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ _(y, { children: n === "processing" && /* @__PURE__ */ _(x.path, {
|
|
158
158
|
d: w,
|
|
159
159
|
fill: "white",
|
|
160
160
|
initial: { opacity: 0 },
|
|
@@ -170,10 +170,10 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
170
170
|
ease: "easeInOut"
|
|
171
171
|
} }
|
|
172
172
|
}) }),
|
|
173
|
-
/* @__PURE__ */
|
|
173
|
+
/* @__PURE__ */ _(x.path, {
|
|
174
174
|
d: w,
|
|
175
|
-
fill: `url(#${
|
|
176
|
-
animate: n === "responded" ? { fill: [`url(#${
|
|
175
|
+
fill: `url(#${s})`,
|
|
176
|
+
animate: n === "responded" ? { fill: [`url(#${s})`, `url(#${s})`] } : {}
|
|
177
177
|
})
|
|
178
178
|
]
|
|
179
179
|
})
|
|
@@ -181,4 +181,4 @@ var M = x.memo(function({ state: n = "idle", size: r = 20, className: i }) {
|
|
|
181
181
|
});
|
|
182
182
|
M.displayName = "DevadootIcon";
|
|
183
183
|
//#endregion
|
|
184
|
-
export {
|
|
184
|
+
export { n as AICommandProvider, h as AIConversation, p as BlockRenderer, s as BlockTable, m as CommandBar, a as ConfirmBlock, M as DevadootIcon, d as DividerBlock, l as ErrorBlock, i as InfoBlock, o as LoadingBlock, u as StatRowBlock, c as SuccessBlock, f as TextBlock, r as useAICommand };
|
package/dist/ai/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/ai/devadoot-icon.tsx"],"sourcesContent":["'use client'\n\n/**\n * DevadootIcon -- Animated Devalok chakra for the AI command system.\n *\n * Renders the Devalok chakra SVG with **fill-first** animations:\n * - idle: gradient color breathing (pink ↔ rose, slow cycle)\n * - processing: gradient sweep (pink → purple → blue → pink cycle) + glow pulse\n * - responded: bright flash → settle to solid brand + brief scale pop\n * - error: red fill + glow pulse\n *\n * Inspired by Google Gemini's gradient-as-identity approach: the color IS\n * the animation, not just rotation/scale applied to a static shape.\n */\nimport * as React from 'react'\nimport { motion, useMotionValue, useTransform, animate, AnimatePresence } from 'framer-motion'\nimport { cn } from '../ui/lib/utils'\nimport { useMotion } from '../motion/motion-provider'\n\nexport type DevadootState = 'idle' | 'processing' | 'responded' | 'error'\n\nexport interface DevadootIconProps {\n state?: DevadootState\n size?: number\n className?: string\n}\n\n// Devalok chakra SVG path\nconst CHAKRA_PATH =\n 'M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z'\n\n// Brand colors — pink ↔ purple palette, no blue\nconst BRAND_PINK = '#D33163'\nconst BRAND_ROSE = '#E8457A'\nconst BRAND_PURPLE = '#9B5DE5'\nconst BRAND_MAGENTA = '#C850C0'\nconst BRAND_BRIGHT = '#FF6B9D'\nconst ERROR_RED = '#E5383B'\n\n/**\n * Gradient rotation driver — animates the angle of the SVG gradient.\n * This creates the \"sweep\" effect: colors appear to flow across the shape.\n */\nfunction useGradientRotation(state: DevadootState) {\n const angle = useMotionValue(0)\n\n React.useEffect(() => {\n const controls = animate(angle, 360, {\n duration: state === 'processing' ? 4 : 12,\n repeat: Infinity,\n ease: 'linear',\n })\n return () => controls.stop()\n }, [angle, state])\n\n return useTransform(angle, (v) => `rotate(${v}, 16, 16)`)\n}\n\nconst DevadootIcon = React.memo(function DevadootIcon({\n state = 'idle',\n size = 20,\n className,\n}: DevadootIconProps) {\n const { reducedMotion } = useMotion()\n const gradientRotation = useGradientRotation(state)\n const gradientId = React.useId()\n const filterId = React.useId()\n\n // Static fallback for reduced motion\n if (reducedMotion) {\n return (\n <svg\n viewBox=\"0 0 32 32\"\n width={size}\n height={size}\n className={className}\n aria-hidden=\"true\"\n >\n <path\n d={CHAKRA_PATH}\n fill={state === 'error' ? ERROR_RED : BRAND_PINK}\n />\n </svg>\n )\n }\n\n // Resolve gradient stop colors based on state\n const stops =\n state === 'error'\n ? { s1: ERROR_RED, s2: '#FF6B6B', s3: ERROR_RED }\n : state === 'processing'\n ? { s1: BRAND_PINK, s2: BRAND_PURPLE, s3: BRAND_MAGENTA }\n : state === 'responded'\n ? { s1: BRAND_BRIGHT, s2: BRAND_PINK, s3: BRAND_BRIGHT }\n : { s1: BRAND_PINK, s2: BRAND_ROSE, s3: BRAND_PINK }\n\n // Glow blur intensity\n const glowBlur = state === 'processing' ? 3 : state === 'error' ? 2.5 : 0\n\n return (\n <span\n className={cn('relative inline-flex items-center justify-center', className)}\n style={{ width: size, height: size }}\n aria-hidden=\"true\"\n >\n <motion.svg\n viewBox=\"0 0 32 32\"\n width={size}\n height={size}\n // Responded: brief pop. Error: shake. Others: no transform.\n animate={\n state === 'responded'\n ? { scale: [1.18, 1] }\n : state === 'error'\n ? { x: [0, -2, 2, -1.5, 1.5, 0] }\n : { scale: 1, x: 0 }\n }\n transition={\n state === 'responded'\n /* Near springs.bouncy (400/15/0.5) — stiffer pop for celebration feedback */\n ? { scale: { type: 'spring', stiffness: 500, damping: 15 } }\n : state === 'error'\n ? { x: { duration: 0.4 } }\n : { duration: 0.3 }\n }\n style={{ overflow: 'visible' }}\n >\n <defs>\n {/* Animated gradient — colors + rotation create the sweep */}\n <motion.linearGradient\n id={gradientId}\n x1=\"0\"\n y1=\"0\"\n x2=\"1\"\n y2=\"1\"\n gradientTransform={gradientRotation}\n >\n <motion.stop\n offset=\"0%\"\n animate={{ stopColor: stops.s1 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut' }}\n />\n <motion.stop\n offset=\"50%\"\n animate={{ stopColor: stops.s2 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut', delay: 0.5 }}\n />\n <motion.stop\n offset=\"100%\"\n animate={{ stopColor: stops.s3 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut', delay: 1 }}\n />\n </motion.linearGradient>\n\n {/* Glow filter — blur applied to shadow layer */}\n <filter id={filterId} x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <motion.feGaussianBlur\n in=\"SourceGraphic\"\n animate={{ stdDeviation: glowBlur }}\n transition={{ duration: 0.6, ease: 'easeOut' }}\n />\n </filter>\n </defs>\n\n {/* Layer 1: Glow shadow (blurred, semi-transparent copy behind) */}\n <AnimatePresence>\n {(state === 'processing' || state === 'error') && (\n <motion.path\n d={CHAKRA_PATH}\n fill={`url(#${gradientId})`}\n filter={`url(#${filterId})`}\n initial={{ opacity: 0 }}\n animate={{ opacity: [0.2, 0.45, 0.2] }}\n exit={{ opacity: 0 }}\n transition={{\n opacity: { duration: 3, repeat: Infinity, ease: 'easeInOut' },\n }}\n />\n )}\n </AnimatePresence>\n\n {/* Layer 2: Shimmer highlight (bright overlay that pulses) */}\n <AnimatePresence>\n {state === 'processing' && (\n <motion.path\n d={CHAKRA_PATH}\n fill=\"white\"\n initial={{ opacity: 0 }}\n animate={{ opacity: [0, 0.12, 0] }}\n exit={{ opacity: 0 }}\n transition={{\n opacity: { duration: 2.5, repeat: Infinity, ease: 'easeInOut' },\n }}\n />\n )}\n </AnimatePresence>\n\n {/* Layer 3: Main shape — gradient fill */}\n <motion.path\n d={CHAKRA_PATH}\n fill={`url(#${gradientId})`}\n // Responded: brief bright flash via fill override\n animate={\n state === 'responded'\n ? { fill: [`url(#${gradientId})`, `url(#${gradientId})`] }\n : {}\n }\n />\n </motion.svg>\n </span>\n )\n})\n\nDevadootIcon.displayName = 'DevadootIcon'\n\nexport { DevadootIcon }\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/ai/devadoot-icon.tsx"],"sourcesContent":["'use client'\n\n/**\n * DevadootIcon -- Animated Devalok chakra for the AI command system.\n *\n * Renders the Devalok chakra SVG with **fill-first** animations:\n * - idle: gradient color breathing (pink ↔ rose, slow cycle)\n * - processing: gradient sweep (pink → purple → blue → pink cycle) + glow pulse\n * - responded: bright flash → settle to solid brand + brief scale pop\n * - error: red fill + glow pulse\n *\n * Inspired by Google Gemini's gradient-as-identity approach: the color IS\n * the animation, not just rotation/scale applied to a static shape.\n */\nimport { animate, AnimatePresence,motion, useMotionValue, useTransform } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useMotion } from '../motion/motion-provider'\nimport { cn } from '../ui/lib/utils'\n\nexport type DevadootState = 'idle' | 'processing' | 'responded' | 'error'\n\nexport interface DevadootIconProps {\n state?: DevadootState\n size?: number\n className?: string\n}\n\n// Devalok chakra SVG path\nconst CHAKRA_PATH =\n 'M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z'\n\n// Brand colors — pink ↔ purple palette, no blue\nconst BRAND_PINK = '#D33163'\nconst BRAND_ROSE = '#E8457A'\nconst BRAND_PURPLE = '#9B5DE5'\nconst BRAND_MAGENTA = '#C850C0'\nconst BRAND_BRIGHT = '#FF6B9D'\nconst ERROR_RED = '#E5383B'\n\n/**\n * Gradient rotation driver — animates the angle of the SVG gradient.\n * This creates the \"sweep\" effect: colors appear to flow across the shape.\n */\nfunction useGradientRotation(state: DevadootState) {\n const angle = useMotionValue(0)\n\n React.useEffect(() => {\n const controls = animate(angle, 360, {\n duration: state === 'processing' ? 4 : 12,\n repeat: Infinity,\n ease: 'linear',\n })\n return () => controls.stop()\n }, [angle, state])\n\n return useTransform(angle, (v) => `rotate(${v}, 16, 16)`)\n}\n\nconst DevadootIcon = React.memo(function DevadootIcon({\n state = 'idle',\n size = 20,\n className,\n}: DevadootIconProps) {\n const { reducedMotion } = useMotion()\n const gradientRotation = useGradientRotation(state)\n const gradientId = React.useId()\n const filterId = React.useId()\n\n // Static fallback for reduced motion\n if (reducedMotion) {\n return (\n <svg\n viewBox=\"0 0 32 32\"\n width={size}\n height={size}\n className={className}\n aria-hidden=\"true\"\n >\n <path\n d={CHAKRA_PATH}\n fill={state === 'error' ? ERROR_RED : BRAND_PINK}\n />\n </svg>\n )\n }\n\n // Resolve gradient stop colors based on state\n const stops =\n state === 'error'\n ? { s1: ERROR_RED, s2: '#FF6B6B', s3: ERROR_RED }\n : state === 'processing'\n ? { s1: BRAND_PINK, s2: BRAND_PURPLE, s3: BRAND_MAGENTA }\n : state === 'responded'\n ? { s1: BRAND_BRIGHT, s2: BRAND_PINK, s3: BRAND_BRIGHT }\n : { s1: BRAND_PINK, s2: BRAND_ROSE, s3: BRAND_PINK }\n\n // Glow blur intensity\n const glowBlur = state === 'processing' ? 3 : state === 'error' ? 2.5 : 0\n\n return (\n <span\n className={cn('relative inline-flex items-center justify-center', className)}\n style={{ width: size, height: size }}\n aria-hidden=\"true\"\n >\n <motion.svg\n viewBox=\"0 0 32 32\"\n width={size}\n height={size}\n // Responded: brief pop. Error: shake. Others: no transform.\n animate={\n state === 'responded'\n ? { scale: [1.18, 1] }\n : state === 'error'\n ? { x: [0, -2, 2, -1.5, 1.5, 0] }\n : { scale: 1, x: 0 }\n }\n transition={\n state === 'responded'\n /* Near springs.bouncy (400/15/0.5) — stiffer pop for celebration feedback */\n ? { scale: { type: 'spring', stiffness: 500, damping: 15 } }\n : state === 'error'\n ? { x: { duration: 0.4 } }\n : { duration: 0.3 }\n }\n style={{ overflow: 'visible' }}\n >\n <defs>\n {/* Animated gradient — colors + rotation create the sweep */}\n <motion.linearGradient\n id={gradientId}\n x1=\"0\"\n y1=\"0\"\n x2=\"1\"\n y2=\"1\"\n gradientTransform={gradientRotation}\n >\n <motion.stop\n offset=\"0%\"\n animate={{ stopColor: stops.s1 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut' }}\n />\n <motion.stop\n offset=\"50%\"\n animate={{ stopColor: stops.s2 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut', delay: 0.5 }}\n />\n <motion.stop\n offset=\"100%\"\n animate={{ stopColor: stops.s3 }}\n transition={{ duration: state === 'processing' ? 3 : 5, repeat: Infinity, repeatType: 'reverse', ease: 'easeInOut', delay: 1 }}\n />\n </motion.linearGradient>\n\n {/* Glow filter — blur applied to shadow layer */}\n <filter id={filterId} x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <motion.feGaussianBlur\n in=\"SourceGraphic\"\n animate={{ stdDeviation: glowBlur }}\n transition={{ duration: 0.6, ease: 'easeOut' }}\n />\n </filter>\n </defs>\n\n {/* Layer 1: Glow shadow (blurred, semi-transparent copy behind) */}\n <AnimatePresence>\n {(state === 'processing' || state === 'error') && (\n <motion.path\n d={CHAKRA_PATH}\n fill={`url(#${gradientId})`}\n filter={`url(#${filterId})`}\n initial={{ opacity: 0 }}\n animate={{ opacity: [0.2, 0.45, 0.2] }}\n exit={{ opacity: 0 }}\n transition={{\n opacity: { duration: 3, repeat: Infinity, ease: 'easeInOut' },\n }}\n />\n )}\n </AnimatePresence>\n\n {/* Layer 2: Shimmer highlight (bright overlay that pulses) */}\n <AnimatePresence>\n {state === 'processing' && (\n <motion.path\n d={CHAKRA_PATH}\n fill=\"white\"\n initial={{ opacity: 0 }}\n animate={{ opacity: [0, 0.12, 0] }}\n exit={{ opacity: 0 }}\n transition={{\n opacity: { duration: 2.5, repeat: Infinity, ease: 'easeInOut' },\n }}\n />\n )}\n </AnimatePresence>\n\n {/* Layer 3: Main shape — gradient fill */}\n <motion.path\n d={CHAKRA_PATH}\n fill={`url(#${gradientId})`}\n // Responded: brief bright flash via fill override\n animate={\n state === 'responded'\n ? { fill: [`url(#${gradientId})`, `url(#${gradientId})`] }\n : {}\n }\n />\n </motion.svg>\n </span>\n )\n})\n\nDevadootIcon.displayName = 'DevadootIcon'\n\nexport { DevadootIcon }\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../src/composed/activity-feed.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA;CAChF;AAiBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,CAAC,EAAE,WAAW,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,EAAE,CA6C5C;AA2KD,QAAA,MAAM,YAAY,0FAiHjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|