@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-status-page.js","sources":["../../../src/components/ai-status-page/ai-status-page.ts"],"sourcesContent":["/**\n * @element ai-status-page\n * Service health dashboard built from design-system primitives (cg-card, cg-text, cg-stack).\n * Vercel/Linear-style minimal aesthetic: muted history bars, text-only status pills,\n * no colored blocks fighting for attention. The dot + history strip carry the color.\n *\n * @example\n * ```html\n * <ai-status-page .services=${[\n * { name: 'Chat API', status: 'operational', latency: 120, uptime: 99.98,\n * history: [{ date: '2026-04-01', status: 'operational' }, ...] }\n * ]} last-updated=${Date.now()}></ai-status-page>\n * ```\n *\n * @prop {StatusService[]} services - Service entries with name, status, latency, uptime, history\n * @prop {Date|number|string} lastUpdated - Timestamp; rendered as relative time\n *\n * @slot active-incident - Banner shown above the overall row when an incident is active\n *\n * @fires {CustomEvent<{service: StatusService}>} ai-status-service-click - Service row clicked\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\nimport '../cg-card/cg-card.js';\nimport '../cg-text/cg-text.js';\nimport '../cg-stack/cg-stack.js';\n\nexport interface StatusHistoryDay {\n date: string;\n status: 'operational' | 'degraded' | 'down' | 'maintenance';\n incidents?: number;\n}\n\nexport interface StatusService {\n name: string;\n status: 'operational' | 'degraded' | 'down' | 'maintenance';\n latency?: number;\n uptime?: number;\n history?: StatusHistoryDay[];\n}\n\n@customElement('ai-status-page')\nexport class AiStatusPage extends LitElement {\n static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, css`\n :host {\n animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n display: block;\n }\n :host([hidden]) { display: none; }\n\n cg-card { display: block; }\n\n /* ── Header (title + last-updated) ── */\n .header-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--cg-spacing-12);\n width: 100%;\n }\n\n /* ── Active-incident banner: only rendered when slotted ── */\n .incident-banner {\n display: none;\n padding: var(--cg-spacing-12) var(--cg-spacing-16);\n border-radius: var(--cg-border-radius-100);\n background: var(--cg-color-status-error-background-default);\n border: var(--cg-border-width-50) solid var(--cg-color-status-error-border-default);\n color: var(--cg-color-status-error-text-default);\n font-size: var(--cg-font-size-sm);\n font-weight: var(--cg-font-weight-semibold);\n margin-bottom: var(--cg-spacing-16);\n }\n .incident-banner.has-content { display: block; }\n\n /* ── Overall row: minimal — dot + text + outlined pill, no colored fill ── */\n .overall {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n padding: var(--cg-spacing-12) 0;\n margin-bottom: var(--cg-spacing-8);\n }\n\n .overall-dot {\n width: var(--cg-spacing-8);\n height: var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n flex-shrink: 0;\n }\n\n .overall-text { flex: 1; }\n\n /* ── Status dots (small, no animation, color-only) ── */\n .dot-operational { background: var(--cg-color-status-success-text-default); }\n .dot-degraded { background: var(--cg-color-status-warning-text-default); }\n .dot-down { background: var(--cg-color-status-error-text-default); }\n .dot-maintenance { background: var(--cg-color-status-info-text-default); }\n\n /* ── Status pills: outlined, text-color only — quiet ── */\n .pill {\n display: inline-flex;\n align-items: center;\n padding: var(--cg-spacing-2) var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n font-size: 10px;\n font-weight: var(--cg-font-weight-bold);\n letter-spacing: var(--cg-letter-spacing-wide);\n text-transform: uppercase;\n background: transparent;\n border: var(--cg-border-width-50) solid currentColor;\n flex-shrink: 0;\n }\n .pill-operational { color: var(--cg-color-status-success-text-default); }\n .pill-degraded { color: var(--cg-color-status-warning-text-default); }\n .pill-down { color: var(--cg-color-status-error-text-default); }\n .pill-maintenance { color: var(--cg-color-status-info-text-default); }\n\n /* ── Service rows: subtle hairline dividers, no heavy gaps ── */\n .service-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n .service-item + .service-item {\n border-top: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n }\n\n .service-item {\n display: flex;\n flex-direction: column;\n gap: var(--cg-spacing-8);\n min-height: var(--cg-spacing-48);\n padding: var(--cg-spacing-12) var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-100);\n cursor: pointer;\n border: none;\n background: transparent;\n width: 100%;\n text-align: left;\n font-family: inherit;\n color: inherit;\n transition:\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 }\n .service-item:hover {\n background: var(--cg-color-action-secondary-background-hover);\n }\n .service-item:active { transform: scale(var(--cg-interaction-press-scale)); }\n .service-item:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n }\n\n .service-row {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n width: 100%;\n }\n\n .service-dot {\n width: var(--cg-spacing-8);\n height: var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n flex-shrink: 0;\n }\n\n .service-name {\n flex: 1;\n min-width: 0;\n }\n\n .service-meta {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n flex-shrink: 0;\n color: var(--cg-color-surface-container-outlined);\n font-size: var(--cg-font-size-xs);\n font-variant-numeric: tabular-nums;\n }\n\n .service-meta .latency,\n .service-meta .uptime { white-space: nowrap; }\n\n /* ── 90-day uptime history bars: muted by default, vivid only on incident days ── */\n .history {\n display: flex;\n gap: 1px;\n align-items: stretch;\n height: var(--cg-spacing-12);\n padding-left: var(--cg-spacing-20);\n }\n .history-day {\n flex: 1;\n min-width: 2px;\n max-width: var(--cg-spacing-4);\n border-radius: var(--cg-border-radius-50);\n background: var(--cg-color-surface-cards-border);\n opacity: 0.7;\n transition:\n opacity var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n }\n .history-day:hover { opacity: 1; transform: scaleY(1.2); }\n /* Operational days: muted, recede into background */\n .history-day.day-operational {\n background: var(--cg-color-status-success-text-default);\n opacity: 0.35;\n }\n .history-day.day-operational:hover { opacity: 0.6; }\n /* Incident days: full opacity, eye locks on */\n .history-day.day-degraded { background: var(--cg-color-status-warning-text-default); opacity: 1; }\n .history-day.day-down { background: var(--cg-color-status-error-text-default); opacity: 1; }\n .history-day.day-maintenance { background: var(--cg-color-status-info-text-default); opacity: 0.7; }\n\n /* sr-only live region */\n .sr-only {\n position: absolute;\n width: 1px; height: 1px;\n padding: 0; margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n `];\n\n @property({ type: Array }) services: StatusService[] = [];\n @property({ attribute: 'last-updated' }) lastUpdated?: string | number | Date;\n\n @state() private _hasIncident = false;\n\n private _onIncidentSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasIncident = slot.assignedNodes({ flatten: true }).some(n => {\n if (n.nodeType === Node.TEXT_NODE) return (n.textContent ?? '').trim().length > 0;\n return n.nodeType === Node.ELEMENT_NODE;\n });\n }\n\n private _overallStatus(): StatusService['status'] {\n if (this.services.some(s => s.status === 'down')) return 'down';\n if (this.services.some(s => s.status === 'degraded')) return 'degraded';\n if (this.services.some(s => s.status === 'maintenance')) return 'maintenance';\n return 'operational';\n }\n\n private _overallText(status: StatusService['status']): string {\n return ({\n operational: 'All systems operational',\n degraded: 'Partial system degradation',\n down: 'Major outage in progress',\n maintenance: 'Scheduled maintenance',\n } as Record<string, string>)[status]!;\n }\n\n private _statusLabel(s: string): string {\n return ({ operational: 'Operational', degraded: 'Degraded', down: 'Down', maintenance: 'Maintenance' } as Record<string, string>)[s] ?? s;\n }\n\n private _relativeTime(ts: string | number | Date | undefined): string {\n if (!ts) return '';\n const d = ts instanceof Date ? ts : new Date(ts);\n const diff = Math.max(0, Date.now() - d.getTime());\n const sec = Math.floor(diff / 1000);\n if (sec < 60) return `Updated ${sec}s ago`;\n const min = Math.floor(sec / 60);\n if (min < 60) return `Updated ${min}m ago`;\n const hr = Math.floor(min / 60);\n if (hr < 24) return `Updated ${hr}h ago`;\n return `Updated ${Math.floor(hr / 24)}d ago`;\n }\n\n private _handleClick(service: StatusService) {\n this.dispatchEvent(new CustomEvent('ai-status-service-click', {\n detail: { service },\n bubbles: true, composed: true,\n }));\n }\n\n override render() {\n const overall = this._overallStatus();\n const overallText = this._overallText(overall);\n const updated = this._relativeTime(this.lastUpdated);\n\n return html`\n <cg-card variant=\"elevated\" padding=\"lg\" rounded=\"lg\" role=\"region\" aria-label=\"System status\">\n <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">${overallText}</div>\n\n <div slot=\"header\" class=\"header-row\">\n <cg-text as=\"h3\" size=\"md\" weight=\"bold\">System Status</cg-text>\n ${updated ? html`<cg-text size=\"xs\" color=\"muted\">${updated}</cg-text>` : nothing}\n </div>\n\n <div class=\"incident-banner ${this._hasIncident ? 'has-content' : ''}\">\n <slot name=\"active-incident\" @slotchange=${this._onIncidentSlotChange}></slot>\n </div>\n\n <div class=\"overall\">\n <span class=\"overall-dot dot-${overall}\" aria-hidden=\"true\"></span>\n <cg-text class=\"overall-text\" size=\"md\" weight=\"bold\">${overallText}</cg-text>\n ${overall !== 'operational'\n ? html`<span class=\"pill pill-${overall}\">${this._statusLabel(overall)}</span>`\n : nothing}\n </div>\n\n <div class=\"service-list\" role=\"list\" aria-label=\"Service status list\">\n ${this.services.map(svc => html`\n <button\n class=\"service-item\"\n role=\"listitem\"\n aria-label=\"${svc.name}: ${this._statusLabel(svc.status)}\"\n @click=${() => this._handleClick(svc)}\n >\n <div class=\"service-row\">\n <span class=\"service-dot dot-${svc.status}\" aria-hidden=\"true\"></span>\n <cg-text class=\"service-name\" size=\"sm\" weight=\"medium\">${svc.name}</cg-text>\n <div class=\"service-meta\">\n ${svc.latency != null ? html`<span class=\"latency\">${svc.latency}ms</span>` : nothing}\n ${svc.uptime != null ? html`<span class=\"uptime\">${svc.uptime}%</span>` : nothing}\n ${svc.status !== 'operational'\n ? html`<span class=\"pill pill-${svc.status}\">${this._statusLabel(svc.status)}</span>`\n : nothing}\n </div>\n </div>\n ${svc.history && svc.history.length > 0 ? html`\n <div class=\"history\" aria-label=\"${svc.history.length}-day uptime history\">\n ${svc.history.map(d => html`\n <span class=\"history-day day-${d.status}\" title=\"${d.date}: ${this._statusLabel(d.status)}${d.incidents ? ` (${d.incidents} incidents)` : ''}\"></span>\n `)}\n </div>\n ` : nothing}\n </button>\n `)}\n </div>\n </cg-card>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ai-status-page': AiStatusPage;\n }\n}\n"],"names":["AiStatusPage","LitElement","e","slot","n","s","status","ts","d","diff","sec","min","hr","service","overall","overallText","updated","html","nothing","svc","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ai-status-page.js","sources":["../../../src/components/ai-status-page/ai-status-page.ts"],"sourcesContent":["/**\n * @element ai-status-page\n * Service health dashboard built from design-system primitives (cg-card, cg-text, cg-stack).\n * Vercel/Linear-style minimal aesthetic: muted history bars, text-only status pills,\n * no colored blocks fighting for attention. The dot + history strip carry the color.\n *\n * @example\n * ```html\n * <ai-status-page .services=${[\n * { name: 'Chat API', status: 'operational', latency: 120, uptime: 99.98,\n * history: [{ date: '2026-04-01', status: 'operational' }, ...] }\n * ]} last-updated=${Date.now()}></ai-status-page>\n * ```\n *\n * @prop {StatusService[]} services - Service entries with name, status, latency, uptime, history\n * @prop {Date|number|string} lastUpdated - Timestamp; rendered as relative time\n *\n * @slot active-incident - Banner shown above the overall row when an incident is active\n *\n * @fires {CustomEvent<{service: StatusService}>} ai-status-service-click - Service row clicked\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\nimport '../cg-card/cg-card.js';\nimport '../cg-text/cg-text.js';\nimport '../cg-stack/cg-stack.js';\n\nexport interface StatusHistoryDay {\n date: string;\n status: 'operational' | 'degraded' | 'down' | 'maintenance';\n incidents?: number;\n}\n\nexport interface StatusService {\n name: string;\n status: 'operational' | 'degraded' | 'down' | 'maintenance';\n latency?: number;\n uptime?: number;\n history?: StatusHistoryDay[];\n}\n\n@customElement('ai-status-page')\nexport class AiStatusPage extends LitElement {\n static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, css`\n :host {\n animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n display: block;\n }\n :host([hidden]) { display: none; }\n\n cg-card { display: block; }\n\n /* ── Header (title + last-updated) ── */\n .header-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--cg-spacing-12);\n width: 100%;\n }\n\n /* ── Active-incident banner: only rendered when slotted ── */\n .incident-banner {\n display: none;\n padding: var(--cg-spacing-12) var(--cg-spacing-16);\n border-radius: var(--cg-border-radius-100);\n background: var(--cg-color-status-error-background-default);\n border: var(--cg-border-width-50) solid var(--cg-color-status-error-border-default);\n color: var(--cg-color-status-error-text-default);\n font-size: var(--cg-font-size-sm);\n font-weight: var(--cg-font-weight-semibold);\n margin-bottom: var(--cg-spacing-16);\n }\n .incident-banner.has-content { display: block; }\n\n /* ── Overall row: minimal — dot + text + outlined pill, no colored fill ── */\n .overall {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n padding: var(--cg-spacing-12) 0;\n margin-bottom: var(--cg-spacing-8);\n }\n\n .overall-dot {\n width: var(--cg-spacing-8);\n height: var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n flex-shrink: 0;\n }\n\n .overall-text { flex: 1; }\n\n /* ── Status dots (small, no animation, color-only) ── */\n .dot-operational { background: var(--cg-color-status-success-text-default); }\n .dot-degraded { background: var(--cg-color-status-warning-text-default); }\n .dot-down { background: var(--cg-color-status-error-text-default); }\n .dot-maintenance { background: var(--cg-color-status-info-text-default); }\n\n /* ── Status pills: outlined, text-color only — quiet ── */\n .pill {\n display: inline-flex;\n align-items: center;\n padding: var(--cg-spacing-2) var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n font-size: var(--cg-font-size-xs);\n font-weight: var(--cg-font-weight-bold);\n letter-spacing: var(--cg-letter-spacing-wide);\n text-transform: uppercase;\n background: transparent;\n border: var(--cg-border-width-50) solid currentColor;\n flex-shrink: 0;\n }\n .pill-operational { color: var(--cg-color-status-success-text-default); }\n .pill-degraded { color: var(--cg-color-status-warning-text-default); }\n .pill-down { color: var(--cg-color-status-error-text-default); }\n .pill-maintenance { color: var(--cg-color-status-info-text-default); }\n\n /* ── Service rows: subtle hairline dividers, no heavy gaps ── */\n .service-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n\n .service-item + .service-item {\n border-top: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n }\n\n .service-item {\n display: flex;\n flex-direction: column;\n gap: var(--cg-spacing-8);\n min-height: var(--cg-spacing-48);\n padding: var(--cg-spacing-12) var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-100);\n cursor: pointer;\n border: none;\n background: transparent;\n width: 100%;\n text-align: left;\n font-family: inherit;\n color: inherit;\n transition:\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 }\n .service-item:hover {\n background: var(--cg-color-action-secondary-background-hover);\n }\n .service-item:active { transform: scale(var(--cg-interaction-press-scale)); }\n .service-item:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n }\n\n .service-row {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n width: 100%;\n }\n\n .service-dot {\n width: var(--cg-spacing-8);\n height: var(--cg-spacing-8);\n border-radius: var(--cg-border-radius-full);\n flex-shrink: 0;\n }\n\n .service-name {\n flex: 1;\n min-width: 0;\n }\n\n .service-meta {\n display: flex;\n align-items: center;\n gap: var(--cg-spacing-12);\n flex-shrink: 0;\n color: var(--cg-color-surface-container-outlined);\n font-size: var(--cg-font-size-xs);\n font-variant-numeric: tabular-nums;\n }\n\n .service-meta .latency,\n .service-meta .uptime { white-space: nowrap; }\n\n /* ── 90-day uptime history bars: muted by default, vivid only on incident days ── */\n .history {\n display: flex;\n gap: 1px;\n align-items: stretch;\n height: var(--cg-spacing-12);\n padding-left: var(--cg-spacing-20);\n }\n .history-day {\n flex: 1;\n min-width: 2px;\n max-width: var(--cg-spacing-4);\n border-radius: var(--cg-border-radius-50);\n background: var(--cg-color-surface-cards-border);\n opacity: 0.7;\n transition:\n opacity var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n }\n .history-day:hover { opacity: 1; transform: scaleY(1.2); }\n /* Operational days: muted, recede into background */\n .history-day.day-operational {\n background: var(--cg-color-status-success-text-default);\n opacity: 0.35;\n }\n .history-day.day-operational:hover { opacity: var(--cg-opacity-60); }\n /* Incident days: full opacity, eye locks on */\n .history-day.day-degraded { background: var(--cg-color-status-warning-text-default); opacity: 1; }\n .history-day.day-down { background: var(--cg-color-status-error-text-default); opacity: 1; }\n .history-day.day-maintenance { background: var(--cg-color-status-info-text-default); opacity: 0.7; }\n\n /* sr-only live region */\n .sr-only {\n position: absolute;\n width: 1px; height: 1px;\n padding: 0; margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n `];\n\n @property({ type: Array }) services: StatusService[] = [];\n @property({ attribute: 'last-updated' }) lastUpdated?: string | number | Date;\n\n @state() private _hasIncident = false;\n\n private _onIncidentSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n this._hasIncident = slot.assignedNodes({ flatten: true }).some(n => {\n if (n.nodeType === Node.TEXT_NODE) return (n.textContent ?? '').trim().length > 0;\n return n.nodeType === Node.ELEMENT_NODE;\n });\n }\n\n private _overallStatus(): StatusService['status'] {\n if (this.services.some(s => s.status === 'down')) return 'down';\n if (this.services.some(s => s.status === 'degraded')) return 'degraded';\n if (this.services.some(s => s.status === 'maintenance')) return 'maintenance';\n return 'operational';\n }\n\n private _overallText(status: StatusService['status']): string {\n return ({\n operational: 'All systems operational',\n degraded: 'Partial system degradation',\n down: 'Major outage in progress',\n maintenance: 'Scheduled maintenance',\n } as Record<string, string>)[status]!;\n }\n\n private _statusLabel(s: string): string {\n return ({ operational: 'Operational', degraded: 'Degraded', down: 'Down', maintenance: 'Maintenance' } as Record<string, string>)[s] ?? s;\n }\n\n private _relativeTime(ts: string | number | Date | undefined): string {\n if (!ts) return '';\n const d = ts instanceof Date ? ts : new Date(ts);\n const diff = Math.max(0, Date.now() - d.getTime());\n const sec = Math.floor(diff / 1000);\n if (sec < 60) return `Updated ${sec}s ago`;\n const min = Math.floor(sec / 60);\n if (min < 60) return `Updated ${min}m ago`;\n const hr = Math.floor(min / 60);\n if (hr < 24) return `Updated ${hr}h ago`;\n return `Updated ${Math.floor(hr / 24)}d ago`;\n }\n\n private _handleClick(service: StatusService) {\n this.dispatchEvent(new CustomEvent('ai-status-service-click', {\n detail: { service },\n bubbles: true, composed: true,\n }));\n }\n\n override render() {\n const overall = this._overallStatus();\n const overallText = this._overallText(overall);\n const updated = this._relativeTime(this.lastUpdated);\n\n return html`\n <cg-card variant=\"elevated\" padding=\"lg\" rounded=\"lg\" role=\"region\" aria-label=\"System status\">\n <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">${overallText}</div>\n\n <div slot=\"header\" class=\"header-row\">\n <cg-text as=\"h3\" size=\"md\" weight=\"bold\">System Status</cg-text>\n ${updated ? html`<cg-text size=\"xs\" color=\"muted\">${updated}</cg-text>` : nothing}\n </div>\n\n <div class=\"incident-banner ${this._hasIncident ? 'has-content' : ''}\">\n <slot name=\"active-incident\" @slotchange=${this._onIncidentSlotChange}></slot>\n </div>\n\n <div class=\"overall\">\n <span class=\"overall-dot dot-${overall}\" aria-hidden=\"true\"></span>\n <cg-text class=\"overall-text\" size=\"md\" weight=\"bold\">${overallText}</cg-text>\n ${overall !== 'operational'\n ? html`<span class=\"pill pill-${overall}\">${this._statusLabel(overall)}</span>`\n : nothing}\n </div>\n\n <div class=\"service-list\" role=\"list\" aria-label=\"Service status list\">\n ${this.services.map(svc => html`\n <button\n class=\"service-item\"\n role=\"listitem\"\n aria-label=\"${svc.name}: ${this._statusLabel(svc.status)}\"\n @click=${() => this._handleClick(svc)}\n >\n <div class=\"service-row\">\n <span class=\"service-dot dot-${svc.status}\" aria-hidden=\"true\"></span>\n <cg-text class=\"service-name\" size=\"sm\" weight=\"medium\">${svc.name}</cg-text>\n <div class=\"service-meta\">\n ${svc.latency != null ? html`<span class=\"latency\">${svc.latency}ms</span>` : nothing}\n ${svc.uptime != null ? html`<span class=\"uptime\">${svc.uptime}%</span>` : nothing}\n ${svc.status !== 'operational'\n ? html`<span class=\"pill pill-${svc.status}\">${this._statusLabel(svc.status)}</span>`\n : nothing}\n </div>\n </div>\n ${svc.history && svc.history.length > 0 ? html`\n <div class=\"history\" aria-label=\"${svc.history.length}-day uptime history\">\n ${svc.history.map(d => html`\n <span class=\"history-day day-${d.status}\" title=\"${d.date}: ${this._statusLabel(d.status)}${d.incidents ? ` (${d.incidents} incidents)` : ''}\"></span>\n `)}\n </div>\n ` : nothing}\n </button>\n `)}\n </div>\n </cg-card>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ai-status-page': AiStatusPage;\n }\n}\n"],"names":["AiStatusPage","LitElement","e","slot","n","s","status","ts","d","diff","sec","min","hr","service","overall","overallText","updated","html","nothing","svc","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css as m, LitElement as h, html as a } from "lit";
|
|
2
2
|
import { property as p, customElement as d } from "lit/decorators.js";
|
|
3
|
-
import { h as u, r as g, f } from "../../chunks/premium.css-
|
|
3
|
+
import { h as u, r as g, f } from "../../chunks/premium.css-DHekUEUt.js";
|
|
4
4
|
import "../cg-markdown/cg-markdown.js";
|
|
5
5
|
var v = Object.defineProperty, w = Object.getOwnPropertyDescriptor, i = (t, s, o, r) => {
|
|
6
6
|
for (var e = r > 1 ? void 0 : r ? w(s, o) : s, c = t.length - 1, l; c >= 0; c--)
|
|
@@ -12,18 +12,10 @@ export declare class AiTestRunner extends LitElement {
|
|
|
12
12
|
tests: TestEntry[];
|
|
13
13
|
title: string;
|
|
14
14
|
private _expanded;
|
|
15
|
-
private _filter;
|
|
16
|
-
private _countByStatus;
|
|
17
15
|
private get _passCount();
|
|
18
16
|
private get _failCount();
|
|
19
17
|
private get _runningCount();
|
|
20
18
|
private get _pendingCount();
|
|
21
|
-
/** Sum of test.duration (skipping undefined). */
|
|
22
|
-
private get _totalDuration();
|
|
23
|
-
/** Average of defined `score` values; null if no scores present. */
|
|
24
|
-
private get _avgScore();
|
|
25
|
-
private _formatDuration;
|
|
26
|
-
private get _visibleTests();
|
|
27
19
|
private _toggle;
|
|
28
20
|
private _runAll;
|
|
29
21
|
private _statusIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-test-runner.d.ts","sourceRoot":"","sources":["../../../src/components/ai-test-runner/ai-test-runner.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ai-test-runner.d.ts","sourceRoot":"","sources":["../../../src/components/ai-test-runner/ai-test-runner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAA2B,MAAM,KAAK,CAAC;AAG1D,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAwJnB;IAEwB,KAAK,EAAE,SAAS,EAAE,CAAM;IACd,KAAK,SAAkB;IAEnD,OAAO,CAAC,SAAS,CAAqB;IAE/C,OAAO,KAAK,UAAU,GAAiE;IACvF,OAAO,KAAK,UAAU,GAAiE;IACvF,OAAO,KAAK,aAAa,GAAoE;IAC7F,OAAO,KAAK,aAAa,GAAoE;IAE7F,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,WAAW;IAaV,MAAM;CA+EhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|