@adia-ai/a2ui-corpus 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +98 -0
- package/README.md +168 -0
- package/catalog-a2ui_0_9.json +12554 -0
- package/catalog-a2ui_0_9_rules.txt +54 -0
- package/compositions/_schema.json +26 -0
- package/compositions/agent/ai-streaming-response.json +19 -0
- package/compositions/agent/ai-streaming-response.yaml +32 -0
- package/compositions/agent/alert-banner.json +23 -0
- package/compositions/agent/alert-banner.yaml +34 -0
- package/compositions/agent/chat-interface.json +127 -0
- package/compositions/agent/chat-interface.yaml +34 -0
- package/compositions/agent/command-palette.json +113 -0
- package/compositions/agent/command-palette.yaml +30 -0
- package/compositions/agent/empty-state.json +22 -0
- package/compositions/agent/empty-state.yaml +35 -0
- package/compositions/agent/error-state-retry.json +32 -0
- package/compositions/agent/loading-skeleton.json +25 -0
- package/compositions/agent/loading-skeleton.yaml +31 -0
- package/compositions/agent/notification-preferences.json +177 -0
- package/compositions/agent/toast-stack.json +17 -0
- package/compositions/agent/toast-stack.yaml +28 -0
- package/compositions/data/activity-feed.json +31 -0
- package/compositions/data/activity-feed.yaml +43 -0
- package/compositions/data/audit-log-viewer.json +75 -0
- package/compositions/data/bookmark-list.json +32 -0
- package/compositions/data/bookmark-list.yaml +41 -0
- package/compositions/data/bulk-action-toolbar.json +28 -0
- package/compositions/data/changelog-feed.json +54 -0
- package/compositions/data/chart-dashboard.json +26 -0
- package/compositions/data/chart-dashboard.yaml +34 -0
- package/compositions/data/cohort-retention.json +50 -0
- package/compositions/data/column-manager.json +321 -0
- package/compositions/data/data-table-paginated.json +29 -0
- package/compositions/data/data-table-paginated.yaml +36 -0
- package/compositions/data/email-inbox-list.json +30 -0
- package/compositions/data/email-inbox-list.yaml +41 -0
- package/compositions/data/funnel-analytics.json +34 -0
- package/compositions/data/heatmap-calendar.json +122 -0
- package/compositions/data/invoice-table.json +26 -0
- package/compositions/data/invoice-table.yaml +33 -0
- package/compositions/data/kpi-overview.json +28 -0
- package/compositions/data/kpi-overview.yaml +42 -0
- package/compositions/data/notification-center.json +31 -0
- package/compositions/data/notification-center.yaml +41 -0
- package/compositions/data/object-inspector.json +53 -0
- package/compositions/data/product-specs-card.json +19 -0
- package/compositions/data/product-specs-card.yaml +35 -0
- package/compositions/data/progress-tracker.json +27 -0
- package/compositions/data/progress-tracker.yaml +47 -0
- package/compositions/data/review-card.json +21 -0
- package/compositions/data/review-card.yaml +34 -0
- package/compositions/data/saved-views-filter-bar.json +52 -0
- package/compositions/data/shopping-cart-summary.json +28 -0
- package/compositions/data/shopping-cart-summary.yaml +43 -0
- package/compositions/data/stat-card-dashboard.json +30 -0
- package/compositions/data/stat-card-dashboard.yaml +44 -0
- package/compositions/data/status-page.json +48 -0
- package/compositions/data/virtualized-table.json +50 -0
- package/compositions/data/weather-widget.json +20 -0
- package/compositions/data/weather-widget.yaml +31 -0
- package/compositions/form/data-import-wizard.json +217 -0
- package/compositions/forms/change-password-form.json +32 -0
- package/compositions/forms/change-password-form.yaml +44 -0
- package/compositions/forms/color-picker-panel.json +25 -0
- package/compositions/forms/color-picker-panel.yaml +36 -0
- package/compositions/forms/contact-form.json +49 -0
- package/compositions/forms/contact-form.yaml +54 -0
- package/compositions/forms/credit-card-payment-form.json +33 -0
- package/compositions/forms/credit-card-payment-form.yaml +46 -0
- package/compositions/forms/data-import-mapper.json +247 -0
- package/compositions/forms/date-time-picker-form.json +23 -0
- package/compositions/forms/date-time-picker-form.yaml +38 -0
- package/compositions/forms/destructive-confirm.json +43 -0
- package/compositions/forms/feedback-form.json +30 -0
- package/compositions/forms/feedback-form.yaml +41 -0
- package/compositions/forms/file-upload-form.json +28 -0
- package/compositions/forms/file-upload-form.yaml +37 -0
- package/compositions/forms/login-form.json +71 -0
- package/compositions/forms/login-form.yaml +43 -0
- package/compositions/forms/multi-step-wizard.json +27 -0
- package/compositions/forms/multi-step-wizard.yaml +37 -0
- package/compositions/forms/newsletter-subscription-form.json +28 -0
- package/compositions/forms/newsletter-subscription-form.yaml +40 -0
- package/compositions/forms/otp-verification-form.json +29 -0
- package/compositions/forms/otp-verification-form.yaml +42 -0
- package/compositions/forms/password-reset-form.json +28 -0
- package/compositions/forms/password-reset-form.yaml +40 -0
- package/compositions/forms/permission-matrix.json +40 -0
- package/compositions/forms/profile-edit-form.json +32 -0
- package/compositions/forms/profile-edit-form.yaml +46 -0
- package/compositions/forms/radio-group-form.json +30 -0
- package/compositions/forms/radio-group-form.yaml +39 -0
- package/compositions/forms/search-filters.json +30 -0
- package/compositions/forms/search-filters.yaml +41 -0
- package/compositions/forms/settings-toggles-page.json +32 -0
- package/compositions/forms/settings-toggles-page.yaml +43 -0
- package/compositions/forms/signup-form.json +34 -0
- package/compositions/forms/signup-form.yaml +48 -0
- package/compositions/forms/slider-range-form.json +17 -0
- package/compositions/forms/slider-range-form.yaml +34 -0
- package/compositions/forms/tag-input-form.json +24 -0
- package/compositions/forms/tag-input-form.yaml +31 -0
- package/compositions/forms/team-members-rbac.json +279 -0
- package/compositions/layout/accordion-settings.json +56 -0
- package/compositions/layout/avatar-group-display.json +20 -0
- package/compositions/layout/avatar-group-display.yaml +30 -0
- package/compositions/layout/badge-variants-display.json +27 -0
- package/compositions/layout/badge-variants-display.yaml +31 -0
- package/compositions/layout/bento-overview.json +40 -0
- package/compositions/layout/calendar-month-view.json +209 -0
- package/compositions/layout/calendar-month-view.yaml +29 -0
- package/compositions/layout/code-block.json +21 -0
- package/compositions/layout/code-block.yaml +30 -0
- package/compositions/layout/comparison-table.json +28 -0
- package/compositions/layout/comparison-table.yaml +32 -0
- package/compositions/layout/divider-with-label.json +17 -0
- package/compositions/layout/divider-with-label.yaml +29 -0
- package/compositions/layout/drawer-panel.json +23 -0
- package/compositions/layout/drawer-panel.yaml +34 -0
- package/compositions/layout/embed-iframe.json +19 -0
- package/compositions/layout/embed-iframe.yaml +31 -0
- package/compositions/layout/faq-accordion.json +85 -0
- package/compositions/layout/faq-accordion.yaml +32 -0
- package/compositions/layout/feature-grid.json +33 -0
- package/compositions/layout/feature-grid.yaml +42 -0
- package/compositions/layout/footer-nav.json +30 -0
- package/compositions/layout/footer-nav.yaml +35 -0
- package/compositions/layout/hero-cta.json +24 -0
- package/compositions/layout/hero-cta.yaml +35 -0
- package/compositions/layout/image-gallery.json +20 -0
- package/compositions/layout/image-gallery.yaml +43 -0
- package/compositions/layout/image-with-caption.json +19 -0
- package/compositions/layout/image-with-caption.yaml +29 -0
- package/compositions/layout/kanban-board.json +38 -0
- package/compositions/layout/kanban-board.yaml +37 -0
- package/compositions/layout/keyboard-shortcuts.json +26 -0
- package/compositions/layout/keyboard-shortcuts.yaml +42 -0
- package/compositions/layout/markdown-editor-preview.json +166 -0
- package/compositions/layout/media-player.json +22 -0
- package/compositions/layout/media-player.yaml +30 -0
- package/compositions/layout/modal-form.json +22 -0
- package/compositions/layout/modal-form.yaml +34 -0
- package/compositions/layout/onboarding-checklist.json +94 -0
- package/compositions/layout/onboarding-checklist.yaml +31 -0
- package/compositions/layout/popover-tooltip.json +21 -0
- package/compositions/layout/popover-tooltip.yaml +31 -0
- package/compositions/layout/pricing-tiers.json +42 -0
- package/compositions/layout/pricing-tiers.yaml +41 -0
- package/compositions/layout/product-card.json +28 -0
- package/compositions/layout/product-card.yaml +35 -0
- package/compositions/layout/sidebar-layout.json +24 -0
- package/compositions/layout/sidebar-layout.yaml +39 -0
- package/compositions/layout/split-pane-layout.json +20 -0
- package/compositions/layout/split-pane-layout.yaml +31 -0
- package/compositions/layout/tabs-panel.json +25 -0
- package/compositions/layout/tabs-panel.yaml +34 -0
- package/compositions/layout/testimonial-grid.json +42 -0
- package/compositions/layout/testimonial-grid.yaml +39 -0
- package/compositions/layout/three-pane-shell.json +316 -0
- package/compositions/layout/toolbar-actions.json +22 -0
- package/compositions/layout/toolbar-actions.yaml +29 -0
- package/compositions/navigation/breadcrumb-nav.json +18 -0
- package/compositions/navigation/breadcrumb-nav.yaml +29 -0
- package/compositions/navigation/nav-menu-with-icons.json +25 -0
- package/compositions/navigation/nav-menu-with-icons.yaml +39 -0
- package/compositions/navigation/pagination-controls.json +44 -0
- package/compositions/navigation/pagination-controls.yaml +34 -0
- package/compositions/navigation/segmented-control-tabs.json +17 -0
- package/compositions/navigation/segmented-control-tabs.yaml +29 -0
- package/compositions/navigation/workspace-switcher.json +29 -0
- package/compositions/settings/api-keys.json +57 -0
- package/compositions/settings/feature-flags.json +41 -0
- package/compositions/settings/integrations-gallery.json +66 -0
- package/compositions/settings/session-device-mgmt.json +52 -0
- package/compositions/settings/usage-quota-meter.json +47 -0
- package/compositions/settings/webhooks.json +62 -0
- package/exemplars/AUDIT-REPORT.md +116 -0
- package/exemplars/blocks-reference.md +409 -0
- package/exemplars/index.html +21 -0
- package/exemplars/prose/auth-login/a2ui.json +2143 -0
- package/exemplars/prose/auth-login/auth-login.yaml +38 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-1.json +316 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-10.json +102 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-11.json +100 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-12.json +101 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-13.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-2.json +132 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-3.json +190 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-4.json +64 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-5.json +68 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-6.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-7.json +86 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-8.json +218 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-9.json +81 -0
- package/exemplars/prose/auth-login/index.html +539 -0
- package/exemplars/prose/cta/README.md +3 -0
- package/exemplars/prose/cta/a2ui.json +570 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-1.json +191 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-2.json +96 -0
- package/exemplars/prose/cta/cta.yaml +38 -0
- package/exemplars/prose/cta/data.json +6 -0
- package/exemplars/prose/cta/index.html +143 -0
- package/exemplars/prose/feature-grid/README.md +3 -0
- package/exemplars/prose/feature-grid/a2ui.json +464 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-1.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-2.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-3.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-4.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-5.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-6.json +72 -0
- package/exemplars/prose/feature-grid/data.json +13 -0
- package/exemplars/prose/feature-grid/feature-grid.yaml +35 -0
- package/exemplars/prose/feature-grid/index.html +103 -0
- package/exemplars/prose/footer/README.md +3 -0
- package/exemplars/prose/footer/a2ui.json +359 -0
- package/exemplars/prose/footer/data.json +10 -0
- package/exemplars/prose/footer/footer.yaml +32 -0
- package/exemplars/prose/footer/index.html +110 -0
- package/exemplars/prose/hero/README.md +3 -0
- package/exemplars/prose/hero/a2ui.json +982 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-1.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-2.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-3.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-4.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-5.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-6.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-7.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-8.json +70 -0
- package/exemplars/prose/hero/data.json +6 -0
- package/exemplars/prose/hero/hero.yaml +38 -0
- package/exemplars/prose/hero/index.html +227 -0
- package/exemplars/prose/pricing/README.md +3 -0
- package/exemplars/prose/pricing/a2ui.json +1367 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-1.json +240 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-2.json +312 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-3.json +333 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-4.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-5.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-6.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-7.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-8.json +80 -0
- package/exemplars/prose/pricing/data.json +9 -0
- package/exemplars/prose/pricing/index.html +308 -0
- package/exemplars/prose/pricing/pricing.yaml +38 -0
- package/exemplars/prose/steps/README.md +3 -0
- package/exemplars/prose/steps/a2ui.json +662 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-1.json +129 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-2.json +114 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-3.json +182 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-4.json +172 -0
- package/exemplars/prose/steps/data.json +31 -0
- package/exemplars/prose/steps/index.html +173 -0
- package/exemplars/prose/steps/setup.js +12 -0
- package/exemplars/prose/steps/steps.yaml +38 -0
- package/exemplars/prose/testimonials/README.md +3 -0
- package/exemplars/prose/testimonials/a2ui.json +1373 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-1.json +182 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-2.json +145 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-3.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-4.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-5.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-6.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-7.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-8.json +173 -0
- package/exemplars/prose/testimonials/data.json +14 -0
- package/exemplars/prose/testimonials/index.html +294 -0
- package/exemplars/prose/testimonials/testimonials.yaml +33 -0
- package/exemplars/ui/auth-login/a2ui.json +1821 -0
- package/exemplars/ui/auth-login/auth-login.yaml +38 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-1.json +172 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-10.json +123 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-11.json +101 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-12.json +108 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-2.json +153 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-3.json +201 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-4.json +148 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-5.json +91 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-6.json +112 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-7.json +100 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-8.json +99 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-9.json +286 -0
- package/exemplars/ui/auth-login/index.html +383 -0
- package/fragments/_schema.json +72 -0
- package/fragments/action/dual-cta-row.json +29 -0
- package/fragments/action/dual-cta-row.yaml +34 -0
- package/fragments/action/footer-cancel-save.json +31 -0
- package/fragments/action/footer-cancel-save.yaml +34 -0
- package/fragments/action/footer-primary-only.json +23 -0
- package/fragments/action/footer-primary-only.yaml +26 -0
- package/fragments/content/calendar-day-cell.json +29 -0
- package/fragments/content/chart-legend.json +122 -0
- package/fragments/content/column-config-atom.json +121 -0
- package/fragments/content/credential-entry-atom.json +128 -0
- package/fragments/content/directory-entry-atom.json +150 -0
- package/fragments/content/email-row.json +35 -0
- package/fragments/content/email-row.yaml +43 -0
- package/fragments/content/faq-item.json +54 -0
- package/fragments/content/health-entry-atom.json +87 -0
- package/fragments/content/icon-text-row.json +29 -0
- package/fragments/content/icon-text-row.yaml +36 -0
- package/fragments/content/icon-title-description.json +30 -0
- package/fragments/content/icon-title-description.yaml +37 -0
- package/fragments/content/image-tile.json +28 -0
- package/fragments/content/image-tile.yaml +32 -0
- package/fragments/content/incident-row.json +109 -0
- package/fragments/content/kbd-shortcut-row.json +29 -0
- package/fragments/content/kbd-shortcut-row.yaml +33 -0
- package/fragments/content/key-value-row.json +29 -0
- package/fragments/content/key-value-row.yaml +36 -0
- package/fragments/content/labeled-progress.json +29 -0
- package/fragments/content/labeled-progress.yaml +33 -0
- package/fragments/content/link-list-column.json +33 -0
- package/fragments/content/link-list-column.yaml +41 -0
- package/fragments/content/linked-record-row.json +95 -0
- package/fragments/content/marketplace-tile-atom.json +149 -0
- package/fragments/content/metadata-description-list.json +28 -0
- package/fragments/content/metadata-description-list.yaml +36 -0
- package/fragments/content/pending-invite-row.json +113 -0
- package/fragments/content/release-entry.json +159 -0
- package/fragments/content/rollout-entry-atom.json +170 -0
- package/fragments/content/signed-in-entry-atom.json +159 -0
- package/fragments/content/stage-entry-atom.json +117 -0
- package/fragments/content/stat-card.json +31 -0
- package/fragments/content/stat-card.yaml +39 -0
- package/fragments/content/user-identity-row.json +33 -0
- package/fragments/content/user-identity-row.yaml +43 -0
- package/fragments/content/user-notification-row.json +35 -0
- package/fragments/content/user-notification-row.yaml +50 -0
- package/fragments/content/wizard-step-row.json +96 -0
- package/fragments/form/labeled-checkbox.json +27 -0
- package/fragments/form/labeled-checkbox.yaml +36 -0
- package/fragments/form/labeled-input.json +28 -0
- package/fragments/form/labeled-input.yaml +38 -0
- package/fragments/form/labeled-slider.json +34 -0
- package/fragments/form/labeled-slider.yaml +50 -0
- package/fragments/form/labeled-textarea.json +28 -0
- package/fragments/form/labeled-textarea.yaml +39 -0
- package/fragments/form/labeled-toggle.json +29 -0
- package/fragments/form/labeled-toggle.yaml +43 -0
- package/fragments/form/rating-row.json +31 -0
- package/fragments/form/rating-row.yaml +40 -0
- package/fragments/layout/card-header-heading.json +39 -0
- package/fragments/layout/card-header-heading.yaml +27 -0
- package/fragments/layout/card-header-with-badge.json +30 -0
- package/fragments/layout/card-header-with-badge.yaml +40 -0
- package/fragments/layout/card-header-with-description.json +29 -0
- package/fragments/layout/card-header-with-description.yaml +32 -0
- package/fragments/layout/pricing-tier-card.json +37 -0
- package/fragments/layout/pricing-tier-card.yaml +50 -0
- package/fragments/layout/text-card.json +28 -0
- package/fragments/layout/text-card.yaml +30 -0
- package/manifest.json +6 -0
- package/package.json +33 -0
- package/patterns/_components.json +3320 -0
- package/patterns/_index.json +3232 -0
- package/patterns/_schema.json +206 -0
- package/patterns/_taxonomy.json +1970 -0
- package/patterns/agent/_domain.json +27 -0
- package/patterns/agent/alert-banner.json +41 -0
- package/patterns/agent/alert-banner.yaml +38 -0
- package/patterns/agent/chat-interface.json +205 -0
- package/patterns/agent/chat-interface.yaml +58 -0
- package/patterns/agent/command-palette.json +169 -0
- package/patterns/agent/command-palette.yaml +48 -0
- package/patterns/agent/empty-state.json +77 -0
- package/patterns/agent/empty-state.yaml +44 -0
- package/patterns/agent/error-state.json +67 -0
- package/patterns/agent/error-state.yaml +43 -0
- package/patterns/agent/loading-skeleton.json +101 -0
- package/patterns/agent/loading-skeleton.yaml +41 -0
- package/patterns/agent/notifications.json +87 -0
- package/patterns/agent/notifications.yaml +41 -0
- package/patterns/agent/streaming-response.json +58 -0
- package/patterns/agent/streaming-response.yaml +41 -0
- package/patterns/agent/toast-notification.json +70 -0
- package/patterns/agent/toast-notification.yaml +45 -0
- package/patterns/data/_domain.json +35 -0
- package/patterns/data/admin-dashboard-with-charts.json +755 -0
- package/patterns/data/admin-dashboard-with-charts.yaml +79 -0
- package/patterns/data/api-key-table.json +131 -0
- package/patterns/data/api-key-table.yaml +43 -0
- package/patterns/data/bookmark-list-categories.json +143 -0
- package/patterns/data/bookmark-list-categories.yaml +53 -0
- package/patterns/data/bookmark-list.json +163 -0
- package/patterns/data/bookmark-list.yaml +47 -0
- package/patterns/data/chart-dashboard.json +335 -0
- package/patterns/data/chart-dashboard.yaml +48 -0
- package/patterns/data/dashboard.json +153 -0
- package/patterns/data/dashboard.yaml +45 -0
- package/patterns/data/data-table-view.json +121 -0
- package/patterns/data/data-table-view.yaml +61 -0
- package/patterns/data/email-inbox.json +272 -0
- package/patterns/data/email-inbox.yaml +48 -0
- package/patterns/data/event-calendar-details.json +334 -0
- package/patterns/data/event-calendar-details.yaml +57 -0
- package/patterns/data/inventory-table.json +119 -0
- package/patterns/data/inventory-table.yaml +42 -0
- package/patterns/data/leaderboard.json +131 -0
- package/patterns/data/leaderboard.yaml +41 -0
- package/patterns/data/metrics.json +163 -0
- package/patterns/data/metrics.yaml +40 -0
- package/patterns/data/notification-center.json +264 -0
- package/patterns/data/notification-center.yaml +56 -0
- package/patterns/data/onboarding-checklist.json +114 -0
- package/patterns/data/onboarding-checklist.yaml +43 -0
- package/patterns/data/order-tracking.json +167 -0
- package/patterns/data/order-tracking.yaml +48 -0
- package/patterns/data/pagination-nav.json +48 -0
- package/patterns/data/pagination-nav.yaml +42 -0
- package/patterns/data/progress-dashboard.json +195 -0
- package/patterns/data/progress-dashboard.yaml +50 -0
- package/patterns/data/progress-tracker.json +119 -0
- package/patterns/data/progress-tracker.yaml +44 -0
- package/patterns/data/restaurant-menu.json +271 -0
- package/patterns/data/restaurant-menu.yaml +58 -0
- package/patterns/data/stat-cards.json +144 -0
- package/patterns/data/stat-cards.yaml +42 -0
- package/patterns/data/team-activity.json +170 -0
- package/patterns/data/team-activity.yaml +46 -0
- package/patterns/forms/_domain.json +32 -0
- package/patterns/forms/auth-signup.json +221 -0
- package/patterns/forms/auth-signup.yaml +55 -0
- package/patterns/forms/bleed-design-settings.json +201 -0
- package/patterns/forms/bleed-design-settings.yaml +57 -0
- package/patterns/forms/color-picker-demo.json +52 -0
- package/patterns/forms/color-picker-demo.yaml +43 -0
- package/patterns/forms/color-picker-panel.json +48 -0
- package/patterns/forms/color-picker-panel.yaml +38 -0
- package/patterns/forms/color-theme-builder.json +198 -0
- package/patterns/forms/color-theme-builder.yaml +55 -0
- package/patterns/forms/create-form.json +191 -0
- package/patterns/forms/create-form.yaml +55 -0
- package/patterns/forms/credit-card-payment.json +282 -0
- package/patterns/forms/credit-card-payment.yaml +61 -0
- package/patterns/forms/data-import.json +111 -0
- package/patterns/forms/data-import.yaml +49 -0
- package/patterns/forms/date-picker.json +85 -0
- package/patterns/forms/date-picker.yaml +44 -0
- package/patterns/forms/date-range-picker.json +155 -0
- package/patterns/forms/date-range-picker.yaml +54 -0
- package/patterns/forms/file-upload-form.json +151 -0
- package/patterns/forms/file-upload-form.yaml +60 -0
- package/patterns/forms/file-upload-gallery.json +174 -0
- package/patterns/forms/file-upload-gallery.yaml +56 -0
- package/patterns/forms/image-upload-preview.json +72 -0
- package/patterns/forms/image-upload-preview.yaml +42 -0
- package/patterns/forms/login-form.json +213 -0
- package/patterns/forms/login-form.yaml +61 -0
- package/patterns/forms/modal-dialog-form.json +233 -0
- package/patterns/forms/modal-dialog-form.yaml +52 -0
- package/patterns/forms/newsletter-subscribe.json +69 -0
- package/patterns/forms/newsletter-subscribe.yaml +47 -0
- package/patterns/forms/notification-filters.json +345 -0
- package/patterns/forms/notification-filters.yaml +80 -0
- package/patterns/forms/notification-preferences.json +302 -0
- package/patterns/forms/notification-preferences.yaml +66 -0
- package/patterns/forms/otp-form.json +89 -0
- package/patterns/forms/otp-form.yaml +46 -0
- package/patterns/forms/otp-verification.json +128 -0
- package/patterns/forms/otp-verification.yaml +52 -0
- package/patterns/forms/password-reset.json +206 -0
- package/patterns/forms/password-reset.yaml +56 -0
- package/patterns/forms/price-range-filter.json +133 -0
- package/patterns/forms/price-range-filter.yaml +51 -0
- package/patterns/forms/radio-group-selection.json +209 -0
- package/patterns/forms/radio-group-selection.yaml +51 -0
- package/patterns/forms/radio-group.json +143 -0
- package/patterns/forms/radio-group.yaml +50 -0
- package/patterns/forms/search-filters.json +201 -0
- package/patterns/forms/search-filters.yaml +60 -0
- package/patterns/forms/settings-page.json +364 -0
- package/patterns/forms/settings-page.yaml +64 -0
- package/patterns/forms/slider-range.json +119 -0
- package/patterns/forms/slider-range.yaml +45 -0
- package/patterns/forms/survey-rating-scales.json +450 -0
- package/patterns/forms/survey-rating-scales.yaml +69 -0
- package/patterns/forms/tag-input.json +112 -0
- package/patterns/forms/tag-input.yaml +47 -0
- package/patterns/forms/theme-customizer.json +180 -0
- package/patterns/forms/theme-customizer.yaml +53 -0
- package/patterns/forms/two-factor-auth.json +99 -0
- package/patterns/forms/two-factor-auth.yaml +62 -0
- package/patterns/forms/volume-control.json +99 -0
- package/patterns/forms/volume-control.yaml +47 -0
- package/patterns/forms/wizard-steps.json +130 -0
- package/patterns/forms/wizard-steps.yaml +58 -0
- package/patterns/layout/_domain.json +29 -0
- package/patterns/layout/accordion-settings.json +345 -0
- package/patterns/layout/accordion-settings.yaml +55 -0
- package/patterns/layout/avatar-group.json +136 -0
- package/patterns/layout/avatar-group.yaml +47 -0
- package/patterns/layout/badge-showcase.json +244 -0
- package/patterns/layout/badge-showcase.yaml +46 -0
- package/patterns/layout/calendar-view.json +88 -0
- package/patterns/layout/calendar-view.yaml +42 -0
- package/patterns/layout/code-block.json +88 -0
- package/patterns/layout/code-block.yaml +47 -0
- package/patterns/layout/consent-banner.json +89 -0
- package/patterns/layout/consent-banner.yaml +50 -0
- package/patterns/layout/cta-banner.json +99 -0
- package/patterns/layout/cta-banner.yaml +46 -0
- package/patterns/layout/divider-label.json +68 -0
- package/patterns/layout/divider-label.yaml +42 -0
- package/patterns/layout/drawer-panel.json +220 -0
- package/patterns/layout/drawer-panel.yaml +54 -0
- package/patterns/layout/embed-content.json +86 -0
- package/patterns/layout/embed-content.yaml +46 -0
- package/patterns/layout/faq-accordion.json +159 -0
- package/patterns/layout/faq-accordion.yaml +47 -0
- package/patterns/layout/feature-carousel.json +263 -0
- package/patterns/layout/feature-carousel.yaml +47 -0
- package/patterns/layout/feature-grid.json +197 -0
- package/patterns/layout/feature-grid.yaml +45 -0
- package/patterns/layout/hero-section.json +109 -0
- package/patterns/layout/hero-section.yaml +46 -0
- package/patterns/layout/image-caption.json +48 -0
- package/patterns/layout/image-caption.yaml +37 -0
- package/patterns/layout/image-carousel.json +173 -0
- package/patterns/layout/image-carousel.yaml +47 -0
- package/patterns/layout/image-gallery.json +128 -0
- package/patterns/layout/image-gallery.yaml +45 -0
- package/patterns/layout/kanban-board.json +292 -0
- package/patterns/layout/kanban-board.yaml +58 -0
- package/patterns/layout/kbd-shortcuts.json +178 -0
- package/patterns/layout/kbd-shortcuts.yaml +43 -0
- package/patterns/layout/markdown-editor.json +126 -0
- package/patterns/layout/markdown-editor.yaml +46 -0
- package/patterns/layout/music-player.json +107 -0
- package/patterns/layout/music-player.yaml +42 -0
- package/patterns/layout/pagination-demo.json +55 -0
- package/patterns/layout/pagination-demo.yaml +44 -0
- package/patterns/layout/pagination-table.json +107 -0
- package/patterns/layout/pagination-table.yaml +59 -0
- package/patterns/layout/popover-demo.json +71 -0
- package/patterns/layout/popover-demo.yaml +46 -0
- package/patterns/layout/popover-menu.json +117 -0
- package/patterns/layout/popover-menu.yaml +45 -0
- package/patterns/layout/pricing-tiers.json +354 -0
- package/patterns/layout/pricing-tiers.yaml +52 -0
- package/patterns/layout/product-card.json +89 -0
- package/patterns/layout/product-card.yaml +46 -0
- package/patterns/layout/product-carousel.json +251 -0
- package/patterns/layout/product-carousel.yaml +47 -0
- package/patterns/layout/social-post.json +119 -0
- package/patterns/layout/social-post.yaml +45 -0
- package/patterns/layout/split-pane.json +69 -0
- package/patterns/layout/split-pane.yaml +41 -0
- package/patterns/layout/swiper-carousel.json +97 -0
- package/patterns/layout/swiper-carousel.yaml +55 -0
- package/patterns/layout/tabs-panels.json +173 -0
- package/patterns/layout/tabs-panels.yaml +46 -0
- package/patterns/layout/team-carousel.json +332 -0
- package/patterns/layout/team-carousel.yaml +50 -0
- package/patterns/layout/testimonials-carousel.json +281 -0
- package/patterns/layout/testimonials-carousel.yaml +50 -0
- package/patterns/layout/testimonials-grid.json +286 -0
- package/patterns/layout/testimonials-grid.yaml +46 -0
- package/patterns/layout/toolbar-buttons.json +179 -0
- package/patterns/layout/toolbar-buttons.yaml +47 -0
- package/patterns/layout/tooltip-buttons.json +127 -0
- package/patterns/layout/tooltip-buttons.yaml +44 -0
- package/patterns/layout/user-profile.json +123 -0
- package/patterns/layout/user-profile.yaml +45 -0
- package/patterns/layout/video-player.json +95 -0
- package/patterns/layout/video-player.yaml +45 -0
- package/patterns/layout/weather-widget.json +127 -0
- package/patterns/layout/weather-widget.yaml +46 -0
- package/patterns/navigation/_domain.json +25 -0
- package/patterns/navigation/breadcrumb-nav.json +57 -0
- package/patterns/navigation/breadcrumb-nav.yaml +39 -0
- package/patterns/navigation/nav-menu-icons.json +71 -0
- package/patterns/navigation/nav-menu-icons.yaml +38 -0
- package/patterns/navigation/section-subnav.json +79 -0
- package/patterns/navigation/segmented-control.json +56 -0
- package/patterns/navigation/segmented-control.yaml +40 -0
- package/patterns/navigation/sidebar-nav.json +207 -0
- package/patterns/navigation/sidebar-nav.yaml +44 -0
- package/patterns/settings/settings-page.json +280 -0
- package/patterns/settings/settings-page.yaml +51 -0
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "notification-preferences",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "agent",
|
|
7
|
+
"description": "Notification preferences settings panel with grouped toggle switches for email, push, and in-app alerts across categories, plus quiet-hours controls and a save button.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": [
|
|
10
|
+
"settings",
|
|
11
|
+
"preferences",
|
|
12
|
+
"notifications"
|
|
13
|
+
],
|
|
14
|
+
"complexity": "medium",
|
|
15
|
+
"layout": "stacked"
|
|
16
|
+
},
|
|
17
|
+
"keywords": [
|
|
18
|
+
"notification preferences",
|
|
19
|
+
"notification settings",
|
|
20
|
+
"alert preferences",
|
|
21
|
+
"email notifications",
|
|
22
|
+
"push notifications",
|
|
23
|
+
"in-app notifications",
|
|
24
|
+
"notification toggles",
|
|
25
|
+
"quiet hours",
|
|
26
|
+
"do not disturb",
|
|
27
|
+
"preferences",
|
|
28
|
+
"settings",
|
|
29
|
+
"toggles",
|
|
30
|
+
"switches",
|
|
31
|
+
"notification categories"
|
|
32
|
+
],
|
|
33
|
+
"template": [
|
|
34
|
+
{
|
|
35
|
+
"id": "root",
|
|
36
|
+
"component": "Card",
|
|
37
|
+
"children": [
|
|
38
|
+
"hdr",
|
|
39
|
+
"sec",
|
|
40
|
+
"ftr"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"id": "hdr",
|
|
45
|
+
"$fragment": "card-header-with-description",
|
|
46
|
+
"bindings": {
|
|
47
|
+
"heading": "Notification preferences",
|
|
48
|
+
"description": "Choose how and when you want to be notified."
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "sec",
|
|
53
|
+
"component": "Section",
|
|
54
|
+
"children": [
|
|
55
|
+
"col"
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"id": "col",
|
|
60
|
+
"component": "Column",
|
|
61
|
+
"gap": "4",
|
|
62
|
+
"children": [
|
|
63
|
+
"g1title",
|
|
64
|
+
"t1",
|
|
65
|
+
"t2",
|
|
66
|
+
"t3",
|
|
67
|
+
"div1",
|
|
68
|
+
"g2title",
|
|
69
|
+
"t4",
|
|
70
|
+
"t5",
|
|
71
|
+
"t6",
|
|
72
|
+
"div2",
|
|
73
|
+
"g3title",
|
|
74
|
+
"t7",
|
|
75
|
+
"t8"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"id": "g1title",
|
|
80
|
+
"component": "Text",
|
|
81
|
+
"variant": "section",
|
|
82
|
+
"textContent": "Email"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"id": "t1",
|
|
86
|
+
"$fragment": "labeled-toggle",
|
|
87
|
+
"bindings": {
|
|
88
|
+
"label": "Comments and mentions",
|
|
89
|
+
"checked": true
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"id": "t2",
|
|
94
|
+
"$fragment": "labeled-toggle",
|
|
95
|
+
"bindings": {
|
|
96
|
+
"label": "Task assignments",
|
|
97
|
+
"checked": true
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"id": "t3",
|
|
102
|
+
"$fragment": "labeled-toggle",
|
|
103
|
+
"bindings": {
|
|
104
|
+
"label": "Weekly digest",
|
|
105
|
+
"checked": false
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"id": "div1",
|
|
110
|
+
"component": "Divider"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"id": "g2title",
|
|
114
|
+
"component": "Text",
|
|
115
|
+
"variant": "section",
|
|
116
|
+
"textContent": "Push"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"id": "t4",
|
|
120
|
+
"$fragment": "labeled-toggle",
|
|
121
|
+
"bindings": {
|
|
122
|
+
"label": "Direct messages",
|
|
123
|
+
"checked": true
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"id": "t5",
|
|
128
|
+
"$fragment": "labeled-toggle",
|
|
129
|
+
"bindings": {
|
|
130
|
+
"label": "Mentions",
|
|
131
|
+
"checked": true
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"id": "t6",
|
|
136
|
+
"$fragment": "labeled-toggle",
|
|
137
|
+
"bindings": {
|
|
138
|
+
"label": "Marketing updates",
|
|
139
|
+
"checked": false
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"id": "div2",
|
|
144
|
+
"component": "Divider"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"id": "g3title",
|
|
148
|
+
"component": "Text",
|
|
149
|
+
"variant": "section",
|
|
150
|
+
"textContent": "Quiet hours"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"id": "t7",
|
|
154
|
+
"$fragment": "labeled-toggle",
|
|
155
|
+
"bindings": {
|
|
156
|
+
"label": "Mute notifications overnight",
|
|
157
|
+
"checked": true
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"id": "t8",
|
|
162
|
+
"$fragment": "labeled-input",
|
|
163
|
+
"bindings": {
|
|
164
|
+
"label": "Quiet hours range",
|
|
165
|
+
"value": "10pm \u2013 7am"
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"id": "ftr",
|
|
170
|
+
"$fragment": "footer-cancel-save",
|
|
171
|
+
"bindings": {
|
|
172
|
+
"cancelText": "Cancel",
|
|
173
|
+
"saveText": "Save preferences"
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
]
|
|
177
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "toast-stack",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "agent",
|
|
7
|
+
"description": "Stack of toast notifications for transient status messages.",
|
|
8
|
+
"tags": { "purpose": ["toast", "notification"], "complexity": "atomic", "layout": "stacked" },
|
|
9
|
+
"keywords": ["toast", "notification", "snackbar", "transient"],
|
|
10
|
+
|
|
11
|
+
"template": [
|
|
12
|
+
{ "id": "root", "component": "Column", "children": ["t1", "t2", "t3"], "gap": "2" },
|
|
13
|
+
{ "id": "t1", "component": "Toast", "variant": "success", "title": "Saved", "description": "Your changes have been saved." },
|
|
14
|
+
{ "id": "t2", "component": "Toast", "variant": "info", "title": "Uploading","description": "3 of 7 files uploaded." },
|
|
15
|
+
{ "id": "t3", "component": "Toast", "variant": "warning", "title": "Attention","description": "One session is still syncing." }
|
|
16
|
+
]
|
|
17
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
+
kind: composition
|
|
7
|
+
name: toast-stack
|
|
8
|
+
domain: agent
|
|
9
|
+
description: Stack of toast notifications for transient status messages.
|
|
10
|
+
keywords:
|
|
11
|
+
- toast
|
|
12
|
+
- notification
|
|
13
|
+
- snackbar
|
|
14
|
+
- transient
|
|
15
|
+
tags:
|
|
16
|
+
purpose:
|
|
17
|
+
- toast
|
|
18
|
+
- notification
|
|
19
|
+
complexity: atomic
|
|
20
|
+
layout: stacked
|
|
21
|
+
related: []
|
|
22
|
+
fragments_used: []
|
|
23
|
+
use-cases:
|
|
24
|
+
- "TODO: primary use case"
|
|
25
|
+
wiring-intent:
|
|
26
|
+
summary: Static composition (no interactive wiring).
|
|
27
|
+
controllers: []
|
|
28
|
+
actions: []
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "activity-feed",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Activity feed of user events — avatar-led rows with text and status badges. Used for social timelines, changelogs, audit logs.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["activity", "feed", "timeline"],
|
|
10
|
+
"complexity": "simple",
|
|
11
|
+
"layout": "stacked"
|
|
12
|
+
},
|
|
13
|
+
"keywords": ["activity", "feed", "timeline", "events", "changelog", "audit log", "social post"],
|
|
14
|
+
|
|
15
|
+
"template": [
|
|
16
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec"] },
|
|
17
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
18
|
+
"bindings": { "heading": "Activity", "description": "Recent events across your workspace." } },
|
|
19
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
20
|
+
{ "id": "col", "component": "Column", "children": ["r1", "r2", "r3", "r4"], "gap": "3" },
|
|
21
|
+
|
|
22
|
+
{ "id": "r1", "$fragment": "user-notification-row",
|
|
23
|
+
"bindings": { "avatarName": "Ada Lovelace", "primary": "Ada Lovelace committed deploy/staging-12", "secondary": "2 minutes ago", "badgeLabel": "Deployed", "badgeVariant": "success" } },
|
|
24
|
+
{ "id": "r2", "$fragment": "user-notification-row",
|
|
25
|
+
"bindings": { "avatarName": "Grace Hopper", "primary": "Grace Hopper opened PR #482", "secondary": "34 minutes ago", "badgeLabel": "Review", "badgeVariant": "info" } },
|
|
26
|
+
{ "id": "r3", "$fragment": "user-notification-row",
|
|
27
|
+
"bindings": { "avatarName": "Alan Turing", "primary": "Alan Turing resolved 3 issues", "secondary": "1 hour ago", "badgeLabel": "Closed", "badgeVariant": "success" } },
|
|
28
|
+
{ "id": "r4", "$fragment": "user-notification-row",
|
|
29
|
+
"bindings": { "avatarName": "Linus Torvalds", "primary": "Linus Torvalds commented on spec-003", "secondary": "3 hours ago", "badgeLabel": "Comment", "badgeVariant": "neutral" } }
|
|
30
|
+
]
|
|
31
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
+
kind: composition
|
|
7
|
+
name: activity-feed
|
|
8
|
+
domain: data
|
|
9
|
+
description: >-
|
|
10
|
+
Activity feed of user events — avatar-led rows with text and status badges. Used for social timelines, changelogs, audit logs.
|
|
11
|
+
keywords:
|
|
12
|
+
- activity
|
|
13
|
+
- feed
|
|
14
|
+
- timeline
|
|
15
|
+
- events
|
|
16
|
+
- changelog
|
|
17
|
+
- audit log
|
|
18
|
+
- social post
|
|
19
|
+
tags:
|
|
20
|
+
purpose:
|
|
21
|
+
- activity
|
|
22
|
+
- feed
|
|
23
|
+
- timeline
|
|
24
|
+
complexity: simple
|
|
25
|
+
layout: stacked
|
|
26
|
+
related: []
|
|
27
|
+
fragments_used:
|
|
28
|
+
- fragment: card-header-with-description
|
|
29
|
+
prefix: ""
|
|
30
|
+
- fragment: user-notification-row
|
|
31
|
+
prefix: ""
|
|
32
|
+
- fragment: user-notification-row
|
|
33
|
+
prefix: ""
|
|
34
|
+
- fragment: user-notification-row
|
|
35
|
+
prefix: ""
|
|
36
|
+
- fragment: user-notification-row
|
|
37
|
+
prefix: ""
|
|
38
|
+
use-cases:
|
|
39
|
+
- "TODO: primary use case"
|
|
40
|
+
wiring-intent:
|
|
41
|
+
summary: Static composition (no interactive wiring).
|
|
42
|
+
controllers: []
|
|
43
|
+
actions: []
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "audit-log-viewer",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Audit log viewer with actor+action+target rows, filter rail, and diff-preview drawer for change events. Shows workspace security events with 90-day retention, filterable by actor, action, resource, and date range.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["audit", "log", "security", "events", "activity"],
|
|
10
|
+
"complexity": "complex",
|
|
11
|
+
"layout": "split"
|
|
12
|
+
},
|
|
13
|
+
"keywords": [
|
|
14
|
+
"audit log", "audit trail", "security log", "event log",
|
|
15
|
+
"actor", "action", "target", "resource",
|
|
16
|
+
"workspace events", "admin activity", "compliance",
|
|
17
|
+
"diff preview", "change event", "filter rail",
|
|
18
|
+
"event history", "access log", "authentication log"
|
|
19
|
+
],
|
|
20
|
+
"related": ["activity-feed", "notification-center", "change-history"],
|
|
21
|
+
|
|
22
|
+
"template": [
|
|
23
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
24
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
25
|
+
"bindings": { "heading": "Audit log", "description": "Workspace security events · 90-day retention · filter by actor, action, resource." } },
|
|
26
|
+
{ "id": "sec", "component": "Section", "children": ["layout"] },
|
|
27
|
+
{ "id": "layout", "component": "Row", "gap": "5", "children": ["rail", "rows"] },
|
|
28
|
+
|
|
29
|
+
{ "id": "rail", "component": "Column", "gap": "4", "children": ["rail-t-actor", "rail-s-actor", "rail-t-action", "rail-check-invite", "rail-check-revoke", "rail-check-rotate", "rail-t-date", "rail-date-from", "rail-date-to"] },
|
|
30
|
+
{ "id": "rail-t-actor", "component": "Text", "variant": "caption", "textContent": "Actor" },
|
|
31
|
+
{ "id": "rail-s-actor", "component": "Search", "placeholder": "Search people…" },
|
|
32
|
+
{ "id": "rail-t-action", "component": "Text", "variant": "caption", "textContent": "Action" },
|
|
33
|
+
{ "id": "rail-check-invite", "$fragment": "labeled-checkbox", "bindings": { "label": "user.invite", "name": "user.invite", "checked": "true" } },
|
|
34
|
+
{ "id": "rail-check-revoke", "$fragment": "labeled-checkbox", "bindings": { "label": "key.revoke", "name": "key.revoke", "checked": "false" } },
|
|
35
|
+
{ "id": "rail-check-rotate", "$fragment": "labeled-checkbox", "bindings": { "label": "key.rotate", "name": "key.rotate", "checked": "true" } },
|
|
36
|
+
{ "id": "rail-t-date", "component": "Text", "variant": "caption", "textContent": "Date range" },
|
|
37
|
+
{ "id": "rail-date-from", "$fragment": "labeled-input", "bindings": { "label": "Start", "name": "start", "type": "date", "value": "2026-04-12" } },
|
|
38
|
+
{ "id": "rail-date-to", "$fragment": "labeled-input", "bindings": { "label": "End", "name": "end", "type": "date", "value": "2026-04-19" } },
|
|
39
|
+
|
|
40
|
+
{ "id": "rows", "component": "Column", "gap": "3", "children": ["log-table", "diff-preview", "r1", "r2", "r3", "r4"] },
|
|
41
|
+
|
|
42
|
+
{ "id": "log-table", "component": "Table",
|
|
43
|
+
"columns": [
|
|
44
|
+
{ "key": "ts", "label": "Timestamp", "type": "text", "width": 130 },
|
|
45
|
+
{ "key": "actor", "label": "Actor", "type": "avatar", "flex": 1 },
|
|
46
|
+
{ "key": "action", "label": "Action", "type": "text", "flex": 1 },
|
|
47
|
+
{ "key": "target", "label": "Target", "type": "text", "flex": 2 },
|
|
48
|
+
{ "key": "change", "label": "Change", "type": "badge", "width": 120 }
|
|
49
|
+
],
|
|
50
|
+
"data": [
|
|
51
|
+
{ "ts": "09:14:02 UTC", "actor": "Alice Chen", "action": "key.rotate", "target": "prod-webhook", "change": "success" },
|
|
52
|
+
{ "ts": "08:47:44 UTC", "actor": "Priya Sharma", "action": "user.invite", "target": "contractor@ext.io", "change": "info" },
|
|
53
|
+
{ "ts": "22:01:19 UTC", "actor": "Marcus Johnson", "action": "settings.update", "target": "sso.enforcement", "change": "warning" },
|
|
54
|
+
{ "ts": "18:00:00 UTC", "actor": "System", "action": "session.revoke", "target": "tom@acme.com", "change": "neutral" }
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
|
|
58
|
+
{ "id": "diff-preview", "component": "Card", "children": ["diff-hdr", "diff-sec"] },
|
|
59
|
+
{ "id": "diff-hdr", "component": "Header", "children": ["diff-title", "diff-close"] },
|
|
60
|
+
{ "id": "diff-title", "component": "Text", "variant": "label", "textContent": "Diff preview — settings.update on sso.enforcement" },
|
|
61
|
+
{ "id": "diff-close", "component": "Button", "variant": "ghost", "size": "sm", "icon": "x", "text": "Close" },
|
|
62
|
+
{ "id": "diff-sec", "component": "Section", "children": ["diff-col"] },
|
|
63
|
+
{ "id": "diff-col", "component": "Column", "gap": "1", "children": ["diff-before", "diff-after"] },
|
|
64
|
+
{ "id": "diff-before", "component": "Code", "textContent": "- sso.enforcement: \"optional\"" },
|
|
65
|
+
{ "id": "diff-after", "component": "Code", "textContent": "+ sso.enforcement: \"required\"" },
|
|
66
|
+
{ "id": "r1", "$fragment": "user-notification-row", "bindings": { "avatarName": "Alice Chen", "primary": "alice@acme.com rotated API key prod-webhook", "secondary": "192.0.2.14 · San Francisco · Today 09:14 UTC", "badgeLabel": "key.rotate", "badgeVariant": "success" } },
|
|
67
|
+
{ "id": "r2", "$fragment": "user-notification-row", "bindings": { "avatarName": "Priya Sharma", "primary": "priya@acme.com invited contractor@external.io as Guest", "secondary": "198.51.100.7 · New York · Today 08:47 UTC", "badgeLabel": "user.invite", "badgeVariant": "info" } },
|
|
68
|
+
{ "id": "r3", "$fragment": "user-notification-row", "bindings": { "avatarName": "Marcus Johnson", "primary": "marcus@acme.com updated workspace SSO enforcement to required", "secondary": "203.0.113.22 · London · Yesterday 22:01 UTC", "badgeLabel": "settings.update", "badgeVariant": "warning" } },
|
|
69
|
+
{ "id": "r4", "$fragment": "user-notification-row", "bindings": { "avatarName": "System", "primary": "System revoked session for tom@acme.com after 30 days idle", "secondary": "Automated · Yesterday 18:00 UTC", "badgeLabel": "session.revoke", "badgeVariant": "neutral" } },
|
|
70
|
+
|
|
71
|
+
{ "id": "ftr", "component": "Footer", "children": ["ftr-text", "ftr-page"] },
|
|
72
|
+
{ "id": "ftr-text", "component": "Text", "variant": "caption", "color": "muted", "textContent": "Showing 1–4 of 1,284 events" },
|
|
73
|
+
{ "id": "ftr-page", "component": "Pagination", "total": 321, "current": 1 }
|
|
74
|
+
]
|
|
75
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "bookmark-list",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Categorized bookmark list — grouped rows of saved items.",
|
|
8
|
+
"tags": { "purpose": ["bookmarks", "list"], "complexity": "simple", "layout": "stacked" },
|
|
9
|
+
"keywords": ["bookmark", "bookmarks", "saved", "favorites", "categories"],
|
|
10
|
+
|
|
11
|
+
"template": [
|
|
12
|
+
{ "id": "root", "component": "Column", "children": ["cat1", "cat2"], "gap": "4" },
|
|
13
|
+
|
|
14
|
+
{ "id": "cat1", "component": "Card", "children": ["c1h", "c1s"] },
|
|
15
|
+
{ "id": "c1h", "$fragment": "card-header-heading", "bindings": { "heading": "Documentation" } },
|
|
16
|
+
{ "id": "c1s", "component": "Section", "children": ["c1col"] },
|
|
17
|
+
{ "id": "c1col","component": "Column", "children": ["c1r1", "c1r2"], "gap": "2" },
|
|
18
|
+
{ "id": "c1r1", "$fragment": "icon-text-row",
|
|
19
|
+
"bindings": { "icon": "book", "label": "Getting started guide" } },
|
|
20
|
+
{ "id": "c1r2", "$fragment": "icon-text-row",
|
|
21
|
+
"bindings": { "icon": "book", "label": "API reference" } },
|
|
22
|
+
|
|
23
|
+
{ "id": "cat2", "component": "Card", "children": ["c2h", "c2s"] },
|
|
24
|
+
{ "id": "c2h", "$fragment": "card-header-heading", "bindings": { "heading": "Tutorials" } },
|
|
25
|
+
{ "id": "c2s", "component": "Section", "children": ["c2col"] },
|
|
26
|
+
{ "id": "c2col","component": "Column", "children": ["c2r1", "c2r2"], "gap": "2" },
|
|
27
|
+
{ "id": "c2r1", "$fragment": "icon-text-row",
|
|
28
|
+
"bindings": { "icon": "play", "label": "Build a dashboard in 10 minutes" } },
|
|
29
|
+
{ "id": "c2r2", "$fragment": "icon-text-row",
|
|
30
|
+
"bindings": { "icon": "play", "label": "Authentication patterns" } }
|
|
31
|
+
]
|
|
32
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
+
kind: composition
|
|
7
|
+
name: bookmark-list
|
|
8
|
+
domain: data
|
|
9
|
+
description: Categorized bookmark list — grouped rows of saved items.
|
|
10
|
+
keywords:
|
|
11
|
+
- bookmark
|
|
12
|
+
- bookmarks
|
|
13
|
+
- saved
|
|
14
|
+
- favorites
|
|
15
|
+
- categories
|
|
16
|
+
tags:
|
|
17
|
+
purpose:
|
|
18
|
+
- bookmarks
|
|
19
|
+
- list
|
|
20
|
+
complexity: simple
|
|
21
|
+
layout: stacked
|
|
22
|
+
related: []
|
|
23
|
+
fragments_used:
|
|
24
|
+
- fragment: card-header-heading
|
|
25
|
+
prefix: ""
|
|
26
|
+
- fragment: icon-text-row
|
|
27
|
+
prefix: ""
|
|
28
|
+
- fragment: icon-text-row
|
|
29
|
+
prefix: ""
|
|
30
|
+
- fragment: card-header-heading
|
|
31
|
+
prefix: ""
|
|
32
|
+
- fragment: icon-text-row
|
|
33
|
+
prefix: ""
|
|
34
|
+
- fragment: icon-text-row
|
|
35
|
+
prefix: ""
|
|
36
|
+
use-cases:
|
|
37
|
+
- "TODO: primary use case"
|
|
38
|
+
wiring-intent:
|
|
39
|
+
summary: Static composition (no interactive wiring).
|
|
40
|
+
controllers: []
|
|
41
|
+
actions: []
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "bulk-action-toolbar",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Bulk action toolbar that emerges when rows are selected — selected count, contextual actions (archive, assign, label, delete), and a clear-selection escape. The Gmail / Linear / HubSpot selection bar.",
|
|
8
|
+
"tags": { "purpose": ["bulk-actions", "selection-bar", "toolbar"], "complexity": "composed", "layout": "toolbar" },
|
|
9
|
+
"keywords": ["bulk actions", "bulk action toolbar", "selection bar", "selection toolbar", "multi-select actions", "row selection actions", "mass edit", "gmail selection bar", "linear selection pill", "hubspot bulk edit", "batch actions"],
|
|
10
|
+
|
|
11
|
+
"template": [
|
|
12
|
+
{ "id": "root", "component": "Toolbar", "children": ["selection-count", "left", "right"] },
|
|
13
|
+
{ "id": "selection-count", "component": "Text", "weight": "semibold", "textContent": "3 selected" },
|
|
14
|
+
{ "id": "left", "component": "Row", "gap": "3", "align": "center", "children": ["cb", "count", "allBtn"] },
|
|
15
|
+
{ "id": "cb", "component": "CheckBox", "checked": true, "indeterminate": true, "aria-label": "Select all" },
|
|
16
|
+
{ "id": "count", "component": "Text", "weight": "medium", "textContent": "3 of 142 selected" },
|
|
17
|
+
{ "id": "allBtn", "component": "Button", "variant": "ghost", "size": "sm", "textContent": "Select all 142" },
|
|
18
|
+
|
|
19
|
+
{ "id": "right", "component": "Row", "gap": "2", "align": "center", "children": ["a1", "a2", "a3", "a4", "sep", "aDel", "clearBtn"] },
|
|
20
|
+
{ "id": "a1", "component": "Button", "variant": "ghost", "size": "sm", "icon": "archive", "textContent": "Archive" },
|
|
21
|
+
{ "id": "a2", "component": "Button", "variant": "ghost", "size": "sm", "icon": "folder-simple-plus", "textContent": "Move to…" },
|
|
22
|
+
{ "id": "a3", "component": "Button", "variant": "ghost", "size": "sm", "icon": "user-plus", "textContent": "Assign" },
|
|
23
|
+
{ "id": "a4", "component": "Button", "variant": "ghost", "size": "sm", "icon": "tag", "textContent": "Label" },
|
|
24
|
+
{ "id": "sep", "component": "Divider", "vertical": true },
|
|
25
|
+
{ "id": "aDel", "component": "Button", "variant": "ghost", "size": "sm", "icon": "trash", "color": "danger", "textContent": "Delete" },
|
|
26
|
+
{ "id": "clearBtn", "component": "Button", "variant": "ghost", "size": "sm", "icon": "x", "textContent": "Clear selection" }
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "changelog-feed",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Versioned changelog feed with semantic versioning, release notes, feature/fix/breaking tags, migration snippets, and email subscription CTA. Covers product release history.",
|
|
8
|
+
"tags": {
|
|
9
|
+
"purpose": ["changelog", "releases", "release-notes", "versioning", "product-updates"],
|
|
10
|
+
"complexity": "composed",
|
|
11
|
+
"layout": "stacked"
|
|
12
|
+
},
|
|
13
|
+
"keywords": [
|
|
14
|
+
"changelog", "change log", "release notes", "product updates",
|
|
15
|
+
"versioned releases", "semver", "major minor patch",
|
|
16
|
+
"whats new", "what's new", "release feed",
|
|
17
|
+
"feature fix breaking", "migration guide", "deprecation",
|
|
18
|
+
"subscribe changelog", "rss feed", "product announcements",
|
|
19
|
+
"release timeline"
|
|
20
|
+
],
|
|
21
|
+
"related": ["activity-feed", "status-page"],
|
|
22
|
+
|
|
23
|
+
"template": [
|
|
24
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
|
|
25
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
26
|
+
"bindings": { "heading": "What's new", "description": "Product updates, shipped weekly · feature / fix / breaking tags · subscribe for email or RSS." } },
|
|
27
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
28
|
+
{ "id": "col", "component": "Column", "gap": "6", "children": ["r1", "d1", "r2", "d2", "r3"] },
|
|
29
|
+
|
|
30
|
+
{ "id": "r1", "component": "Column", "gap": "2", "children": ["r1-h", "r1-tags", "r1-body", "r1-items"] },
|
|
31
|
+
{ "id": "r1-h", "component": "Text", "variant": "title", "textContent": "v2.14.0 · Streaming APIs" },
|
|
32
|
+
{ "id": "r1-tags", "component": "Row", "gap": "2", "children": ["r1-t1", "r1-t2", "r1-t3", "r1-date"] },
|
|
33
|
+
{ "id": "r1-t1", "component": "Tag", "text": "feature" },
|
|
34
|
+
{ "id": "r1-t2", "component": "Tag", "text": "fix" },
|
|
35
|
+
{ "id": "r1-t3", "component": "Tag", "text": "breaking" },
|
|
36
|
+
{ "id": "r1-date", "component": "Text", "variant": "caption", "color": "muted", "textContent": "April 19, 2026" },
|
|
37
|
+
{ "id": "r1-body", "component": "Text", "variant": "body", "textContent": "Biggest shape change to the Public API since v2.0. Stream completions over SSE and subscribe to entity changes via WebSocket." },
|
|
38
|
+
{ "id": "r1-items", "component": "Column", "gap": "2", "children": ["r1-i1", "r1-i2", "r1-i3"] },
|
|
39
|
+
{ "id": "r1-i1", "$fragment": "icon-text-row", "bindings": { "icon": "check-circle", "label": "Streaming completions over SSE — new stream=true param" } },
|
|
40
|
+
{ "id": "r1-i2", "$fragment": "icon-text-row", "bindings": { "icon": "check-circle", "label": "Entity subscriptions via typed WebSocket events" } },
|
|
41
|
+
{ "id": "r1-i3", "$fragment": "icon-text-row", "bindings": { "icon": "warning", "label": "Removed /v1/legacy/events — migrate to /v1/events" } },
|
|
42
|
+
|
|
43
|
+
{ "id": "d1", "component": "Divider" },
|
|
44
|
+
|
|
45
|
+
{ "id": "r2", "$fragment": "release-entry", "bindings": { "heading": "v2.13.0 · Cohort analytics", "tag1": "feature", "tag1Variant": "success", "tag2": "improvement", "tag2Variant": "info", "tag3": "", "date": "April 05, 2026", "body": "New Cohort view with retention heatmap, drop-off percentages per step, and CSV export. Dashboard loads 2.4× faster on cold start." } },
|
|
46
|
+
|
|
47
|
+
{ "id": "d2", "component": "Divider" },
|
|
48
|
+
|
|
49
|
+
{ "id": "r3", "$fragment": "release-entry", "bindings": { "heading": "v2.12.2 · Patch", "tag1": "fix", "tag1Variant": "warning", "tag2": "security", "tag2Variant": "danger", "tag3": "", "date": "March 28, 2026", "body": "Fixed DST handling in scheduled reports. Bumped node-fetch to 3.3.2 for CVE-2026-0142." } },
|
|
50
|
+
|
|
51
|
+
{ "id": "ftr", "component": "Footer", "children": ["ftr-btn"] },
|
|
52
|
+
{ "id": "ftr-btn", "component": "Button", "variant": "primary", "icon": "envelope", "text": "Subscribe to changelog" }
|
|
53
|
+
]
|
|
54
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "chart-dashboard",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"kind": "composition",
|
|
6
|
+
"domain": "data",
|
|
7
|
+
"description": "Dashboard card with a primary chart plus a caption — for sales reports, analytics, time-series overviews.",
|
|
8
|
+
"tags": { "purpose": ["chart", "dashboard", "analytics"], "complexity": "simple", "layout": "stacked" },
|
|
9
|
+
"keywords": ["chart", "graph", "sales report", "bar chart", "analytics", "line chart"],
|
|
10
|
+
|
|
11
|
+
"template": [
|
|
12
|
+
{ "id": "root", "component": "Card", "children": ["hdr", "sec"] },
|
|
13
|
+
{ "id": "hdr", "$fragment": "card-header-with-description",
|
|
14
|
+
"bindings": { "heading": "Sales this quarter", "description": "Weekly revenue, USD." } },
|
|
15
|
+
{ "id": "sec", "component": "Section", "children": ["col"] },
|
|
16
|
+
{ "id": "col", "component": "Column", "children": ["chart", "caption"], "gap": "2" },
|
|
17
|
+
{ "id": "chart", "component": "Chart", "kind": "bar",
|
|
18
|
+
"data": [
|
|
19
|
+
{ "label": "W1", "value": 12 }, { "label": "W2", "value": 18 },
|
|
20
|
+
{ "label": "W3", "value": 21 }, { "label": "W4", "value": 17 },
|
|
21
|
+
{ "label": "W5", "value": 26 }, { "label": "W6", "value": 31 }
|
|
22
|
+
] },
|
|
23
|
+
{ "id": "caption", "component": "Text", "variant": "caption", "color": "muted",
|
|
24
|
+
"textContent": "+24% vs previous quarter." }
|
|
25
|
+
]
|
|
26
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
|
|
6
|
+
kind: composition
|
|
7
|
+
name: chart-dashboard
|
|
8
|
+
domain: data
|
|
9
|
+
description: >-
|
|
10
|
+
Dashboard card with a primary chart plus a caption — for sales reports, analytics, time-series overviews.
|
|
11
|
+
keywords:
|
|
12
|
+
- chart
|
|
13
|
+
- graph
|
|
14
|
+
- sales report
|
|
15
|
+
- bar chart
|
|
16
|
+
- analytics
|
|
17
|
+
- line chart
|
|
18
|
+
tags:
|
|
19
|
+
purpose:
|
|
20
|
+
- chart
|
|
21
|
+
- dashboard
|
|
22
|
+
- analytics
|
|
23
|
+
complexity: simple
|
|
24
|
+
layout: stacked
|
|
25
|
+
related: []
|
|
26
|
+
fragments_used:
|
|
27
|
+
- fragment: card-header-with-description
|
|
28
|
+
prefix: ""
|
|
29
|
+
use-cases:
|
|
30
|
+
- "TODO: primary use case"
|
|
31
|
+
wiring-intent:
|
|
32
|
+
summary: Static composition (no interactive wiring).
|
|
33
|
+
controllers: []
|
|
34
|
+
actions: []
|