@cognivo/components 0.8.0 → 0.8.2
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/chunks/focus-trap-vlQwKK-3.js +82 -0
- package/dist/chunks/focus-trap-vlQwKK-3.js.map +1 -0
- package/dist/chunks/{premium.css-9I4kHrsl.js → premium.css-DHekUEUt.js} +25 -25
- package/dist/chunks/{premium.css-9I4kHrsl.js.map → premium.css-DHekUEUt.js.map} +1 -1
- package/dist/cognivo.min.js +3375 -5270
- package/dist/cognivo.min.js.map +1 -1
- package/dist/components/ai-ab-test/ai-ab-test.js +1 -1
- package/dist/components/ai-accessibility-report/ai-accessibility-report.d.ts.map +1 -1
- package/dist/components/ai-accessibility-report/ai-accessibility-report.js +14 -13
- package/dist/components/ai-accessibility-report/ai-accessibility-report.js.map +1 -1
- package/dist/components/ai-action-preview/ai-action-preview.d.ts.map +1 -1
- package/dist/components/ai-action-preview/ai-action-preview.js +15 -14
- package/dist/components/ai-action-preview/ai-action-preview.js.map +1 -1
- package/dist/components/ai-agent-card/ai-agent-card.js +1 -1
- package/dist/components/ai-agent-steps/ai-agent-steps.d.ts +8 -21
- package/dist/components/ai-agent-steps/ai-agent-steps.d.ts.map +1 -1
- package/dist/components/ai-agent-steps/ai-agent-steps.js +85 -139
- package/dist/components/ai-agent-steps/ai-agent-steps.js.map +1 -1
- package/dist/components/ai-alert-card/ai-alert-card.js +5 -5
- package/dist/components/ai-alert-card/ai-alert-card.js.map +1 -1
- package/dist/components/ai-analytics-chart/ai-analytics-chart.d.ts +0 -13
- package/dist/components/ai-analytics-chart/ai-analytics-chart.d.ts.map +1 -1
- package/dist/components/ai-analytics-chart/ai-analytics-chart.js +75 -125
- package/dist/components/ai-analytics-chart/ai-analytics-chart.js.map +1 -1
- package/dist/components/ai-annotation/ai-annotation.js +2 -2
- package/dist/components/ai-annotation/ai-annotation.js.map +1 -1
- package/dist/components/ai-api-key-manager/ai-api-key-manager.d.ts +0 -9
- package/dist/components/ai-api-key-manager/ai-api-key-manager.d.ts.map +1 -1
- package/dist/components/ai-api-key-manager/ai-api-key-manager.js +115 -276
- package/dist/components/ai-api-key-manager/ai-api-key-manager.js.map +1 -1
- package/dist/components/ai-app-sidebar/ai-app-sidebar.js +13 -13
- package/dist/components/ai-app-sidebar/ai-app-sidebar.js.map +1 -1
- package/dist/components/ai-assistant-widget/ai-assistant-widget.d.ts.map +1 -1
- package/dist/components/ai-assistant-widget/ai-assistant-widget.js +5 -2
- package/dist/components/ai-assistant-widget/ai-assistant-widget.js.map +1 -1
- package/dist/components/ai-audio-player/ai-audio-player.d.ts.map +1 -1
- package/dist/components/ai-audio-player/ai-audio-player.js +23 -19
- package/dist/components/ai-audio-player/ai-audio-player.js.map +1 -1
- package/dist/components/ai-avatar/ai-avatar.js +1 -1
- package/dist/components/ai-badge/ai-badge.js +1 -1
- package/dist/components/ai-batch-progress/ai-batch-progress.js +6 -6
- package/dist/components/ai-batch-progress/ai-batch-progress.js.map +1 -1
- package/dist/components/ai-cache-indicator/ai-cache-indicator.d.ts +0 -13
- package/dist/components/ai-cache-indicator/ai-cache-indicator.d.ts.map +1 -1
- package/dist/components/ai-cache-indicator/ai-cache-indicator.js +90 -185
- package/dist/components/ai-cache-indicator/ai-cache-indicator.js.map +1 -1
- package/dist/components/ai-capture-flow/ai-capture-flow.js +21 -21
- package/dist/components/ai-capture-flow/ai-capture-flow.js.map +1 -1
- package/dist/components/ai-changelog/ai-changelog.js +26 -26
- package/dist/components/ai-changelog/ai-changelog.js.map +1 -1
- package/dist/components/ai-chart-summary/ai-chart-summary.d.ts +0 -6
- package/dist/components/ai-chart-summary/ai-chart-summary.d.ts.map +1 -1
- package/dist/components/ai-chart-summary/ai-chart-summary.js +100 -103
- package/dist/components/ai-chart-summary/ai-chart-summary.js.map +1 -1
- package/dist/components/ai-chat/ai-chat.d.ts.map +1 -1
- package/dist/components/ai-chat/ai-chat.js +9 -3
- package/dist/components/ai-chat/ai-chat.js.map +1 -1
- package/dist/components/ai-citation/ai-citation.d.ts +0 -6
- package/dist/components/ai-citation/ai-citation.d.ts.map +1 -1
- package/dist/components/ai-citation/ai-citation.js +64 -90
- package/dist/components/ai-citation/ai-citation.js.map +1 -1
- package/dist/components/ai-collaborative-editor/ai-collaborative-editor.d.ts +1 -27
- package/dist/components/ai-collaborative-editor/ai-collaborative-editor.d.ts.map +1 -1
- package/dist/components/ai-collaborative-editor/ai-collaborative-editor.js +114 -260
- package/dist/components/ai-collaborative-editor/ai-collaborative-editor.js.map +1 -1
- package/dist/components/ai-command-palette/ai-command-palette.js +1 -1
- package/dist/components/ai-confidence-badge/ai-confidence-badge.d.ts +11 -9
- package/dist/components/ai-confidence-badge/ai-confidence-badge.d.ts.map +1 -1
- package/dist/components/ai-confidence-badge/ai-confidence-badge.js +183 -101
- package/dist/components/ai-confidence-badge/ai-confidence-badge.js.map +1 -1
- package/dist/components/ai-confidence-slider/ai-confidence-slider.js +27 -27
- package/dist/components/ai-confidence-slider/ai-confidence-slider.js.map +1 -1
- package/dist/components/ai-consent-manager/ai-consent-manager.js +2 -2
- package/dist/components/ai-consent-manager/ai-consent-manager.js.map +1 -1
- package/dist/components/ai-context-window/ai-context-window.js +19 -19
- package/dist/components/ai-context-window/ai-context-window.js.map +1 -1
- package/dist/components/ai-copy-button/ai-copy-button.js +4 -4
- package/dist/components/ai-copy-button/ai-copy-button.js.map +1 -1
- package/dist/components/ai-cost-dashboard/ai-cost-dashboard.js +14 -14
- package/dist/components/ai-cost-dashboard/ai-cost-dashboard.js.map +1 -1
- package/dist/components/ai-data-card/ai-data-card.js +2 -2
- package/dist/components/ai-data-card/ai-data-card.js.map +1 -1
- package/dist/components/ai-data-lineage/ai-data-lineage.js +6 -6
- package/dist/components/ai-data-lineage/ai-data-lineage.js.map +1 -1
- package/dist/components/ai-data-preview/ai-data-preview.d.ts +0 -7
- package/dist/components/ai-data-preview/ai-data-preview.d.ts.map +1 -1
- package/dist/components/ai-data-preview/ai-data-preview.js +130 -267
- package/dist/components/ai-data-preview/ai-data-preview.js.map +1 -1
- package/dist/components/ai-data-table/ai-data-table.js +9 -9
- package/dist/components/ai-data-table/ai-data-table.js.map +1 -1
- package/dist/components/ai-debug-console/ai-debug-console.d.ts +1 -13
- package/dist/components/ai-debug-console/ai-debug-console.d.ts.map +1 -1
- package/dist/components/ai-debug-console/ai-debug-console.js +134 -340
- package/dist/components/ai-debug-console/ai-debug-console.js.map +1 -1
- package/dist/components/ai-detection-canvas/ai-detection-canvas.js +2 -2
- package/dist/components/ai-detection-canvas/ai-detection-canvas.js.map +1 -1
- package/dist/components/ai-diff-panel/ai-diff-panel.js +1 -1
- package/dist/components/ai-embedding-viz/ai-embedding-viz.js +4 -4
- package/dist/components/ai-embedding-viz/ai-embedding-viz.js.map +1 -1
- package/dist/components/ai-empty-state/ai-empty-state.js +1 -1
- package/dist/components/ai-error-boundary/ai-error-boundary.d.ts.map +1 -1
- package/dist/components/ai-error-boundary/ai-error-boundary.js +26 -21
- package/dist/components/ai-error-boundary/ai-error-boundary.js.map +1 -1
- package/dist/components/ai-eval-scorecard/ai-eval-scorecard.js +5 -5
- package/dist/components/ai-eval-scorecard/ai-eval-scorecard.js.map +1 -1
- package/dist/components/ai-feature-flag/ai-feature-flag.d.ts +0 -14
- package/dist/components/ai-feature-flag/ai-feature-flag.d.ts.map +1 -1
- package/dist/components/ai-feature-flag/ai-feature-flag.js +181 -322
- package/dist/components/ai-feature-flag/ai-feature-flag.js.map +1 -1
- package/dist/components/ai-feedback/ai-feedback.d.ts.map +1 -1
- package/dist/components/ai-feedback/ai-feedback.js +10 -5
- package/dist/components/ai-feedback/ai-feedback.js.map +1 -1
- package/dist/components/ai-file-upload/ai-file-upload.js +1 -1
- package/dist/components/ai-form-generator/ai-form-generator.js +1 -1
- package/dist/components/ai-guardrail/ai-guardrail.js +2 -2
- package/dist/components/ai-guardrail/ai-guardrail.js.map +1 -1
- package/dist/components/ai-heatmap/ai-heatmap.js +1 -1
- package/dist/components/ai-insight-card/ai-insight-card.js +4 -4
- package/dist/components/ai-insight-card/ai-insight-card.js.map +1 -1
- package/dist/components/ai-json-viewer/ai-json-viewer.js +13 -13
- package/dist/components/ai-json-viewer/ai-json-viewer.js.map +1 -1
- package/dist/components/ai-keyboard-shortcuts/ai-keyboard-shortcuts.js +24 -24
- package/dist/components/ai-keyboard-shortcuts/ai-keyboard-shortcuts.js.map +1 -1
- package/dist/components/ai-kpi-grid/ai-kpi-grid.js +2 -2
- package/dist/components/ai-kpi-grid/ai-kpi-grid.js.map +1 -1
- package/dist/components/ai-labeling-board/ai-labeling-board.js +11 -11
- package/dist/components/ai-labeling-board/ai-labeling-board.js.map +1 -1
- package/dist/components/ai-memory-panel/ai-memory-panel.js +7 -7
- package/dist/components/ai-memory-panel/ai-memory-panel.js.map +1 -1
- package/dist/components/ai-model-comparison/ai-model-comparison.js +2 -2
- package/dist/components/ai-model-comparison/ai-model-comparison.js.map +1 -1
- package/dist/components/ai-model-selector/ai-model-selector.js +7 -7
- package/dist/components/ai-model-selector/ai-model-selector.js.map +1 -1
- package/dist/components/ai-notification-center/ai-notification-center.js +27 -27
- package/dist/components/ai-notification-center/ai-notification-center.js.map +1 -1
- package/dist/components/ai-onboarding/ai-onboarding.js +5 -5
- package/dist/components/ai-onboarding/ai-onboarding.js.map +1 -1
- package/dist/components/ai-permission-gate/ai-permission-gate.js +1 -1
- package/dist/components/ai-personalization-dash/ai-personalization-dash.js +1 -1
- package/dist/components/ai-presence/ai-presence.js +25 -25
- package/dist/components/ai-presence/ai-presence.js.map +1 -1
- package/dist/components/ai-progress-steps/ai-progress-steps.js +11 -11
- package/dist/components/ai-progress-steps/ai-progress-steps.js.map +1 -1
- package/dist/components/ai-prompt-editor/ai-prompt-editor.js +1 -1
- package/dist/components/ai-prompt-template/ai-prompt-template.js +29 -29
- package/dist/components/ai-prompt-template/ai-prompt-template.js.map +1 -1
- package/dist/components/ai-rag-panel/ai-rag-panel.js +4 -4
- package/dist/components/ai-rag-panel/ai-rag-panel.js.map +1 -1
- package/dist/components/ai-reasoning-tree/ai-reasoning-tree.js +16 -16
- package/dist/components/ai-reasoning-tree/ai-reasoning-tree.js.map +1 -1
- package/dist/components/ai-result-panel/ai-result-panel.js +1 -1
- package/dist/components/ai-reveal-animation/ai-reveal-animation.js +3 -3
- package/dist/components/ai-reveal-animation/ai-reveal-animation.js.map +1 -1
- package/dist/components/ai-reward-signal/ai-reward-signal.js +1 -1
- package/dist/components/ai-rich-message/ai-rich-message.d.ts.map +1 -1
- package/dist/components/ai-rich-message/ai-rich-message.js +37 -30
- package/dist/components/ai-rich-message/ai-rich-message.js.map +1 -1
- package/dist/components/ai-scenario-panel/ai-scenario-panel.js +10 -10
- package/dist/components/ai-scenario-panel/ai-scenario-panel.js.map +1 -1
- package/dist/components/ai-search/ai-search.js +1 -1
- package/dist/components/ai-segmentation-viewer/ai-segmentation-viewer.js +3 -3
- package/dist/components/ai-segmentation-viewer/ai-segmentation-viewer.js.map +1 -1
- package/dist/components/ai-sidebar/ai-sidebar.js +1 -1
- package/dist/components/ai-similarity-card/ai-similarity-card.js +1 -1
- package/dist/components/ai-source-graph/ai-source-graph.js +2 -2
- package/dist/components/ai-source-graph/ai-source-graph.js.map +1 -1
- package/dist/components/ai-status-page/ai-status-page.js +15 -15
- package/dist/components/ai-status-page/ai-status-page.js.map +1 -1
- package/dist/components/ai-streaming-text/ai-streaming-text.js +1 -1
- package/dist/components/ai-test-runner/ai-test-runner.d.ts +0 -8
- package/dist/components/ai-test-runner/ai-test-runner.d.ts.map +1 -1
- package/dist/components/ai-test-runner/ai-test-runner.js +100 -257
- package/dist/components/ai-test-runner/ai-test-runner.js.map +1 -1
- package/dist/components/ai-thinking/ai-thinking.js +1 -1
- package/dist/components/ai-timeline/ai-timeline.js +2 -2
- package/dist/components/ai-timeline/ai-timeline.js.map +1 -1
- package/dist/components/ai-token-tracker/ai-token-tracker.js +3 -3
- package/dist/components/ai-token-tracker/ai-token-tracker.js.map +1 -1
- package/dist/components/ai-tool-card-resolver/ai-tool-card-resolver.js +23 -23
- package/dist/components/ai-tool-card-resolver/ai-tool-card-resolver.js.map +1 -1
- package/dist/components/ai-tool-indicator/ai-tool-indicator.js +3 -3
- package/dist/components/ai-tool-indicator/ai-tool-indicator.js.map +1 -1
- package/dist/components/ai-transform-slider/ai-transform-slider.js +1 -1
- package/dist/components/ai-translation-panel/ai-translation-panel.js +2 -2
- package/dist/components/ai-translation-panel/ai-translation-panel.js.map +1 -1
- package/dist/components/ai-usage-meter/ai-usage-meter.js +1 -1
- package/dist/components/ai-validation-checklist/ai-validation-checklist.d.ts +1 -11
- package/dist/components/ai-validation-checklist/ai-validation-checklist.d.ts.map +1 -1
- package/dist/components/ai-validation-checklist/ai-validation-checklist.js +133 -187
- package/dist/components/ai-validation-checklist/ai-validation-checklist.js.map +1 -1
- package/dist/components/ai-version-selector/ai-version-selector.d.ts +0 -4
- package/dist/components/ai-version-selector/ai-version-selector.d.ts.map +1 -1
- package/dist/components/ai-version-selector/ai-version-selector.js +189 -210
- package/dist/components/ai-version-selector/ai-version-selector.js.map +1 -1
- package/dist/components/ai-voice-panel/ai-voice-panel.js +28 -28
- package/dist/components/ai-voice-panel/ai-voice-panel.js.map +1 -1
- package/dist/components/ai-webhook-config/ai-webhook-config.d.ts +0 -17
- package/dist/components/ai-webhook-config/ai-webhook-config.d.ts.map +1 -1
- package/dist/components/ai-webhook-config/ai-webhook-config.js +281 -221
- package/dist/components/ai-webhook-config/ai-webhook-config.js.map +1 -1
- package/dist/components/ai-workflow-builder/ai-workflow-builder.js +2 -2
- package/dist/components/ai-workflow-builder/ai-workflow-builder.js.map +1 -1
- package/dist/components/bias-anchoring/bias-anchoring.js +1 -1
- package/dist/components/bias-authority/bias-authority.js +1 -1
- package/dist/components/bias-commitment/bias-commitment.js +1 -1
- package/dist/components/bias-reciprocity/bias-reciprocity.js +1 -1
- package/dist/components/bias-scarcity/bias-scarcity.js +1 -1
- package/dist/components/bias-social-proof/bias-social-proof.js +1 -1
- package/dist/components/cg-accordion/cg-accordion.d.ts.map +1 -1
- package/dist/components/cg-accordion/cg-accordion.js +51 -43
- package/dist/components/cg-accordion/cg-accordion.js.map +1 -1
- package/dist/components/cg-alert-dialog/cg-alert-dialog.js +18 -18
- package/dist/components/cg-alert-dialog/cg-alert-dialog.js.map +1 -1
- package/dist/components/cg-aspect-ratio/cg-aspect-ratio.d.ts.map +1 -1
- package/dist/components/cg-aspect-ratio/cg-aspect-ratio.js +25 -21
- package/dist/components/cg-aspect-ratio/cg-aspect-ratio.js.map +1 -1
- package/dist/components/cg-autocomplete/cg-autocomplete.d.ts +1 -0
- package/dist/components/cg-autocomplete/cg-autocomplete.d.ts.map +1 -1
- package/dist/components/cg-autocomplete/cg-autocomplete.js +59 -43
- package/dist/components/cg-autocomplete/cg-autocomplete.js.map +1 -1
- package/dist/components/cg-avatar/cg-avatar.d.ts.map +1 -1
- package/dist/components/cg-avatar/cg-avatar.js +24 -24
- package/dist/components/cg-avatar/cg-avatar.js.map +1 -1
- package/dist/components/cg-avatar-group/cg-avatar-group.d.ts.map +1 -1
- package/dist/components/cg-avatar-group/cg-avatar-group.js +18 -12
- package/dist/components/cg-avatar-group/cg-avatar-group.js.map +1 -1
- package/dist/components/cg-badge/cg-badge.d.ts.map +1 -1
- package/dist/components/cg-badge/cg-badge.js +26 -20
- package/dist/components/cg-badge/cg-badge.js.map +1 -1
- package/dist/components/cg-badge-group/cg-badge-group.d.ts +0 -1
- package/dist/components/cg-badge-group/cg-badge-group.d.ts.map +1 -1
- package/dist/components/cg-badge-group/cg-badge-group.js +31 -29
- package/dist/components/cg-badge-group/cg-badge-group.js.map +1 -1
- package/dist/components/cg-breadcrumbs/cg-breadcrumbs.js +21 -21
- package/dist/components/cg-breadcrumbs/cg-breadcrumbs.js.map +1 -1
- package/dist/components/cg-button/cg-button.d.ts +5 -71
- package/dist/components/cg-button/cg-button.d.ts.map +1 -1
- package/dist/components/cg-button/cg-button.js +63 -172
- package/dist/components/cg-button/cg-button.js.map +1 -1
- package/dist/components/cg-button-group/cg-button-group.d.ts +2 -0
- package/dist/components/cg-button-group/cg-button-group.d.ts.map +1 -1
- package/dist/components/cg-button-group/cg-button-group.js +43 -29
- package/dist/components/cg-button-group/cg-button-group.js.map +1 -1
- package/dist/components/cg-calendar/cg-calendar.d.ts +4 -0
- package/dist/components/cg-calendar/cg-calendar.d.ts.map +1 -1
- package/dist/components/cg-calendar/cg-calendar.js +28 -12
- package/dist/components/cg-calendar/cg-calendar.js.map +1 -1
- package/dist/components/cg-callout/cg-callout.d.ts.map +1 -1
- package/dist/components/cg-callout/cg-callout.js +49 -48
- package/dist/components/cg-callout/cg-callout.js.map +1 -1
- package/dist/components/cg-card/cg-card.d.ts +9 -22
- package/dist/components/cg-card/cg-card.d.ts.map +1 -1
- package/dist/components/cg-card/cg-card.js +28 -56
- package/dist/components/cg-card/cg-card.js.map +1 -1
- package/dist/components/cg-carousel/cg-carousel.d.ts.map +1 -1
- package/dist/components/cg-carousel/cg-carousel.js +19 -13
- package/dist/components/cg-carousel/cg-carousel.js.map +1 -1
- package/dist/components/cg-chart/cg-chart.d.ts.map +1 -1
- package/dist/components/cg-chart/cg-chart.js +63 -58
- package/dist/components/cg-chart/cg-chart.js.map +1 -1
- package/dist/components/cg-checkbox/cg-checkbox.d.ts +0 -6
- package/dist/components/cg-checkbox/cg-checkbox.d.ts.map +1 -1
- package/dist/components/cg-checkbox/cg-checkbox.js +51 -51
- package/dist/components/cg-checkbox/cg-checkbox.js.map +1 -1
- package/dist/components/cg-chip/cg-chip.js +31 -31
- package/dist/components/cg-chip/cg-chip.js.map +1 -1
- package/dist/components/cg-code-block/cg-code-block.d.ts.map +1 -1
- package/dist/components/cg-code-block/cg-code-block.js +36 -34
- package/dist/components/cg-code-block/cg-code-block.js.map +1 -1
- package/dist/components/cg-collapsible/cg-collapsible.d.ts.map +1 -1
- package/dist/components/cg-collapsible/cg-collapsible.js +23 -18
- package/dist/components/cg-collapsible/cg-collapsible.js.map +1 -1
- package/dist/components/cg-color-picker/cg-color-picker.d.ts +3 -0
- package/dist/components/cg-color-picker/cg-color-picker.d.ts.map +1 -1
- package/dist/components/cg-color-picker/cg-color-picker.js +189 -91
- package/dist/components/cg-color-picker/cg-color-picker.js.map +1 -1
- package/dist/components/cg-combobox/cg-combobox.d.ts.map +1 -1
- package/dist/components/cg-combobox/cg-combobox.js +13 -6
- package/dist/components/cg-combobox/cg-combobox.js.map +1 -1
- package/dist/components/cg-command/cg-command.d.ts.map +1 -1
- package/dist/components/cg-command/cg-command.js +52 -45
- package/dist/components/cg-command/cg-command.js.map +1 -1
- package/dist/components/cg-context-menu/cg-context-menu.js +1 -1
- package/dist/components/cg-date-picker/cg-date-picker.d.ts.map +1 -1
- package/dist/components/cg-date-picker/cg-date-picker.js +36 -34
- package/dist/components/cg-date-picker/cg-date-picker.js.map +1 -1
- package/dist/components/cg-date-range-picker/cg-date-range-picker.d.ts +2 -0
- package/dist/components/cg-date-range-picker/cg-date-range-picker.d.ts.map +1 -1
- package/dist/components/cg-date-range-picker/cg-date-range-picker.js +12 -8
- package/dist/components/cg-date-range-picker/cg-date-range-picker.js.map +1 -1
- package/dist/components/cg-date-time-picker/cg-date-time-picker.d.ts.map +1 -1
- package/dist/components/cg-date-time-picker/cg-date-time-picker.js +3 -1
- package/dist/components/cg-date-time-picker/cg-date-time-picker.js.map +1 -1
- package/dist/components/cg-drawer/cg-drawer.js +3 -3
- package/dist/components/cg-drawer/cg-drawer.js.map +1 -1
- package/dist/components/cg-dropdown/cg-dropdown.d.ts.map +1 -1
- package/dist/components/cg-dropdown/cg-dropdown.js +1 -2
- package/dist/components/cg-dropdown/cg-dropdown.js.map +1 -1
- package/dist/components/cg-empty-state/cg-empty-state.d.ts +3 -24
- package/dist/components/cg-empty-state/cg-empty-state.d.ts.map +1 -1
- package/dist/components/cg-empty-state/cg-empty-state.js +51 -74
- package/dist/components/cg-empty-state/cg-empty-state.js.map +1 -1
- package/dist/components/cg-file-input/cg-file-input.d.ts.map +1 -1
- package/dist/components/cg-file-input/cg-file-input.js +9 -10
- package/dist/components/cg-file-input/cg-file-input.js.map +1 -1
- package/dist/components/cg-focus-scope/cg-focus-scope.js +1 -1
- package/dist/components/cg-follow-up/cg-follow-up.d.ts.map +1 -1
- package/dist/components/cg-follow-up/cg-follow-up.js +6 -7
- package/dist/components/cg-follow-up/cg-follow-up.js.map +1 -1
- package/dist/components/cg-form/cg-form.js +17 -17
- package/dist/components/cg-form/cg-form.js.map +1 -1
- package/dist/components/cg-hover-card/cg-hover-card.d.ts +1 -0
- package/dist/components/cg-hover-card/cg-hover-card.d.ts.map +1 -1
- package/dist/components/cg-hover-card/cg-hover-card.js +37 -32
- package/dist/components/cg-hover-card/cg-hover-card.js.map +1 -1
- package/dist/components/cg-icon/cg-icon.d.ts.map +1 -1
- package/dist/components/cg-icon/cg-icon.js +44 -37
- package/dist/components/cg-icon/cg-icon.js.map +1 -1
- package/dist/components/cg-image/cg-image.js +2 -2
- package/dist/components/cg-image/cg-image.js.map +1 -1
- package/dist/components/cg-image-block/cg-image-block.js +3 -3
- package/dist/components/cg-image-block/cg-image-block.js.map +1 -1
- package/dist/components/cg-image-gallery/cg-image-gallery.js +20 -20
- package/dist/components/cg-image-gallery/cg-image-gallery.js.map +1 -1
- package/dist/components/cg-input/cg-input.js +3 -3
- package/dist/components/cg-input/cg-input.js.map +1 -1
- package/dist/components/cg-kbd/cg-kbd.d.ts.map +1 -1
- package/dist/components/cg-kbd/cg-kbd.js +26 -24
- package/dist/components/cg-kbd/cg-kbd.js.map +1 -1
- package/dist/components/cg-label/cg-label.d.ts +4 -1
- package/dist/components/cg-label/cg-label.d.ts.map +1 -1
- package/dist/components/cg-label/cg-label.js +44 -41
- package/dist/components/cg-label/cg-label.js.map +1 -1
- package/dist/components/cg-link/cg-link.js +23 -23
- package/dist/components/cg-link/cg-link.js.map +1 -1
- package/dist/components/cg-list/cg-list.js +5 -5
- package/dist/components/cg-list/cg-list.js.map +1 -1
- package/dist/components/cg-listbox/cg-listbox.d.ts.map +1 -1
- package/dist/components/cg-listbox/cg-listbox.js +46 -40
- package/dist/components/cg-listbox/cg-listbox.js.map +1 -1
- package/dist/components/cg-markdown/cg-markdown.d.ts +2 -0
- package/dist/components/cg-markdown/cg-markdown.d.ts.map +1 -1
- package/dist/components/cg-markdown/cg-markdown.js +171 -121
- package/dist/components/cg-markdown/cg-markdown.js.map +1 -1
- package/dist/components/cg-menubar/cg-menubar.d.ts +6 -0
- package/dist/components/cg-menubar/cg-menubar.d.ts.map +1 -1
- package/dist/components/cg-menubar/cg-menubar.js +59 -47
- package/dist/components/cg-menubar/cg-menubar.js.map +1 -1
- package/dist/components/cg-meter/cg-meter.d.ts.map +1 -1
- package/dist/components/cg-meter/cg-meter.js +76 -76
- package/dist/components/cg-meter/cg-meter.js.map +1 -1
- package/dist/components/cg-metric-card/cg-metric-card.d.ts.map +1 -1
- package/dist/components/cg-metric-card/cg-metric-card.js +65 -68
- package/dist/components/cg-metric-card/cg-metric-card.js.map +1 -1
- package/dist/components/cg-modal/cg-modal.d.ts +3 -0
- package/dist/components/cg-modal/cg-modal.d.ts.map +1 -1
- package/dist/components/cg-modal/cg-modal.js +82 -83
- package/dist/components/cg-modal/cg-modal.js.map +1 -1
- package/dist/components/cg-navbar/cg-navbar.d.ts +1 -1
- package/dist/components/cg-navbar/cg-navbar.d.ts.map +1 -1
- package/dist/components/cg-navbar/cg-navbar.js +64 -55
- package/dist/components/cg-navbar/cg-navbar.js.map +1 -1
- package/dist/components/cg-navigation-menu/cg-navigation-menu.d.ts +3 -0
- package/dist/components/cg-navigation-menu/cg-navigation-menu.d.ts.map +1 -1
- package/dist/components/cg-navigation-menu/cg-navigation-menu.js +38 -26
- package/dist/components/cg-navigation-menu/cg-navigation-menu.js.map +1 -1
- package/dist/components/cg-number-input/cg-number-input.d.ts +1 -0
- package/dist/components/cg-number-input/cg-number-input.d.ts.map +1 -1
- package/dist/components/cg-number-input/cg-number-input.js +90 -77
- package/dist/components/cg-number-input/cg-number-input.js.map +1 -1
- package/dist/components/cg-otp-input/cg-otp-input.d.ts.map +1 -1
- package/dist/components/cg-otp-input/cg-otp-input.js +70 -60
- package/dist/components/cg-otp-input/cg-otp-input.js.map +1 -1
- package/dist/components/cg-pagination/cg-pagination.d.ts +2 -0
- package/dist/components/cg-pagination/cg-pagination.d.ts.map +1 -1
- package/dist/components/cg-pagination/cg-pagination.js +50 -49
- package/dist/components/cg-pagination/cg-pagination.js.map +1 -1
- package/dist/components/cg-password-input/cg-password-input.d.ts.map +1 -1
- package/dist/components/cg-password-input/cg-password-input.js +42 -34
- package/dist/components/cg-password-input/cg-password-input.js.map +1 -1
- package/dist/components/cg-phone-input/cg-phone-input.d.ts.map +1 -1
- package/dist/components/cg-phone-input/cg-phone-input.js +18 -14
- package/dist/components/cg-phone-input/cg-phone-input.js.map +1 -1
- package/dist/components/cg-popover/cg-popover.d.ts +12 -2
- package/dist/components/cg-popover/cg-popover.d.ts.map +1 -1
- package/dist/components/cg-popover/cg-popover.js +90 -63
- package/dist/components/cg-popover/cg-popover.js.map +1 -1
- package/dist/components/cg-portal/cg-portal.d.ts.map +1 -1
- package/dist/components/cg-portal/cg-portal.js +42 -41
- package/dist/components/cg-portal/cg-portal.js.map +1 -1
- package/dist/components/cg-progress-bar/cg-progress-bar.d.ts.map +1 -1
- package/dist/components/cg-progress-bar/cg-progress-bar.js +25 -25
- package/dist/components/cg-progress-bar/cg-progress-bar.js.map +1 -1
- package/dist/components/cg-radio/cg-radio.d.ts +10 -0
- package/dist/components/cg-radio/cg-radio.d.ts.map +1 -1
- package/dist/components/cg-radio/cg-radio.js +59 -48
- package/dist/components/cg-radio/cg-radio.js.map +1 -1
- package/dist/components/cg-radio-group/cg-radio-group.d.ts +6 -0
- package/dist/components/cg-radio-group/cg-radio-group.d.ts.map +1 -1
- package/dist/components/cg-radio-group/cg-radio-group.js +50 -37
- package/dist/components/cg-radio-group/cg-radio-group.js.map +1 -1
- package/dist/components/cg-rating/cg-rating.d.ts.map +1 -1
- package/dist/components/cg-rating/cg-rating.js +56 -54
- package/dist/components/cg-rating/cg-rating.js.map +1 -1
- package/dist/components/cg-resizable/cg-resizable.d.ts +4 -1
- package/dist/components/cg-resizable/cg-resizable.d.ts.map +1 -1
- package/dist/components/cg-resizable/cg-resizable.js +45 -35
- package/dist/components/cg-resizable/cg-resizable.js.map +1 -1
- package/dist/components/cg-scroll-area/cg-scroll-area.d.ts +8 -0
- package/dist/components/cg-scroll-area/cg-scroll-area.d.ts.map +1 -1
- package/dist/components/cg-scroll-area/cg-scroll-area.js +64 -21
- package/dist/components/cg-scroll-area/cg-scroll-area.js.map +1 -1
- package/dist/components/cg-segmented-control/cg-segmented-control.d.ts +4 -0
- package/dist/components/cg-segmented-control/cg-segmented-control.d.ts.map +1 -1
- package/dist/components/cg-segmented-control/cg-segmented-control.js +75 -39
- package/dist/components/cg-segmented-control/cg-segmented-control.js.map +1 -1
- package/dist/components/cg-select/cg-select.d.ts +4 -2
- package/dist/components/cg-select/cg-select.d.ts.map +1 -1
- package/dist/components/cg-select/cg-select.js +96 -58
- package/dist/components/cg-select/cg-select.js.map +1 -1
- package/dist/components/cg-separator/cg-separator.d.ts +1 -2
- package/dist/components/cg-separator/cg-separator.d.ts.map +1 -1
- package/dist/components/cg-separator/cg-separator.js +5 -8
- package/dist/components/cg-separator/cg-separator.js.map +1 -1
- package/dist/components/cg-sheet/cg-sheet.d.ts +4 -0
- package/dist/components/cg-sheet/cg-sheet.d.ts.map +1 -1
- package/dist/components/cg-sheet/cg-sheet.js +80 -43
- package/dist/components/cg-sheet/cg-sheet.js.map +1 -1
- package/dist/components/cg-sidebar/cg-sidebar.d.ts.map +1 -1
- package/dist/components/cg-sidebar/cg-sidebar.js +82 -19
- package/dist/components/cg-sidebar/cg-sidebar.js.map +1 -1
- package/dist/components/cg-skeleton/cg-skeleton.d.ts +7 -1
- package/dist/components/cg-skeleton/cg-skeleton.d.ts.map +1 -1
- package/dist/components/cg-skeleton/cg-skeleton.js +61 -63
- package/dist/components/cg-skeleton/cg-skeleton.js.map +1 -1
- package/dist/components/cg-slider/cg-slider.d.ts.map +1 -1
- package/dist/components/cg-slider/cg-slider.js +80 -73
- package/dist/components/cg-slider/cg-slider.js.map +1 -1
- package/dist/components/cg-spinner/cg-spinner.d.ts.map +1 -1
- package/dist/components/cg-spinner/cg-spinner.js +10 -19
- package/dist/components/cg-spinner/cg-spinner.js.map +1 -1
- package/dist/components/cg-split-button/cg-split-button.d.ts.map +1 -1
- package/dist/components/cg-split-button/cg-split-button.js +64 -50
- package/dist/components/cg-split-button/cg-split-button.js.map +1 -1
- package/dist/components/cg-stack/cg-stack.js +1 -1
- package/dist/components/cg-steps/cg-steps.js +1 -1
- package/dist/components/cg-switch/cg-switch.d.ts +3 -0
- package/dist/components/cg-switch/cg-switch.d.ts.map +1 -1
- package/dist/components/cg-switch/cg-switch.js +39 -47
- package/dist/components/cg-switch/cg-switch.js.map +1 -1
- package/dist/components/cg-table/cg-table.d.ts +0 -7
- package/dist/components/cg-table/cg-table.d.ts.map +1 -1
- package/dist/components/cg-table/cg-table.js +50 -47
- package/dist/components/cg-table/cg-table.js.map +1 -1
- package/dist/components/cg-tabs/cg-tabs.js +1 -1
- package/dist/components/cg-tag-input/cg-tag-input.js +1 -1
- package/dist/components/cg-text/cg-text.js +1 -1
- package/dist/components/cg-textarea/cg-textarea.js +1 -1
- package/dist/components/cg-time-picker/cg-time-picker.js +1 -1
- package/dist/components/cg-toaster/cg-toaster.js +3 -3
- package/dist/components/cg-toaster/cg-toaster.js.map +1 -1
- package/dist/components/cg-toggle/cg-toggle.js +1 -1
- package/dist/components/cg-toggle-group/cg-toggle-group.js +1 -1
- package/dist/components/cg-tree-view/cg-tree-view.js +1 -1
- package/dist/foundation.d.ts +0 -16
- package/dist/foundation.d.ts.map +1 -1
- package/dist/foundation.js +174 -206
- package/dist/foundation.js.map +1 -1
- package/dist/index.d.ts +1 -17
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +100 -132
- package/dist/index.js.map +1 -1
- package/dist/utils/focus-trap.d.ts +19 -2
- package/dist/utils/focus-trap.d.ts.map +1 -1
- package/package.json +6 -810
- package/dist/chunks/focus-trap-BdRNhSPD.js +0 -53
- package/dist/chunks/focus-trap-BdRNhSPD.js.map +0 -1
- package/dist/components/cg-app-shell/cg-app-shell.d.ts +0 -54
- package/dist/components/cg-app-shell/cg-app-shell.d.ts.map +0 -1
- package/dist/components/cg-app-shell/cg-app-shell.js +0 -135
- package/dist/components/cg-app-shell/cg-app-shell.js.map +0 -1
- package/dist/components/cg-auth-shell/cg-auth-shell.d.ts +0 -61
- package/dist/components/cg-auth-shell/cg-auth-shell.d.ts.map +0 -1
- package/dist/components/cg-auth-shell/cg-auth-shell.js +0 -163
- package/dist/components/cg-auth-shell/cg-auth-shell.js.map +0 -1
- package/dist/components/cg-definition-list/cg-definition-list.d.ts +0 -99
- package/dist/components/cg-definition-list/cg-definition-list.d.ts.map +0 -1
- package/dist/components/cg-definition-list/cg-definition-list.js +0 -332
- package/dist/components/cg-definition-list/cg-definition-list.js.map +0 -1
- package/dist/components/cg-draggable/cg-draggable.d.ts +0 -53
- package/dist/components/cg-draggable/cg-draggable.d.ts.map +0 -1
- package/dist/components/cg-draggable/cg-draggable.js +0 -136
- package/dist/components/cg-draggable/cg-draggable.js.map +0 -1
- package/dist/components/cg-droppable/cg-droppable.d.ts +0 -57
- package/dist/components/cg-droppable/cg-droppable.d.ts.map +0 -1
- package/dist/components/cg-droppable/cg-droppable.js +0 -114
- package/dist/components/cg-droppable/cg-droppable.js.map +0 -1
- package/dist/components/cg-filter-bar/cg-filter-bar.d.ts +0 -50
- package/dist/components/cg-filter-bar/cg-filter-bar.d.ts.map +0 -1
- package/dist/components/cg-filter-bar/cg-filter-bar.js +0 -115
- package/dist/components/cg-filter-bar/cg-filter-bar.js.map +0 -1
- package/dist/components/cg-filter-chip/cg-filter-chip.d.ts +0 -55
- package/dist/components/cg-filter-chip/cg-filter-chip.d.ts.map +0 -1
- package/dist/components/cg-filter-chip/cg-filter-chip.js +0 -213
- package/dist/components/cg-filter-chip/cg-filter-chip.js.map +0 -1
- package/dist/components/cg-kanban/cg-kanban.d.ts +0 -44
- package/dist/components/cg-kanban/cg-kanban.d.ts.map +0 -1
- package/dist/components/cg-kanban/cg-kanban.js +0 -86
- package/dist/components/cg-kanban/cg-kanban.js.map +0 -1
- package/dist/components/cg-kanban-column/cg-kanban-column.d.ts +0 -58
- package/dist/components/cg-kanban-column/cg-kanban-column.d.ts.map +0 -1
- package/dist/components/cg-kanban-column/cg-kanban-column.js +0 -144
- package/dist/components/cg-kanban-column/cg-kanban-column.js.map +0 -1
- package/dist/components/cg-mfa-prompt/cg-mfa-prompt.d.ts +0 -77
- package/dist/components/cg-mfa-prompt/cg-mfa-prompt.d.ts.map +0 -1
- package/dist/components/cg-mfa-prompt/cg-mfa-prompt.js +0 -245
- package/dist/components/cg-mfa-prompt/cg-mfa-prompt.js.map +0 -1
- package/dist/components/cg-search-input/cg-search-input.d.ts +0 -62
- package/dist/components/cg-search-input/cg-search-input.d.ts.map +0 -1
- package/dist/components/cg-search-input/cg-search-input.js +0 -106
- package/dist/components/cg-search-input/cg-search-input.js.map +0 -1
- package/dist/components/cg-sortable/cg-sortable.d.ts +0 -72
- package/dist/components/cg-sortable/cg-sortable.d.ts.map +0 -1
- package/dist/components/cg-sortable/cg-sortable.js +0 -177
- package/dist/components/cg-sortable/cg-sortable.js.map +0 -1
- package/dist/components/cg-theme/cg-theme.d.ts +0 -82
- package/dist/components/cg-theme/cg-theme.d.ts.map +0 -1
- package/dist/components/cg-theme/cg-theme.js +0 -91
- package/dist/components/cg-theme/cg-theme.js.map +0 -1
- package/dist/components/cg-theme-editor/cg-theme-editor.d.ts +0 -98
- package/dist/components/cg-theme-editor/cg-theme-editor.d.ts.map +0 -1
- package/dist/components/cg-theme-editor/cg-theme-editor.js +0 -341
- package/dist/components/cg-theme-editor/cg-theme-editor.js.map +0 -1
- package/dist/components/cg-timeline/cg-timeline.d.ts +0 -70
- package/dist/components/cg-timeline/cg-timeline.d.ts.map +0 -1
- package/dist/components/cg-timeline/cg-timeline.js +0 -131
- package/dist/components/cg-timeline/cg-timeline.js.map +0 -1
- package/dist/components/cg-timeline-event/cg-timeline-event.d.ts +0 -59
- package/dist/components/cg-timeline-event/cg-timeline-event.d.ts.map +0 -1
- package/dist/components/cg-timeline-event/cg-timeline-event.js +0 -190
- package/dist/components/cg-timeline-event/cg-timeline-event.js.map +0 -1
- package/dist/utils/drag-manager.d.ts +0 -40
- package/dist/utils/drag-manager.d.ts.map +0 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { css as
|
|
2
|
-
import { property as
|
|
3
|
-
import { h as f, r as b,
|
|
4
|
-
var
|
|
5
|
-
for (var s = a > 1 ? void 0 : a ?
|
|
6
|
-
(
|
|
7
|
-
return a && s &&
|
|
1
|
+
import { css as g, LitElement as v, html as o, nothing as l } from "lit";
|
|
2
|
+
import { property as d, state as u, customElement as m } from "lit/decorators.js";
|
|
3
|
+
import { h as f, r as b, i as _ } from "../../chunks/premium.css-DHekUEUt.js";
|
|
4
|
+
var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (t, e, i, a) => {
|
|
5
|
+
for (var s = a > 1 ? void 0 : a ? w(e, i) : e, c = t.length - 1, h; c >= 0; c--)
|
|
6
|
+
(h = t[c]) && (s = (a ? h(e, i, s) : h(s)) || s);
|
|
7
|
+
return a && s && y(e, i, s), s;
|
|
8
8
|
};
|
|
9
|
-
const
|
|
9
|
+
const p = typeof window < "u" ? window.SpeechRecognition || window.webkitSpeechRecognition : void 0;
|
|
10
10
|
let r = class extends v {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(...arguments), this.rounded = "lg", this.language = "en-US", this.pushToTalk = !1, this.continuous = !1, this.timeout = 10, this._state = "idle", this._transcript = "", this._interimTranscript = "", this._errorMessage = "", this._recognition = null, this._timeoutId = 0;
|
|
13
13
|
}
|
|
14
14
|
connectedCallback() {
|
|
15
|
-
super.connectedCallback(),
|
|
15
|
+
super.connectedCallback(), p || (this._state = "unsupported");
|
|
16
16
|
}
|
|
17
17
|
disconnectedCallback() {
|
|
18
18
|
super.disconnectedCallback(), this._cleanup();
|
|
19
19
|
}
|
|
20
20
|
/** Public API: start recognition */
|
|
21
21
|
startRecognition() {
|
|
22
|
-
if (!
|
|
22
|
+
if (!p || this._state === "listening") return;
|
|
23
23
|
this._cleanup();
|
|
24
|
-
const t = new
|
|
24
|
+
const t = new p();
|
|
25
25
|
t.lang = this.language, t.continuous = this.continuous, t.interimResults = !0, t.onstart = () => {
|
|
26
26
|
this._state = "listening", this._interimTranscript = "", this._errorMessage = "", this._startTimeout(), this.dispatchEvent(new CustomEvent("ai-voice-start", { bubbles: !0, composed: !0 }));
|
|
27
27
|
}, t.onresult = (e) => {
|
|
@@ -166,7 +166,7 @@ let r = class extends v {
|
|
|
166
166
|
`;
|
|
167
167
|
}
|
|
168
168
|
};
|
|
169
|
-
r.styles = [f, b, _,
|
|
169
|
+
r.styles = [f, b, _, g`
|
|
170
170
|
:host {
|
|
171
171
|
animation: fadeIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out);
|
|
172
172
|
}
|
|
@@ -191,8 +191,8 @@ r.styles = [f, b, _, h`
|
|
|
191
191
|
color: var(--cg-color-input-text-placeholder);
|
|
192
192
|
}
|
|
193
193
|
.state-label.listening { color: var(--cg-color-surface-base-text); }
|
|
194
|
-
.state-label.processing { color: var(--cg-color-
|
|
195
|
-
.state-label.error { color: var(--cg-color-
|
|
194
|
+
.state-label.processing { color: var(--cg-color-ai-thinking-text); }
|
|
195
|
+
.state-label.error { color: var(--cg-color-ai-error-text); }
|
|
196
196
|
|
|
197
197
|
/* ── Mic button area ── */
|
|
198
198
|
.mic-area {
|
|
@@ -261,13 +261,13 @@ r.styles = [f, b, _, h`
|
|
|
261
261
|
background: var(--cg-overlay-accent-subtle);
|
|
262
262
|
}
|
|
263
263
|
.mic-btn.processing {
|
|
264
|
-
border-color: var(--cg-color-
|
|
265
|
-
color: var(--cg-color-
|
|
264
|
+
border-color: var(--cg-color-ai-thinking-text);
|
|
265
|
+
color: var(--cg-color-ai-thinking-text);
|
|
266
266
|
cursor: wait;
|
|
267
267
|
}
|
|
268
268
|
.mic-btn.error {
|
|
269
|
-
border-color: var(--cg-color-
|
|
270
|
-
color: var(--cg-color-
|
|
269
|
+
border-color: var(--cg-color-ai-error-text);
|
|
270
|
+
color: var(--cg-color-ai-error-text);
|
|
271
271
|
}
|
|
272
272
|
.mic-btn:disabled {
|
|
273
273
|
opacity: 0.4;
|
|
@@ -301,7 +301,7 @@ r.styles = [f, b, _, h`
|
|
|
301
301
|
}
|
|
302
302
|
.error-msg {
|
|
303
303
|
font-size: var(--cg-font-size-sm);
|
|
304
|
-
color: var(--cg-color-
|
|
304
|
+
color: var(--cg-color-ai-error-text);
|
|
305
305
|
line-height: var(--cg-line-height-normal);
|
|
306
306
|
}
|
|
307
307
|
.unsupported-msg {
|
|
@@ -328,31 +328,31 @@ r.styles = [f, b, _, h`
|
|
|
328
328
|
}
|
|
329
329
|
`];
|
|
330
330
|
n([
|
|
331
|
-
|
|
331
|
+
d({ reflect: !0 })
|
|
332
332
|
], r.prototype, "rounded", 2);
|
|
333
333
|
n([
|
|
334
|
-
|
|
334
|
+
d({ type: String })
|
|
335
335
|
], r.prototype, "language", 2);
|
|
336
336
|
n([
|
|
337
|
-
|
|
337
|
+
d({ type: Boolean })
|
|
338
338
|
], r.prototype, "pushToTalk", 2);
|
|
339
339
|
n([
|
|
340
|
-
|
|
340
|
+
d({ type: Boolean })
|
|
341
341
|
], r.prototype, "continuous", 2);
|
|
342
342
|
n([
|
|
343
|
-
|
|
343
|
+
d({ type: Number })
|
|
344
344
|
], r.prototype, "timeout", 2);
|
|
345
345
|
n([
|
|
346
|
-
|
|
346
|
+
u()
|
|
347
347
|
], r.prototype, "_state", 2);
|
|
348
348
|
n([
|
|
349
|
-
|
|
349
|
+
u()
|
|
350
350
|
], r.prototype, "_transcript", 2);
|
|
351
351
|
n([
|
|
352
|
-
|
|
352
|
+
u()
|
|
353
353
|
], r.prototype, "_interimTranscript", 2);
|
|
354
354
|
n([
|
|
355
|
-
|
|
355
|
+
u()
|
|
356
356
|
], r.prototype, "_errorMessage", 2);
|
|
357
357
|
r = n([
|
|
358
358
|
m("ai-voice-panel")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-voice-panel.js","sources":["../../../src/components/ai-voice-panel/ai-voice-panel.ts"],"sourcesContent":["/**\n * @element ai-voice-panel\n * Voice command panel with built-in Web Speech API integration, mic button with pulse\n * animations, real-time transcript, push-to-talk, browser detection, and permission handling.\n *\n * Self-managing by default — click the mic and it records. Also supports external control\n * via `startRecognition()` / `stopRecognition()` methods.\n *\n * @example\n * ```html\n * <ai-voice-panel language=\"en-US\"></ai-voice-panel>\n *\n * <ai-voice-panel pushToTalk language=\"pt-BR\"></ai-voice-panel>\n *\n * <ai-voice-panel continuous language=\"en-US\"></ai-voice-panel>\n * ```\n *\n * @fires {CustomEvent<{}>} ai-voice-start - Recording started\n * @fires {CustomEvent<{}>} ai-voice-stop - Recording stopped\n * @fires {CustomEvent<{transcript: string, isFinal: boolean}>} ai-voice-result - Speech result\n * @fires {CustomEvent<{error: string}>} ai-voice-error - Error occurred\n *\n * @cssprop --cg-color-action-primary-background-default - Listening pulse ring color\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeInKeyframes } from '../../styles/index.js';\n\n// Browser-compat SpeechRecognition\nconst SpeechRecognitionImpl: SpeechRecognitionCtor | undefined =\n typeof window !== 'undefined'\n ? window.SpeechRecognition || window.webkitSpeechRecognition\n : undefined;\n\ntype VoiceState = 'idle' | 'listening' | 'processing' | 'error' | 'unsupported';\n\n@customElement('ai-voice-panel')\nexport class AiVoicePanel extends LitElement {\n static override styles = [hostBlock, reducedMotion, fadeInKeyframes, css`\n :host {\n animation: fadeIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out);\n }\n\n .panel {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--cg-spacing-20);\n padding: var(--cg-spacing-32) var(--cg-spacing-24);\n background: var(--cg-color-surface-cards-background);\n border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n border-radius: var(--cg-border-radius-200);\n }\n\n /* ── State label ── */\n .state-label {\n font-size: var(--cg-font-size-xs);\n font-weight: var(--cg-font-weight-bold);\n text-transform: uppercase;\n letter-spacing: var(--cg-letter-spacing-wide);\n color: var(--cg-color-input-text-placeholder);\n }\n .state-label.listening { color: var(--cg-color-surface-base-text); }\n .state-label.processing { color: var(--cg-color-status-warning-text-default); }\n .state-label.error { color: var(--cg-color-status-error-text-default); }\n\n /* ── Mic button area ── */\n .mic-area {\n position: relative;\n width: var(--cg-spacing-80);\n height: var(--cg-spacing-80);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Pulse rings */\n .pulse-ring {\n position: absolute;\n inset: var(--cg-spacing-4);\n border-radius: var(--cg-border-radius-full);\n border: var(--cg-border-width-100) solid var(--cg-color-action-primary-background-default);\n opacity: 0;\n pointer-events: none;\n }\n .listening .pulse-ring {\n animation: voicePulse 2s var(--cg-transition-easing-default) infinite;\n }\n .listening .pulse-ring:nth-child(2) { animation-delay: 0.6s; }\n .listening .pulse-ring:nth-child(3) { animation-delay: 1.2s; }\n\n @keyframes voicePulse {\n 0% { transform: scale(1); opacity: 0.5; }\n 100% { transform: scale(1.8); opacity: 0; }\n }\n\n /* ── Mic button ── */\n .mic-btn {\n width: var(--cg-spacing-64);\n height: var(--cg-spacing-64);\n border-radius: var(--cg-border-radius-full);\n border: var(--cg-border-width-100) solid var(--cg-color-surface-cards-border);\n background: var(--cg-color-surface-base-background);\n color: var(--cg-color-input-text-placeholder);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n background var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n z-index: 1;\n position: relative;\n }\n .mic-btn:hover {\n border-color: var(--cg-color-input-border-hover);\n color: var(--cg-color-surface-base-text);\n }\n .mic-btn:active { transform: scale(var(--cg-interaction-press-scale)); }\n .mic-btn:focus-visible {\n outline: none;\n box-shadow:\n 0 0 0 2px var(--cg-color-surface-base-background),\n 0 0 0 3px var(--cg-overlay-accent-strong);\n }\n .mic-btn.listening {\n border-color: var(--cg-color-action-primary-background-default);\n color: var(--cg-color-surface-base-text);\n background: var(--cg-overlay-accent-subtle);\n }\n .mic-btn.processing {\n border-color: var(--cg-color-status-warning-text-default);\n color: var(--cg-color-status-warning-text-default);\n cursor: wait;\n }\n .mic-btn.error {\n border-color: var(--cg-color-status-error-text-default);\n color: var(--cg-color-status-error-text-default);\n }\n .mic-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n .mic-btn svg {\n width: var(--cg-spacing-24);\n height: var(--cg-spacing-24);\n }\n\n /* Spinner */\n .spinner { animation: spin 1s linear infinite; }\n @keyframes spin { to { transform: rotate(360deg); } }\n\n /* ── Transcript area ── */\n .transcript-area {\n text-align: center;\n width: 100%;\n min-height: var(--cg-spacing-40);\n }\n .transcript {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-surface-base-text);\n line-height: var(--cg-line-height-relaxed);\n }\n .interim {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-input-text-placeholder);\n font-style: italic;\n line-height: var(--cg-line-height-relaxed);\n }\n .error-msg {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-status-error-text-default);\n line-height: var(--cg-line-height-normal);\n }\n .unsupported-msg {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-input-text-placeholder);\n line-height: var(--cg-line-height-normal);\n }\n\n /* ── Push-to-talk hint ── */\n .ptt-hint {\n font-size: var(--cg-font-size-xs);\n color: var(--cg-color-input-text-placeholder);\n }\n\n /* ── Rounded variants ── */\n :host([rounded=\"none\"]) .panel { border-radius: 0; }\n :host([rounded=\"sm\"]) .panel { border-radius: var(--cg-border-radius-50); }\n :host([rounded=\"md\"]) .panel { border-radius: var(--cg-border-radius-100); }\n :host([rounded=\"lg\"]) .panel { border-radius: var(--cg-border-radius-200); }\n\n @media (prefers-reduced-motion: reduce) {\n .listening .pulse-ring { animation: none; }\n .spinner { animation: none; }\n }\n `];\n\n @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n /** BCP-47 language tag */\n @property({ type: String }) language: string = 'en-US';\n /** Hold mic to talk instead of click toggle */\n @property({ type: Boolean }) pushToTalk: boolean = false;\n /** Keep listening after each result (multi-sentence) */\n @property({ type: Boolean }) continuous: boolean = false;\n /** Auto-stop after N seconds of silence (0 = no timeout) */\n @property({ type: Number }) timeout: number = 10;\n\n @state() private _state: VoiceState = 'idle';\n @state() private _transcript: string = '';\n @state() private _interimTranscript: string = '';\n @state() private _errorMessage: string = '';\n\n private _recognition: SpeechRecognition | null = null;\n private _timeoutId: number = 0;\n\n override connectedCallback() {\n super.connectedCallback();\n if (!SpeechRecognitionImpl) {\n this._state = 'unsupported';\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this._cleanup();\n }\n\n /** Public API: start recognition */\n startRecognition() {\n if (!SpeechRecognitionImpl || this._state === 'listening') return;\n\n this._cleanup();\n const recognition = new SpeechRecognitionImpl();\n recognition.lang = this.language;\n recognition.continuous = this.continuous;\n recognition.interimResults = true;\n\n recognition.onstart = () => {\n this._state = 'listening';\n this._interimTranscript = '';\n this._errorMessage = '';\n this._startTimeout();\n this.dispatchEvent(new CustomEvent('ai-voice-start', { bubbles: true, composed: true }));\n };\n\n recognition.onresult = (event: SpeechRecognitionEvent) => {\n this._resetTimeout();\n let interim = '';\n let final = '';\n for (let i = event.resultIndex; i < event.results.length; i++) {\n const result = event.results[i];\n if (!result) continue;\n if (result.isFinal) {\n final += result[0]?.transcript ?? '';\n } else {\n interim += result[0]?.transcript ?? '';\n }\n }\n if (final) {\n this._transcript = (this._transcript ? this._transcript + ' ' : '') + final.trim();\n this._interimTranscript = '';\n this.dispatchEvent(new CustomEvent('ai-voice-result', {\n bubbles: true, composed: true,\n detail: { transcript: this._transcript, isFinal: true },\n }));\n }\n if (interim) {\n this._interimTranscript = interim;\n this.dispatchEvent(new CustomEvent('ai-voice-result', {\n bubbles: true, composed: true,\n detail: { transcript: interim, isFinal: false },\n }));\n }\n };\n\n recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n const msg = event.error === 'not-allowed'\n ? 'Microphone access denied. Check browser permissions.'\n : event.error === 'no-speech'\n ? 'No speech detected. Try again.'\n : event.error === 'network'\n ? 'Network error. Speech recognition requires an internet connection.'\n : `Speech error: ${event.error}`;\n this._errorMessage = msg;\n this._state = 'error';\n this._clearTimeout();\n this.dispatchEvent(new CustomEvent('ai-voice-error', {\n bubbles: true, composed: true,\n detail: { error: event.error, message: msg },\n }));\n };\n\n recognition.onend = () => {\n this._clearTimeout();\n if (this._state === 'listening') {\n this._state = this._transcript ? 'idle' : 'idle';\n }\n this.dispatchEvent(new CustomEvent('ai-voice-stop', { bubbles: true, composed: true }));\n this._recognition = null;\n };\n\n this._recognition = recognition;\n try {\n recognition.start();\n } catch {\n this._errorMessage = 'Could not start speech recognition.';\n this._state = 'error';\n }\n }\n\n /** Public API: stop recognition */\n stopRecognition() {\n if (this._recognition) {\n this._recognition.stop();\n }\n this._clearTimeout();\n }\n\n /** Public API: clear transcript */\n clearTranscript() {\n this._transcript = '';\n this._interimTranscript = '';\n }\n\n /** Read-only access to current transcript */\n get transcript(): string { return this._transcript; }\n get interimTranscript(): string { return this._interimTranscript; }\n get voiceState(): VoiceState { return this._state; }\n\n private _cleanup() {\n if (this._recognition) {\n try { this._recognition.abort(); } catch { /* ignore */ }\n this._recognition = null;\n }\n this._clearTimeout();\n }\n\n private _startTimeout() {\n if (this.timeout <= 0) return;\n this._clearTimeout();\n this._timeoutId = window.setTimeout(() => {\n if (this._state === 'listening') {\n this.stopRecognition();\n }\n }, this.timeout * 1000);\n }\n\n private _resetTimeout() {\n if (this.timeout > 0 && this._state === 'listening') {\n this._startTimeout();\n }\n }\n\n private _clearTimeout() {\n if (this._timeoutId) {\n window.clearTimeout(this._timeoutId);\n this._timeoutId = 0;\n }\n }\n\n private _handleMicClick() {\n if (this._state === 'processing' || this._state === 'unsupported') return;\n if (this._state === 'listening') {\n this.stopRecognition();\n } else {\n this.startRecognition();\n }\n }\n\n private _handlePointerDown() {\n if (!this.pushToTalk || this._state === 'unsupported') return;\n this.startRecognition();\n }\n\n private _handlePointerUp() {\n if (!this.pushToTalk) return;\n this.stopRecognition();\n }\n\n private _handleKeyDown(e: KeyboardEvent) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n if (this.pushToTalk) {\n this.startRecognition();\n } else {\n this._handleMicClick();\n }\n }\n }\n\n private _handleKeyUp(e: KeyboardEvent) {\n if (this.pushToTalk && (e.key === 'Enter' || e.key === ' ')) {\n this.stopRecognition();\n }\n }\n\n private _getStateLabel(): string {\n switch (this._state) {\n case 'listening': return 'Listening...';\n case 'processing': return 'Processing...';\n case 'error': return 'Error';\n case 'unsupported': return 'Not supported';\n default: return this.pushToTalk ? 'Hold to talk' : 'Tap to speak';\n }\n }\n\n private _getMicIcon() {\n if (this._state === 'processing') {\n return html`<svg class=\"spinner\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 11-6.219-8.56\"/></svg>`;\n }\n if (this._state === 'error') {\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"/></svg>`;\n }\n if (this._state === 'unsupported') {\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/></svg>`;\n }\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/></svg>`;\n }\n\n override render() {\n const isUnsupported = this._state === 'unsupported';\n\n return html`\n <div class=\"panel\" role=\"region\" aria-label=\"Voice input\">\n <span class=\"state-label ${this._state}\">${this._getStateLabel()}</span>\n\n <div class=\"mic-area ${this._state}\">\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <button class=\"mic-btn ${this._state}\"\n ?disabled=${isUnsupported}\n aria-label=\"${this._state === 'listening' ? 'Stop recording' : 'Start recording'}\"\n aria-pressed=\"${this._state === 'listening' ? 'true' : 'false'}\"\n @click=${this.pushToTalk ? undefined : this._handleMicClick}\n @pointerdown=${this._handlePointerDown}\n @pointerup=${this._handlePointerUp}\n @pointercancel=${this._handlePointerUp}\n @pointerleave=${this._handlePointerUp}\n @keydown=${this._handleKeyDown}\n @keyup=${this._handleKeyUp}>\n ${this._getMicIcon()}\n </button>\n </div>\n\n <div class=\"transcript-area\">\n ${this._state === 'error' && this._errorMessage\n ? html`<div class=\"error-msg\" role=\"alert\">${this._errorMessage}</div>`\n : nothing}\n ${isUnsupported\n ? html`<div class=\"unsupported-msg\">Speech recognition is not supported in this browser. Try Chrome or Edge.</div>`\n : nothing}\n ${this._transcript\n ? html`<div class=\"transcript\">${this._transcript}</div>`\n : nothing}\n ${this._interimTranscript\n ? html`<div class=\"interim\" aria-live=\"polite\">${this._interimTranscript}</div>`\n : nothing}\n </div>\n\n ${this.language && !isUnsupported\n ? html`<cg-badge variant=\"neutral\" label=${this.language} size=\"sm\" rounded=\"full\"></cg-badge>`\n : nothing}\n\n ${this.pushToTalk && !isUnsupported\n ? html`<span class=\"ptt-hint\" id=\"ptt-hint\">Hold spacebar or mic button to talk</span>`\n : nothing}\n </div>\n `;\n }\n}\n"],"names":["SpeechRecognitionImpl","AiVoicePanel","LitElement","recognition","event","interim","final","i","result","msg","e","html","isUnsupported","nothing","hostBlock","reducedMotion","fadeInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ai-voice-panel.js","sources":["../../../src/components/ai-voice-panel/ai-voice-panel.ts"],"sourcesContent":["/**\n * @element ai-voice-panel\n * Voice command panel with built-in Web Speech API integration, mic button with pulse\n * animations, real-time transcript, push-to-talk, browser detection, and permission handling.\n *\n * Self-managing by default — click the mic and it records. Also supports external control\n * via `startRecognition()` / `stopRecognition()` methods.\n *\n * @example\n * ```html\n * <ai-voice-panel language=\"en-US\"></ai-voice-panel>\n *\n * <ai-voice-panel pushToTalk language=\"pt-BR\"></ai-voice-panel>\n *\n * <ai-voice-panel continuous language=\"en-US\"></ai-voice-panel>\n * ```\n *\n * @fires {CustomEvent<{}>} ai-voice-start - Recording started\n * @fires {CustomEvent<{}>} ai-voice-stop - Recording stopped\n * @fires {CustomEvent<{transcript: string, isFinal: boolean}>} ai-voice-result - Speech result\n * @fires {CustomEvent<{error: string}>} ai-voice-error - Error occurred\n *\n * @cssprop --cg-color-action-primary-background-default - Listening pulse ring color\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeInKeyframes } from '../../styles/index.js';\n\n// Browser-compat SpeechRecognition\nconst SpeechRecognitionImpl: SpeechRecognitionCtor | undefined =\n typeof window !== 'undefined'\n ? window.SpeechRecognition || window.webkitSpeechRecognition\n : undefined;\n\ntype VoiceState = 'idle' | 'listening' | 'processing' | 'error' | 'unsupported';\n\n@customElement('ai-voice-panel')\nexport class AiVoicePanel extends LitElement {\n static override styles = [hostBlock, reducedMotion, fadeInKeyframes, css`\n :host {\n animation: fadeIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out);\n }\n\n .panel {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--cg-spacing-20);\n padding: var(--cg-spacing-32) var(--cg-spacing-24);\n background: var(--cg-color-surface-cards-background);\n border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n border-radius: var(--cg-border-radius-200);\n }\n\n /* ── State label ── */\n .state-label {\n font-size: var(--cg-font-size-xs);\n font-weight: var(--cg-font-weight-bold);\n text-transform: uppercase;\n letter-spacing: var(--cg-letter-spacing-wide);\n color: var(--cg-color-input-text-placeholder);\n }\n .state-label.listening { color: var(--cg-color-surface-base-text); }\n .state-label.processing { color: var(--cg-color-ai-thinking-text); }\n .state-label.error { color: var(--cg-color-ai-error-text); }\n\n /* ── Mic button area ── */\n .mic-area {\n position: relative;\n width: var(--cg-spacing-80);\n height: var(--cg-spacing-80);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Pulse rings */\n .pulse-ring {\n position: absolute;\n inset: var(--cg-spacing-4);\n border-radius: var(--cg-border-radius-full);\n border: var(--cg-border-width-100) solid var(--cg-color-action-primary-background-default);\n opacity: 0;\n pointer-events: none;\n }\n .listening .pulse-ring {\n animation: voicePulse 2s var(--cg-transition-easing-default) infinite;\n }\n .listening .pulse-ring:nth-child(2) { animation-delay: 0.6s; }\n .listening .pulse-ring:nth-child(3) { animation-delay: 1.2s; }\n\n @keyframes voicePulse {\n 0% { transform: scale(1); opacity: 0.5; }\n 100% { transform: scale(1.8); opacity: 0; }\n }\n\n /* ── Mic button ── */\n .mic-btn {\n width: var(--cg-spacing-64);\n height: var(--cg-spacing-64);\n border-radius: var(--cg-border-radius-full);\n border: var(--cg-border-width-100) solid var(--cg-color-surface-cards-border);\n background: var(--cg-color-surface-base-background);\n color: var(--cg-color-input-text-placeholder);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n background var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n z-index: 1;\n position: relative;\n }\n .mic-btn:hover {\n border-color: var(--cg-color-input-border-hover);\n color: var(--cg-color-surface-base-text);\n }\n .mic-btn:active { transform: scale(var(--cg-interaction-press-scale)); }\n .mic-btn:focus-visible {\n outline: none;\n box-shadow:\n 0 0 0 2px var(--cg-color-surface-base-background),\n 0 0 0 3px var(--cg-overlay-accent-strong);\n }\n .mic-btn.listening {\n border-color: var(--cg-color-action-primary-background-default);\n color: var(--cg-color-surface-base-text);\n background: var(--cg-overlay-accent-subtle);\n }\n .mic-btn.processing {\n border-color: var(--cg-color-ai-thinking-text);\n color: var(--cg-color-ai-thinking-text);\n cursor: wait;\n }\n .mic-btn.error {\n border-color: var(--cg-color-ai-error-text);\n color: var(--cg-color-ai-error-text);\n }\n .mic-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n }\n .mic-btn svg {\n width: var(--cg-spacing-24);\n height: var(--cg-spacing-24);\n }\n\n /* Spinner */\n .spinner { animation: spin 1s linear infinite; }\n @keyframes spin { to { transform: rotate(360deg); } }\n\n /* ── Transcript area ── */\n .transcript-area {\n text-align: center;\n width: 100%;\n min-height: var(--cg-spacing-40);\n }\n .transcript {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-surface-base-text);\n line-height: var(--cg-line-height-relaxed);\n }\n .interim {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-input-text-placeholder);\n font-style: italic;\n line-height: var(--cg-line-height-relaxed);\n }\n .error-msg {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-ai-error-text);\n line-height: var(--cg-line-height-normal);\n }\n .unsupported-msg {\n font-size: var(--cg-font-size-sm);\n color: var(--cg-color-input-text-placeholder);\n line-height: var(--cg-line-height-normal);\n }\n\n /* ── Push-to-talk hint ── */\n .ptt-hint {\n font-size: var(--cg-font-size-xs);\n color: var(--cg-color-input-text-placeholder);\n }\n\n /* ── Rounded variants ── */\n :host([rounded=\"none\"]) .panel { border-radius: 0; }\n :host([rounded=\"sm\"]) .panel { border-radius: var(--cg-border-radius-50); }\n :host([rounded=\"md\"]) .panel { border-radius: var(--cg-border-radius-100); }\n :host([rounded=\"lg\"]) .panel { border-radius: var(--cg-border-radius-200); }\n\n @media (prefers-reduced-motion: reduce) {\n .listening .pulse-ring { animation: none; }\n .spinner { animation: none; }\n }\n `];\n\n @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n /** BCP-47 language tag */\n @property({ type: String }) language: string = 'en-US';\n /** Hold mic to talk instead of click toggle */\n @property({ type: Boolean }) pushToTalk: boolean = false;\n /** Keep listening after each result (multi-sentence) */\n @property({ type: Boolean }) continuous: boolean = false;\n /** Auto-stop after N seconds of silence (0 = no timeout) */\n @property({ type: Number }) timeout: number = 10;\n\n @state() private _state: VoiceState = 'idle';\n @state() private _transcript: string = '';\n @state() private _interimTranscript: string = '';\n @state() private _errorMessage: string = '';\n\n private _recognition: SpeechRecognition | null = null;\n private _timeoutId: number = 0;\n\n override connectedCallback() {\n super.connectedCallback();\n if (!SpeechRecognitionImpl) {\n this._state = 'unsupported';\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this._cleanup();\n }\n\n /** Public API: start recognition */\n startRecognition() {\n if (!SpeechRecognitionImpl || this._state === 'listening') return;\n\n this._cleanup();\n const recognition = new SpeechRecognitionImpl();\n recognition.lang = this.language;\n recognition.continuous = this.continuous;\n recognition.interimResults = true;\n\n recognition.onstart = () => {\n this._state = 'listening';\n this._interimTranscript = '';\n this._errorMessage = '';\n this._startTimeout();\n this.dispatchEvent(new CustomEvent('ai-voice-start', { bubbles: true, composed: true }));\n };\n\n recognition.onresult = (event: SpeechRecognitionEvent) => {\n this._resetTimeout();\n let interim = '';\n let final = '';\n for (let i = event.resultIndex; i < event.results.length; i++) {\n const result = event.results[i];\n if (!result) continue;\n if (result.isFinal) {\n final += result[0]?.transcript ?? '';\n } else {\n interim += result[0]?.transcript ?? '';\n }\n }\n if (final) {\n this._transcript = (this._transcript ? this._transcript + ' ' : '') + final.trim();\n this._interimTranscript = '';\n this.dispatchEvent(new CustomEvent('ai-voice-result', {\n bubbles: true, composed: true,\n detail: { transcript: this._transcript, isFinal: true },\n }));\n }\n if (interim) {\n this._interimTranscript = interim;\n this.dispatchEvent(new CustomEvent('ai-voice-result', {\n bubbles: true, composed: true,\n detail: { transcript: interim, isFinal: false },\n }));\n }\n };\n\n recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n const msg = event.error === 'not-allowed'\n ? 'Microphone access denied. Check browser permissions.'\n : event.error === 'no-speech'\n ? 'No speech detected. Try again.'\n : event.error === 'network'\n ? 'Network error. Speech recognition requires an internet connection.'\n : `Speech error: ${event.error}`;\n this._errorMessage = msg;\n this._state = 'error';\n this._clearTimeout();\n this.dispatchEvent(new CustomEvent('ai-voice-error', {\n bubbles: true, composed: true,\n detail: { error: event.error, message: msg },\n }));\n };\n\n recognition.onend = () => {\n this._clearTimeout();\n if (this._state === 'listening') {\n this._state = this._transcript ? 'idle' : 'idle';\n }\n this.dispatchEvent(new CustomEvent('ai-voice-stop', { bubbles: true, composed: true }));\n this._recognition = null;\n };\n\n this._recognition = recognition;\n try {\n recognition.start();\n } catch {\n this._errorMessage = 'Could not start speech recognition.';\n this._state = 'error';\n }\n }\n\n /** Public API: stop recognition */\n stopRecognition() {\n if (this._recognition) {\n this._recognition.stop();\n }\n this._clearTimeout();\n }\n\n /** Public API: clear transcript */\n clearTranscript() {\n this._transcript = '';\n this._interimTranscript = '';\n }\n\n /** Read-only access to current transcript */\n get transcript(): string { return this._transcript; }\n get interimTranscript(): string { return this._interimTranscript; }\n get voiceState(): VoiceState { return this._state; }\n\n private _cleanup() {\n if (this._recognition) {\n try { this._recognition.abort(); } catch { /* ignore */ }\n this._recognition = null;\n }\n this._clearTimeout();\n }\n\n private _startTimeout() {\n if (this.timeout <= 0) return;\n this._clearTimeout();\n this._timeoutId = window.setTimeout(() => {\n if (this._state === 'listening') {\n this.stopRecognition();\n }\n }, this.timeout * 1000);\n }\n\n private _resetTimeout() {\n if (this.timeout > 0 && this._state === 'listening') {\n this._startTimeout();\n }\n }\n\n private _clearTimeout() {\n if (this._timeoutId) {\n window.clearTimeout(this._timeoutId);\n this._timeoutId = 0;\n }\n }\n\n private _handleMicClick() {\n if (this._state === 'processing' || this._state === 'unsupported') return;\n if (this._state === 'listening') {\n this.stopRecognition();\n } else {\n this.startRecognition();\n }\n }\n\n private _handlePointerDown() {\n if (!this.pushToTalk || this._state === 'unsupported') return;\n this.startRecognition();\n }\n\n private _handlePointerUp() {\n if (!this.pushToTalk) return;\n this.stopRecognition();\n }\n\n private _handleKeyDown(e: KeyboardEvent) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n if (this.pushToTalk) {\n this.startRecognition();\n } else {\n this._handleMicClick();\n }\n }\n }\n\n private _handleKeyUp(e: KeyboardEvent) {\n if (this.pushToTalk && (e.key === 'Enter' || e.key === ' ')) {\n this.stopRecognition();\n }\n }\n\n private _getStateLabel(): string {\n switch (this._state) {\n case 'listening': return 'Listening...';\n case 'processing': return 'Processing...';\n case 'error': return 'Error';\n case 'unsupported': return 'Not supported';\n default: return this.pushToTalk ? 'Hold to talk' : 'Tap to speak';\n }\n }\n\n private _getMicIcon() {\n if (this._state === 'processing') {\n return html`<svg class=\"spinner\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 11-6.219-8.56\"/></svg>`;\n }\n if (this._state === 'error') {\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"/></svg>`;\n }\n if (this._state === 'unsupported') {\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/></svg>`;\n }\n return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/></svg>`;\n }\n\n override render() {\n const isUnsupported = this._state === 'unsupported';\n\n return html`\n <div class=\"panel\" role=\"region\" aria-label=\"Voice input\">\n <span class=\"state-label ${this._state}\">${this._getStateLabel()}</span>\n\n <div class=\"mic-area ${this._state}\">\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n <button class=\"mic-btn ${this._state}\"\n ?disabled=${isUnsupported}\n aria-label=\"${this._state === 'listening' ? 'Stop recording' : 'Start recording'}\"\n aria-pressed=\"${this._state === 'listening' ? 'true' : 'false'}\"\n @click=${this.pushToTalk ? undefined : this._handleMicClick}\n @pointerdown=${this._handlePointerDown}\n @pointerup=${this._handlePointerUp}\n @pointercancel=${this._handlePointerUp}\n @pointerleave=${this._handlePointerUp}\n @keydown=${this._handleKeyDown}\n @keyup=${this._handleKeyUp}>\n ${this._getMicIcon()}\n </button>\n </div>\n\n <div class=\"transcript-area\">\n ${this._state === 'error' && this._errorMessage\n ? html`<div class=\"error-msg\" role=\"alert\">${this._errorMessage}</div>`\n : nothing}\n ${isUnsupported\n ? html`<div class=\"unsupported-msg\">Speech recognition is not supported in this browser. Try Chrome or Edge.</div>`\n : nothing}\n ${this._transcript\n ? html`<div class=\"transcript\">${this._transcript}</div>`\n : nothing}\n ${this._interimTranscript\n ? html`<div class=\"interim\" aria-live=\"polite\">${this._interimTranscript}</div>`\n : nothing}\n </div>\n\n ${this.language && !isUnsupported\n ? html`<cg-badge variant=\"neutral\" label=${this.language} size=\"sm\" rounded=\"full\"></cg-badge>`\n : nothing}\n\n ${this.pushToTalk && !isUnsupported\n ? html`<span class=\"ptt-hint\" id=\"ptt-hint\">Hold spacebar or mic button to talk</span>`\n : nothing}\n </div>\n `;\n }\n}\n"],"names":["SpeechRecognitionImpl","AiVoicePanel","LitElement","recognition","event","interim","final","i","result","msg","e","html","isUnsupported","nothing","hostBlock","reducedMotion","fadeInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}
|
|
@@ -1,22 +1,9 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
export interface WebhookDelivery {
|
|
3
|
-
/** HTTP status code from the last delivery attempt. */
|
|
4
|
-
status: number;
|
|
5
|
-
/** ISO date or epoch ms of the last attempt. */
|
|
6
|
-
at: string | number;
|
|
7
|
-
/** Number of retries that preceded the final result. */
|
|
8
|
-
retries?: number;
|
|
9
|
-
}
|
|
10
2
|
export interface WebhookEntry {
|
|
11
3
|
id: string;
|
|
12
4
|
url: string;
|
|
13
5
|
events: string[];
|
|
14
6
|
active: boolean;
|
|
15
|
-
/** Stripe / Svix-style: most recent delivery result. */
|
|
16
|
-
lastDelivery?: WebhookDelivery;
|
|
17
|
-
/** Auto-disabled after consecutive failures. */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** @deprecated use lastDelivery instead */
|
|
20
7
|
lastTriggered?: string;
|
|
21
8
|
}
|
|
22
9
|
export declare class AiWebhookConfig extends LitElement {
|
|
@@ -26,16 +13,12 @@ export declare class AiWebhookConfig extends LitElement {
|
|
|
26
13
|
private _showForm;
|
|
27
14
|
private _newUrl;
|
|
28
15
|
private _selectedEvents;
|
|
29
|
-
private _urlError;
|
|
30
16
|
private _toggleForm;
|
|
31
|
-
private _onUrlInput;
|
|
32
17
|
private _toggleEvent;
|
|
33
18
|
private _onCreate;
|
|
34
19
|
private _onToggle;
|
|
35
20
|
private _onDelete;
|
|
36
21
|
private _onTest;
|
|
37
|
-
private _deliveryVariant;
|
|
38
|
-
private _relativeTime;
|
|
39
22
|
render(): import('lit').TemplateResult<1>;
|
|
40
23
|
}
|
|
41
24
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-webhook-config.d.ts","sourceRoot":"","sources":["../../../src/components/ai-webhook-config/ai-webhook-config.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ai-webhook-config.d.ts","sourceRoot":"","sources":["../../../src/components/ai-webhook-config/ai-webhook-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAoRnB;IAEwB,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,eAAe,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,eAAe,CAAqB;IAErD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,OAAO;IAON,MAAM;CAqEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
|