@inversestudio/neptune-components 1.0.0

package/registry.json

@@ -0,0 +1,1215 @@
+{
+  "version": "1.1.0",
+  "lastUpdated": "2026-04-09T22:30:00Z",
+  "themes": [
+    "base-light",
+    "base-dark",
+    "naia-light",
+    "naia-dark"
+  ],
+  "components": [
+    {
+      "name": "Button",
+      "file": "components/inputs/Button.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "primary",
+        "secondary",
+        "tertiary",
+        "ghost",
+        "danger"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-accent-primary",
+        "--npt-accent-primary-hover",
+        "--npt-text-on-accent",
+        "--npt-text-secondary",
+        "--npt-text-primary",
+        "--npt-border-default",
+        "--npt-surface-raised",
+        "--npt-surface-sunken",
+        "--npt-text-disabled",
+        "--npt-border-focus",
+        "--npt-status-error",
+        "--npt-status-error-vivid",
+        "--npt-radius-sm"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-disabled"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Theme-aware action button. Primary=orange (base) or purple (naia). Secondary=subtle outline. Ghost=transparent. Danger=red.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Refactor Button \u2014 orange primary, remove naia/accent variants, sm radius"
+    },
+    {
+      "name": "IconButton",
+      "file": "components/inputs/IconButton.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default",
+        "subtle",
+        "outline",
+        "secondary"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-raised",
+        "--npt-surface-sunken",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-disabled",
+        "--npt-icon-primary",
+        "--npt-icon-secondary",
+        "--npt-icon-tertiary",
+        "--npt-border-focus",
+        "--npt-radius-sm",
+        "--npt-radius-md"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-label",
+          "aria-disabled"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Icon-only button for toolbars and headers. Default=toolbar, subtle=header/compact.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Add IconButton component"
+    },
+    {
+      "name": "IconToggle",
+      "file": "components/inputs/IconToggle.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled",
+        "pressed"
+      ],
+      "tokens": [
+        "--npt-surface-raised",
+        "--npt-surface-sunken",
+        "--npt-surface-deep",
+        "--npt-accent-primary-vivid",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-disabled",
+        "--npt-icon-tertiary",
+        "--npt-border-focus",
+        "--npt-radius-sm",
+        "--npt-radius-md"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-pressed",
+          "aria-label",
+          "aria-disabled"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Stateful icon toggle button with pressed state. For sidebar toggles, panel expand/collapse.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Add IconToggle component"
+    },
+    {
+      "name": "TextInput",
+      "file": "components/inputs/TextInput.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default",
+        "search"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-input",
+        "--npt-text-primary",
+        "--npt-border-input",
+        "--npt-text-secondary"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-label",
+          "aria-describedby"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Text input with optional search variant and keyboard shortcut hint",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "Toggle",
+      "file": "components/inputs/Toggle.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-accent-primary-vivid",
+        "--npt-neutral-400",
+        "--npt-surface-raised",
+        "--npt-text-primary",
+        "--npt-text-disabled",
+        "--npt-border-focus"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-checked",
+          "role:switch"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Theme-aware toggle switch. Orange when checked (base), purple when checked (naia).",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Remove naia variant \u2014 now theme-driven"
+    },
+    {
+      "name": "Checkbox",
+      "file": "components/inputs/Checkbox.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "checked",
+        "unchecked"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-accent-primary",
+        "--npt-border-input",
+        "--npt-text-primary",
+        "--npt-text-disabled",
+        "--npt-text-on-accent",
+        "--npt-border-focus"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-checked"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Theme-aware checkbox. Orange when checked (base), purple when checked (naia).",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Fix checkbox to use accent-primary instead of accent-secondary"
+    },
+    {
+      "name": "TabBar",
+      "file": "components/navigation/TabBar.jsx",
+      "category": "navigation",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-text-primary",
+        "--npt-accent-base",
+        "--npt-border-interactive"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-selected",
+          "role:tab"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Horizontal tab bar with underline active indicator. Tabs accept strings or {label, icon} objects.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-08T12:00:00Z",
+      "lastCommit": "[ds-agent] Update TabBar \u2014 add icon+label object support"
+    },
+    {
+      "name": "SidebarNav",
+      "file": "components/navigation/SidebarNav.jsx",
+      "category": "navigation",
+      "status": "stable",
+      "variants": [
+        "expanded",
+        "collapsed"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-sunken",
+        "--npt-text-primary",
+        "--npt-text-tertiary",
+        "--npt-text-secondary",
+        "--npt-accent-primary-vivid",
+        "--npt-border-default",
+        "--npt-border-focus",
+        "--npt-surface-raised",
+        "--npt-shadow-sm"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-expanded",
+          "aria-current"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Navigation sidebar with expanded and collapsed modes. Supports divider items, header prop, footer prop, and passes item object to onItemClick.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-08T18:00:00Z",
+      "lastCommit": "[ds-agent] Update SidebarNav \u2014 add header, footer props; pass item to onItemClick"
+    },
+    {
+      "name": "SidebarTabs",
+      "file": "components/navigation/SidebarTabs.jsx",
+      "category": "navigation",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-sunken",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-tertiary",
+        "--npt-accent-primary-vivid",
+        "--npt-surface-overlay",
+        "--npt-border-focus"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-selected",
+          "role:tab"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Tab switcher for sidebar panels. Tabs accept strings or {label, icon, activeColor, badge} objects. Active tab shows bottom accent border with optional custom color.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-08T18:00:00Z",
+      "lastCommit": "[ds-agent] Update SidebarTabs \u2014 add activeColor, badge support"
+    },
+    {
+      "name": "Dropdown",
+      "file": "components/navigation/Dropdown.jsx",
+      "category": "navigation",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-overlay",
+        "--npt-text-primary",
+        "--npt-accent-base",
+        "--npt-border-default"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-haspopup",
+          "aria-expanded",
+          "role:menu"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Dropdown menu with check mark on selected item. Items accept strings or rich objects with subtitle and extra. Supports custom renderItem.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-08T12:00:00Z",
+      "lastCommit": "[ds-agent] Update Dropdown \u2014 add renderItem and rich item support"
+    },
+    {
+      "name": "AppHeader",
+      "file": "components/layout/AppHeader.jsx",
+      "category": "layout",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-brand",
+        "--npt-text-onBrand",
+        "--npt-border-default"
+      ],
+      "darkMode": false,
+      "a11y": {
+        "contrast": "AAA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "role:banner"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Cockpit app header bar (44px, aubergine-800 bg)",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "Toolbar",
+      "file": "components/layout/Toolbar.jsx",
+      "category": "layout",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-text-primary",
+        "--npt-accent-base",
+        "--npt-border-default"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "role:toolbar"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Application toolbar with actions and badge",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "BottomBar",
+      "file": "components/layout/BottomBar.jsx",
+      "category": "layout",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-text-secondary",
+        "--npt-border-default"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "Bottom status bar with breakpoint toggles and theme switcher",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "Panel",
+      "file": "components/layout/Panel.jsx",
+      "category": "layout",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-border-default",
+        "--npt-shadow-sm"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "General purpose panel/card wrapper",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "Badge",
+      "file": "components/feedback/Badge.jsx",
+      "category": "feedback",
+      "status": "stable",
+      "variants": [
+        "default",
+        "success",
+        "warning",
+        "error",
+        "info",
+        "env-prod",
+        "env-qa",
+        "env-dev",
+        "module-ui",
+        "module-script",
+        "module-api",
+        "module-data"
+      ],
+      "tokens": [
+        "--npt-status-success",
+        "--npt-status-warning",
+        "--npt-status-error",
+        "--npt-status-info",
+        "--npt-surface-overlay",
+        "--npt-text-secondary"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Multi-purpose badge/tag with status, environment, and module variants",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "StatusDot",
+      "file": "components/feedback/StatusDot.jsx",
+      "category": "feedback",
+      "status": "stable",
+      "variants": [
+        "success",
+        "warning",
+        "error",
+        "info"
+      ],
+      "states": [
+        "default",
+        "pulse"
+      ],
+      "tokens": [
+        "--npt-status-success",
+        "--npt-status-warning",
+        "--npt-status-error",
+        "--npt-status-info"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "role:status",
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Animated status dot with pulse. Child component of BottomBar. Used for live status indicators.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add StatusDot component"
+    },
+    {
+      "name": "StatusIndicator",
+      "file": "components/feedback/StatusIndicator.jsx",
+      "category": "feedback",
+      "status": "stable",
+      "variants": [
+        "success",
+        "warning",
+        "error",
+        "info"
+      ],
+      "tokens": [
+        "--npt-status-success",
+        "--npt-status-warning",
+        "--npt-status-error",
+        "--npt-status-info",
+        "--npt-text-primary"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "aria-label",
+          "role:status"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Status dot with label and optional pulse animation",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "ChatMessage",
+      "file": "components/feedback/ChatMessage.jsx",
+      "category": "feedback",
+      "status": "stable",
+      "variants": [
+        "user",
+        "naia"
+      ],
+      "tokens": [
+        "--npt-surface-tertiary",
+        "--npt-text-primary",
+        "--npt-accent-primary",
+        "--npt-accent-primary-vivid"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "role:article"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Chat message bubble for Naia AI chat (user/naia sender). Theme-aware via data-theme.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T18:00:00Z",
+      "lastCommit": "[ds-agent] Update ChatMessage to be theme-aware"
+    },
+    {
+      "name": "DataTable",
+      "file": "components/data-display/DataTable.jsx",
+      "category": "data-display",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-text-primary",
+        "--npt-border-default",
+        "--npt-surface-tertiary"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "role:table",
+          "aria-sort"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Data table with column headers and row rendering",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "FileTree",
+      "file": "components/data-display/FileTree.jsx",
+      "category": "data-display",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-text-secondary",
+        "--npt-text-primary",
+        "--npt-text-tertiary",
+        "--npt-accent-primary-vivid",
+        "--npt-accent-primary",
+        "--npt-surface-raised",
+        "--npt-surface-sunken"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "role:tree",
+          "aria-expanded"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Recursive file/folder tree with depth-based indentation, open/close state, onSelect callback with parent path metadata, selectedName highlight, and custom per-item icons.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-08T18:00:00Z",
+      "lastCommit": "[ds-agent] Update FileTree \u2014 add recursive folder support with internal open/close state"
+    },
+    {
+      "name": "KpiCard",
+      "file": "components/data-display/KpiCard.jsx",
+      "category": "data-display",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-secondary",
+        "--npt-text-primary",
+        "--npt-accent-base",
+        "--npt-text-secondary"
+      ],
+      "darkMode": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "KPI metric card with icon, value, label, subtitle",
+      "lastModifiedBy": "michael",
+      "lastModifiedAt": "2026-04-09T12:00:00Z",
+      "lastCommit": "initial"
+    },
+    {
+      "name": "PillSelect",
+      "file": "components/inputs/PillSelect.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "open",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-surface-sunken",
+        "--npt-surface-raised",
+        "--npt-surface-overlay",
+        "--npt-interactive-fg",
+        "--npt-border-default",
+        "--npt-shadow-lg",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-tertiary"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-haspopup",
+          "aria-expanded",
+          "role:listbox",
+          "aria-selected"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Pill-shaped dropdown select for compact option picking. Used for mode, model, and autonomy selectors in Naia chat.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add PillSelect component"
+    },
+    {
+      "name": "NaiaSendButton",
+      "file": "components/inputs/NaiaSendButton.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "disabled",
+        "focus-visible",
+        "active"
+      ],
+      "tokens": [
+        "--npt-accent-primary",
+        "--npt-accent-primary-hover",
+        "--npt-text-on-accent",
+        "--npt-surface-overlay",
+        "--npt-text-disabled"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Circular send button for chat inputs. Enabled/disabled state based on input content. Theme-aware accent color.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add NaiaSendButton component"
+    },
+    {
+      "name": "SuggestionPill",
+      "file": "components/inputs/SuggestionPill.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-interactive-fg",
+        "--npt-interactive-border",
+        "--npt-border-default",
+        "--npt-surface-raised",
+        "--npt-surface-sunken",
+        "--npt-border-focus"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "Chip button for AI quick-action suggestions. Rounded-lg border, transparent bg, interactive-* tokens for Naia theme adaptation.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Rewrite SuggestionPill \u2014 rounded-lg, standalone styling"
+    },
+    {
+      "name": "NaiaChatInput",
+      "file": "components/inputs/NaiaChatInput.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "focus-visible",
+        "has-content",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-border-subtle",
+        "--npt-border-default",
+        "--npt-text-primary",
+        "--npt-surface-sunken"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Full chat input area composing SuggestionPill, PillSelect, and NaiaSendButton. Auto-resizing textarea, Enter to send.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Rewrite NaiaChatInput \u2014 compose PillSelect, NaiaSendButton, SuggestionPill"
+    },
+    {
+      "name": "Modal",
+      "file": "components/overlays/Modal.jsx",
+      "category": "overlays",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-surface-overlay",
+        "--npt-border-default",
+        "--npt-shadow-xl",
+        "--npt-radius-xl",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-base",
+        "--npt-text-sm",
+        "--npt-font-weight-semibold",
+        "--npt-radius-sm"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-modal",
+          "aria-label",
+          "role:dialog"
+        ]
+      },
+      "figmaLink": null,
+      "description": "General-purpose modal overlay with backdrop, title header, close button, Escape/backdrop dismiss.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T20:00:00Z",
+      "lastCommit": "[ds-agent] Add Modal component"
+    },
+    {
+      "name": "Card",
+      "file": "components/layout/Card.jsx",
+      "category": "layout",
+      "status": "stable",
+      "variants": [
+        "default",
+        "interactive"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus-visible"
+      ],
+      "tokens": [
+        "--npt-surface-raised",
+        "--npt-border-default",
+        "--npt-radius-lg",
+        "--npt-space-6",
+        "--npt-shadow-xs",
+        "--npt-shadow-md",
+        "--npt-border-focus"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "Generic card container with optional interactive hover elevation. More feature-rich than Panel.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T20:00:00Z",
+      "lastCommit": "[ds-agent] Add Card component"
+    },
+    {
+      "name": "FilterBar",
+      "file": "components/inputs/FilterBar.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-interactive-fg",
+        "--npt-interactive-fg-hover",
+        "--npt-interactive-border",
+        "--npt-interactive-bg",
+        "--npt-surface-raised",
+        "--npt-surface-sunken"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-pressed",
+          "role:group",
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Horizontal row of filter pill buttons using Button component. Active filter=secondary, others=tertiary.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T20:00:00Z",
+      "lastCommit": "[ds-agent] Add FilterBar component"
+    },
+    {
+      "name": "VersionRow",
+      "file": "components/data-display/VersionRow.jsx",
+      "category": "data-display",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover"
+      ],
+      "tokens": [
+        "--npt-surface-raised",
+        "--npt-surface-sunken",
+        "--npt-text-primary",
+        "--npt-text-secondary",
+        "--npt-text-tertiary",
+        "--npt-text-sm",
+        "--npt-text-xs",
+        "--npt-font-weight-medium",
+        "--npt-radius-md"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-expanded",
+          "role:button"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Expandable row for version/history lists with description, author, time, and detail section.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T20:00:00Z",
+      "lastCommit": "[ds-agent] Add VersionRow component"
+    },
+    {
+      "name": "Avatar",
+      "file": "components/feedback/Avatar.jsx",
+      "category": "feedback",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-gradient-warm",
+        "--npt-text-on-brand"
+      ],
+      "darkMode": true,
+      "themeAware": false,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": [
+          "aria-label"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Circular user avatar with initials or image. Sizes: sm, default, lg.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add Avatar component"
+    },
+    {
+      "name": "Breadcrumb",
+      "file": "components/navigation/Breadcrumb.jsx",
+      "category": "navigation",
+      "status": "stable",
+      "variants": [
+        "default"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-text-secondary",
+        "--npt-text-primary",
+        "--npt-text-tertiary"
+      ],
+      "darkMode": true,
+      "themeAware": false,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": [
+          "aria-label",
+          "role:navigation"
+        ]
+      },
+      "figmaLink": null,
+      "description": "Navigation breadcrumb trail with clickable segments and separator.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add Breadcrumb component"
+    },
+    {
+      "name": "PropertyField",
+      "file": "components/inputs/PropertyField.jsx",
+      "category": "inputs",
+      "status": "stable",
+      "variants": [
+        "default",
+        "highlight"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "focus-visible",
+        "disabled"
+      ],
+      "tokens": [
+        "--npt-text-secondary",
+        "--npt-text-primary",
+        "--npt-text-xs",
+        "--npt-font-mono",
+        "--npt-border-default",
+        "--npt-border-focus",
+        "--npt-accent-primary",
+        "--npt-accent-primary-vivid",
+        "--npt-surface-raised",
+        "--npt-surface-sunken"
+      ],
+      "darkMode": true,
+      "themeAware": true,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": true,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "Label + monospace input for property editors. Supports highlight state for modified values.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T22:00:00Z",
+      "lastCommit": "[ds-agent] Add PropertyField component"
+    },
+    {
+      "name": "AppPreview",
+      "file": "components/data-display/AppPreview.jsx",
+      "category": "data-display",
+      "status": "stable",
+      "variants": [
+        "browser",
+        "tablet",
+        "phone"
+      ],
+      "states": [
+        "default"
+      ],
+      "tokens": [
+        "--npt-neutral-900",
+        "--npt-neutral-800",
+        "--npt-neutral-700",
+        "--npt-neutral-650",
+        "--npt-neutral-400",
+        "--npt-neutral-200",
+        "--npt-neutral-150",
+        "--npt-neutral-50",
+        "--npt-orange-350",
+        "--npt-orange-500",
+        "--npt-green-400",
+        "--npt-green-550",
+        "--npt-purple-300",
+        "--npt-purple-500",
+        "--npt-shadow-lg",
+        "--npt-radius-lg"
+      ],
+      "darkMode": true,
+      "themeAware": false,
+      "a11y": {
+        "contrast": "AA",
+        "focusVisible": false,
+        "ariaSupport": []
+      },
+      "figmaLink": null,
+      "description": "Mock application preview wireframe for the builder workspace. Uses neutral greys independent of cockpit theme. Responsive breakpoints: browser, tablet, phone.",
+      "lastModifiedBy": "claude-agent",
+      "lastModifiedAt": "2026-04-09T23:00:00Z",
+      "lastCommit": "[ds-agent] Add AppPreview component"
+    }
+  ]
+}