eidotter 0.37.1 → 0.37.3

package/dist/components/RetroEffects/components/RetroEffects.js

@@ -42,11 +42,18 @@ const markBootedThisSession = (key) => {
 export const RetroEffects = ({ scanlines = true, glow = true, flicker = true, bloom = false, powered = true, boot = false, bootOnce = false, bootStorageKey = DEFAULT_BOOT_STORAGE_KEY, intensity = 1, className, onPowerStateChange, onPowerOn, onPowerOff, onBootComplete, }) => {
     const prevPoweredRef = useRef(powered);
     const [powerState, setPowerState] = useState(powered ? 'on' : 'off');
-    // Non-gated boot keeps its on-mount behavior; the gated (bootOnce) path starts
-    // un-booted and is decided post-mount so SSR/first paint never render a stale
-    // overlay (no hydration mismatch on reload when the flag is already set).
-    // (Non-gated boot is intentionally NOT SSR-gated — it plays on every mount.)
-    const [booting, setBooting] = useState(boot && !bootOnce);
+    // The opaque boot cover renders on first paint for BOTH the gated and
+    // non-gated paths whenever `boot` is set. This is the no-FOUC fix (DMNC-1184):
+    // the full-viewport panels are present in the server HTML, so the page is
+    // never visible before the turn-on — the animation is the reveal. `booting`
+    // mirrors the server value on the client's first render (no sessionStorage
+    // read here), so there is no hydration mismatch. The gated (bootOnce) decision
+    // is made post-mount: if this tab already booted, the cover is torn down by
+    // the decision effect once it runs. The server can't read sessionStorage, so a
+    // returning visitor's full reload paints the cover and suppresses it on
+    // hydration (a brief blackout, not a bare-content flash) — see the bootOnce
+    // JSDoc for the SSR trade.
+    const [booting, setBooting] = useState(boot);
     // Boot completes exactly once per mount. Guards against the StrictMode dev
     // double-invoke of effects and the (theoretical) animationend + safety-timeout
     // race both calling through twice.
@@ -85,12 +92,16 @@ export const RetroEffects = ({ scanlines = true, glow = true, flicker = true, bl
         if (!boot || !bootOnce)
             return;
         if (hasBootedThisSession(bootStorageKeyRef.current)) {
-            // Already shown this session — skip, but still signal completion so
-            // consumers sequencing boot text off onBootComplete don't stall.
+            // Already shown this session — tear down the SSR cover (it was rendered to
+            // prevent the first-paint flash, DMNC-1184) and signal completion so
+            // consumers sequencing boot text off onBootComplete don't stall. No replay.
+            setBooting(false);
             signalBootComplete();
             return;
         }
-        setBooting(true);
+        // First visit this tab — keep the cover up; it plays and records the session
+        // flag on completion (`completeBoot`). `booting` is already true from the
+        // initial state, so there is nothing to set here.
         // Mount-only: gating is a first-load decision, not reactive to prop churn.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -100,6 +111,11 @@ export const RetroEffects = ({ scanlines = true, glow = true, flicker = true, bl
     useEffect(() => {
         if (!booting)
             return;
+        // Already settled (e.g. the gated already-booted branch tore the SSR cover
+        // down and signalled in the decision effect, which runs first): don't arm a
+        // safety timer that we'd immediately clear on the next render.
+        if (bootSignaledRef.current)
+            return;
         if (prefersReducedMotion()) {
             completeBoot();
             return;

package/dist/components/TimelineContainer/components/TimelineContainer.js

@@ -197,7 +197,7 @@ export const TimelineContainer = ({ entries, mode = 'interactive', zoomLevel: co
             return iso;
         }
     };
-    return (_jsxs("div", { ref: containerRef, ...props, className: cn('font-dos text-dos-text-brand p-4 min-h-[200px]', 'eidotter-timeline-container', isStatic && 'eidotter-timeline-container--static', isFeed && 'eidotter-timeline-container--feed', isMasterDetail && 'eidotter-timeline-container--master-detail', props.className), role: "region", "aria-label": props['aria-label'] ?? 'Timeline', tabIndex: isVerticalFeed || isMasterDetail ? undefined : 0, children: [_jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }), !isVerticalFeed && !isMasterDetail && (_jsx(ZoomControls, { zoomLevel: zoomLevel, canZoomIn: canZoomIn, canZoomOut: canZoomOut, onZoomIn: handleZoomIn, onZoomOut: drillUp, onReset: reset, breadcrumbs: isDrillDownEnabled ? breadcrumbs : [], onBreadcrumbClick: (index) => {
+    return (_jsxs("div", { ref: containerRef, ...props, className: cn('font-dos text-dos-text-brand p-4', 'eidotter-timeline-container', isStatic && 'eidotter-timeline-container--static', isFeed && 'eidotter-timeline-container--feed', isMasterDetail && 'eidotter-timeline-container--master-detail', props.className), role: "region", "aria-label": props['aria-label'] ?? 'Timeline', tabIndex: isVerticalFeed || isMasterDetail ? undefined : 0, children: [_jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }), !isVerticalFeed && !isMasterDetail && (_jsx(ZoomControls, { zoomLevel: zoomLevel, canZoomIn: canZoomIn, canZoomOut: canZoomOut, onZoomIn: handleZoomIn, onZoomOut: drillUp, onReset: reset, breadcrumbs: isDrillDownEnabled ? breadcrumbs : [], onBreadcrumbClick: (index) => {
                     // Navigate to a specific breadcrumb level
                     const stepsBack = breadcrumbs.length - 1 - index;
                     for (let i = 0; i < stepsBack; i++) {

package/dist/components/registry.d.ts

@@ -1,4 +1,4 @@
-export type ProjectId = 'eidotter' | 'spacewar' | 'rizomorf' | 'pomodoke-calendar' | 'keepcoin' | 'steuerdash' | 'sella' | 'lifelines' | 'betamorf' | 'dmnctech';
+export type ProjectId = 'eidotter' | 'spacewar' | 'rizomorf' | 'pomodoke-calendar' | 'keepcoin' | 'steuerdash' | 'sella' | 'lifelines' | 'betamorf' | 'dmnctech' | 'tracker';
 export interface ProjectInfo {
     displayName: string;
     url?: string;

package/dist/components/registry.js

@@ -9,6 +9,7 @@ export const projects = {
     lifelines: { displayName: 'Lifelines' },
     betamorf: { displayName: 'betamorf' },
     dmnctech: { displayName: 'dmnc.tech', url: 'https://dmnc.tech' },
+    tracker: { displayName: 'Tracker', url: 'https://tracker.dmnc.tech' },
 };
 // ---------------------------------------------------------------------------
 // Registry data
@@ -41,10 +42,34 @@ export const componentRegistry = {
     Accordion: {
         origin: 'eidotter',
         consumers: ['rizomorf'],
+        since: '0.2.0',
+        originNote: 'Collapsible section with CSS grid expand/collapse — always-in-DOM, transitions grid-template-rows',
+        platforms: {
+            react: { path: 'src/components/Accordion', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'A11y keyboard focus fixes for accordion trigger' },
+            { version: '0.19.0', type: 'changed', description: 'Remove 500px expand cap — animate grid-template-rows to natural height' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 3 — Accordion, Footer, Tabs, FilterBar)' },
+            { version: '0.9.0', type: 'changed', description: 'Replace text-primary with cga-amber for theme consistency' },
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish with phosphor enter effects' },
+            { version: '0.2.0', type: 'added', description: 'Initial Accordion (Section) — collapsible section, inert attribute, reduced-motion safe' },
+        ],
     },
     AccordionFill: {
         origin: 'eidotter',
         consumers: ['rizomorf'],
+        since: '0.4.0',
+        originNote: 'Convenience wrapper around Section — renders a list of sections from a data array',
+        platforms: {
+            react: { path: 'src/components/Accordion', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Tailwind-first pass alongside Accordion migration' },
+            { version: '0.4.0', type: 'added', description: 'Initial AccordionFill — array-driven Section list' },
+        ],
     },
     Badge: {
         origin: 'eidotter',
@@ -74,6 +99,17 @@ export const componentRegistry = {
     Breadcrumb: {
         origin: 'rizomorf',
         consumers: ['rizomorf'],
+        since: '0.3.0',
+        originNote: 'Trail navigation with configurable separator and optional back-arrow',
+        platforms: {
+            react: { path: 'src/components/Breadcrumb', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 2 — Separator, Stat, Breadcrumb, Progress)' },
+            { version: '0.9.0', type: 'changed', description: 'Fix trail links invisible on dark backgrounds' },
+            { version: '0.3.0', type: 'added', description: 'Initial Breadcrumb — trail array, currentLabel, separator, showBackArrow' },
+        ],
     },
     Button: {
         origin: 'eidotter',
@@ -129,18 +165,215 @@ export const componentRegistry = {
             { version: '0.3.0', type: 'added', description: 'Initial Card with default/elevated/bordered variants' },
         ],
     },
-    Checkbox: { origin: 'eidotter', consumers: ['steuerdash'] },
-    CommandPrompt: { origin: 'eidotter', consumers: ['rizomorf'] },
-    Icon: { origin: 'eidotter', consumers: ['rizomorf'] },
-    Input: { origin: 'eidotter', consumers: ['steuerdash'] },
+    Checkbox: {
+        origin: 'eidotter',
+        consumers: ['steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'size:sm': { description: 'Compact 16px checkbox for dense forms', since: '0.16.0' },
+            'size:md': { description: 'Standard 20px checkbox', since: '0.3.0', usedBy: ['steuerdash'] },
+        },
+        platforms: {
+            react: { path: 'src/components/Checkbox', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'A11y: remediate Phase 1 audit defects + high-contrast glow gaps' },
+            { version: '0.19.0', type: 'changed', description: 'Replace hardcoded font-size pixels with V.37 dos tokens' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to React Aria + Tailwind-first (Wave 1); add size:sm variant' },
+            { version: '0.3.0', type: 'added', description: 'Initial Checkbox — controlled/uncontrolled, indeterminate; BEM CSS implementation' },
+        ],
+    },
+    CommandPrompt: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+        since: '0.3.0',
+        originNote: 'DOS command-line input — blinking cursor, configurable prompt string, onCommand callback',
+        platforms: {
+            react: { path: 'src/components/CommandPrompt', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'A11y keyboard focus fixes' },
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first; switch to Flexi IBM VGA font' },
+            { version: '0.3.0', type: 'added', description: 'Initial CommandPrompt — prompt prop, onCommand, autoFocus, disabled' },
+        ],
+    },
+    Icon: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+        since: '0.13.0',
+        originNote: 'Thin wrapper around pixelarticons (MIT) + custom PixelX for Close — 12 public names, ICON_MAP',
+        variants: {
+            'name:Info': { description: 'Informational circle-i', since: '0.13.0', usedBy: ['rizomorf'] },
+            'name:Warning': { description: 'Warning triangle', since: '0.13.0', usedBy: ['rizomorf'] },
+            'name:Error': { description: 'Error octagon', since: '0.13.0' },
+            'name:Done': { description: 'Checkmark (shares Check glyph)', since: '0.13.0' },
+            'name:Check': { description: 'Checkmark', since: '0.13.0' },
+            'name:Close': { description: 'Custom pixel-art X mark (no pixelarticons glyph)', since: '0.19.0', usedBy: ['rizomorf'] },
+            'name:Chevron Up': { description: 'Up caret', since: '0.13.0' },
+            'name:Chevron Down': { description: 'Down caret', since: '0.13.0' },
+            'name:App': { description: 'Grid/app launcher', since: '0.13.0' },
+            'name:Cancel': { description: 'Minus glyph — window minimize control', since: '0.13.0' },
+            'name:Fullscreen': { description: 'Expand to fullscreen', since: '0.13.0' },
+            'name:Add': { description: 'Plus / add action', since: '0.13.0' },
+            'size:L': { description: 'Large — 56 × 56 px', since: '0.13.0', usedBy: ['rizomorf'] },
+            'size:S': { description: 'Small — 24 × 24 px', since: '0.13.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Icon', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'A11y: fix aria-prohibited-attr on Icon (Phase 1 audit defect)' },
+            { version: '0.30.0', type: 'changed', description: 'Icon inherits color from context instead of hardcoding amber' },
+            { version: '0.19.0', type: 'added', description: 'Custom pixel-art X mark for Close (pixelarticons v2 has no standalone X glyph)' },
+            { version: '0.18.0', type: 'changed', description: 'Swap @untitledui-pro/icons for pixelarticons (MIT) — license compliance' },
+            { version: '0.13.0', type: 'added', description: 'Initial Icon component — ICON_MAP with 12 public names, size L/S' },
+        ],
+    },
+    Input: {
+        origin: 'eidotter',
+        consumers: ['steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'variant:default': { description: 'Standard text input with amber focus border', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:error': { description: 'Error state — red border, errorMessage slot', since: '0.3.0', usedBy: ['steuerdash'] },
+        },
+        platforms: {
+            react: { path: 'src/components/Input', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.17.0', type: 'changed', description: 'Migrate to React Aria TextField (Wave 5)' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 4 — Input, Modal, Nav)' },
+            { version: '0.9.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.3.0', type: 'added', description: 'Initial Input — label, description, errorMessage, isRequired' },
+        ],
+    },
     Lightbox: { origin: 'eidotter', consumers: ['dmnctech'], since: '0.22.0', originNote: 'Fullscreen image viewer extending Modal pattern. Keyboard nav, prev/next, counter, swipe.' },
-    Modal: { origin: 'eidotter', consumers: ['pomodoke-calendar'] },
-    Progress: { origin: 'eidotter', consumers: ['steuerdash'], since: '0.3.0' },
-    RetroEffects: { origin: 'spacewar', consumers: ['spacewar', 'rizomorf'], originNote: 'CRT scanline/glow effects from Spacewar!' },
+    Modal: {
+        origin: 'eidotter',
+        consumers: ['pomodoke-calendar'],
+        since: '0.3.0',
+        originNote: 'DOS-styled dialog built on React Aria ModalOverlay/Modal/Dialog — focus trap, Esc to close, backdrop',
+        platforms: {
+            react: { path: 'src/components/Modal', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.18.0', type: 'changed', description: 'Normalize event handlers; replace raw <button> with AriaButton for close control' },
+            { version: '0.17.0', type: 'changed', description: 'Migrate to React Aria ModalOverlay/Modal/Dialog (Wave 5)' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 4 — Input, Modal, Nav)' },
+            { version: '0.3.0', type: 'added', description: 'Initial Modal — isOpen, onOpenChange, title, footer slot' },
+        ],
+    },
+    Progress: {
+        origin: 'eidotter',
+        consumers: ['steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'variant:default': { description: 'Amber progress bar', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:success': { description: 'Green completion indicator', since: '0.3.0' },
+            'variant:warning': { description: 'Amber warning progress', since: '0.3.0' },
+            'variant:error': { description: 'Red error/failed progress', since: '0.3.0' },
+            'size:sm': { description: 'Compact single-row bar', since: '0.16.0' },
+            'size:md': { description: 'Standard bar height', since: '0.3.0', usedBy: ['steuerdash'] },
+            'size:lg': { description: 'Tall bar for prominent display', since: '0.16.0' },
+            'trackStyle:block': { description: 'Solid block fill (default)', since: '0.3.0', usedBy: ['steuerdash'] },
+            'trackStyle:bordered': { description: 'Outline bar with fill inside', since: '0.3.0' },
+            'trackStyle:gradient': { description: 'Gradient fill for smooth visual', since: '0.3.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Progress', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 2); deprecate size aliases small/medium/large → sm/md/lg' },
+            { version: '0.3.0', type: 'added', description: 'Initial Progress — blocks character cells, indeterminate, showLabel, glow prop' },
+        ],
+    },
+    RetroEffects: {
+        origin: 'spacewar',
+        consumers: ['spacewar', 'rizomorf'],
+        since: '0.3.0',
+        originNote: 'CRT scanline/glow effects from Spacewar! — compositor-only, prefers-reduced-motion safe',
+        platforms: {
+            react: { path: 'src/components/RetroEffects', status: 'canonical' },
+            spritekit: { status: 'planned', note: 'Spacewar uses CRT shader natively; component is React-web-only' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'added', description: 'bootOnce — gate CGA turn-on to once per browser tab/session via sessionStorage' },
+            { version: '0.28.0', type: 'added', description: 'boot prop — CGA monitor turn-on sequence on mount (~650ms); onBootComplete callback' },
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first' },
+            { version: '0.8.0', type: 'changed', description: 'Align CRT animation values with design-craft spec' },
+            { version: '0.3.0', type: 'added', description: 'Initial RetroEffects — scanlines, glow, flicker, bloom, intensity, powered' },
+        ],
+    },
     Skeleton: { origin: 'eidotter', consumers: ['dmnctech'], originNote: 'DOS/CGA loading placeholder — shade-character rows (\u2591\u2592\u2593) with CRT hum-bar band rolling top\u2192bottom (DMNC-1018)' },
-    Stat: { origin: 'steuerdash', consumers: ['steuerdash'], originNote: 'Key-value display created for tax dashboard' },
-    Switch: { origin: 'eidotter', consumers: [] },
-    FilterBar: { origin: 'eidotter', consumers: ['lifelines', 'rizomorf'], originNote: 'Multi-select toggle group for faceted filtering' },
+    Stat: {
+        origin: 'steuerdash',
+        consumers: ['steuerdash'],
+        since: '0.3.0',
+        originNote: 'Key-value metric display created for tax dashboard — optional trend arrow and TextScramble animation',
+        variants: {
+            'size:sm': { description: 'Compact metric for dense dashboards', since: '0.16.0' },
+            'size:md': { description: 'Standard metric display', since: '0.3.0', usedBy: ['steuerdash'] },
+            'size:lg': { description: 'Hero metric for prominent KPIs', since: '0.16.0', usedBy: ['steuerdash'] },
+            'trend:up': { description: 'Upward trend indicator (green arrow)', since: '0.3.0', usedBy: ['steuerdash'] },
+            'trend:down': { description: 'Downward trend indicator (red arrow)', since: '0.3.0', usedBy: ['steuerdash'] },
+            'trend:neutral': { description: 'No change indicator (muted dash)', since: '0.3.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Stat', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.19.0', type: 'changed', description: 'Replace hardcoded font-size pixels with V.37 dos tokens' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 2); deprecate size aliases; add size:sm/lg' },
+            { version: '0.3.0', type: 'added', description: 'Initial Stat — label, value, trend, trendValue, scramble prop' },
+        ],
+    },
+    Switch: {
+        origin: 'eidotter',
+        consumers: [],
+        since: '0.3.0',
+        variants: {
+            'size:sm': { description: 'Compact 20px toggle for dense layouts', since: '0.16.0' },
+            'size:md': { description: 'Standard 24px toggle', since: '0.3.0' },
+            'type:default': { description: 'Full-width thumb track', since: '0.3.0' },
+            'type:slim': { description: 'Narrow pill track for inline use', since: '0.3.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Switch', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Migrate to React Aria + Tailwind-first (Wave 1); add size:sm variant' },
+            { version: '0.9.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish — toggle glow transition' },
+            { version: '0.3.0', type: 'added', description: 'Initial Switch — controlled/uncontrolled, label, type:default/slim' },
+        ],
+    },
+    FilterBar: {
+        origin: 'eidotter',
+        consumers: ['lifelines', 'rizomorf'],
+        since: '0.7.0',
+        originNote: 'Multi-select toggle group for faceted filtering — keyboard nav, showAll, per-item color',
+        variants: {
+            'mode:multi': { description: 'Multiple filters selectable simultaneously', since: '0.7.0', usedBy: ['lifelines', 'rizomorf'] },
+            'mode:single': { description: 'Single active filter (radio behavior)', since: '0.7.0' },
+            'size:sm': { description: 'Compact filter chips', since: '0.16.0' },
+            'size:md': { description: 'Standard filter chips', since: '0.7.0', usedBy: ['lifelines', 'rizomorf'] },
+            'size:lg': { description: 'Large filter chips for touch targets', since: '0.16.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/FilterBar', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 3); deprecate size aliases' },
+            { version: '0.13.0', type: 'changed', description: 'Replace raw <button> with AriaButton for filter chips' },
+            { version: '0.7.0', type: 'added', description: 'Initial FilterBar — multi/single mode, items array, showAll, keyboard nav' },
+        ],
+    },
     Tag: {
         origin: 'eidotter',
         consumers: ['lifelines', 'rizomorf'],
@@ -163,12 +396,154 @@ export const componentRegistry = {
             { version: '0.7.0', type: 'added', description: 'Initial Tag and TagGroup components' },
         ],
     },
-    Tabs: { origin: 'eidotter', consumers: ['steuerdash'] },
-    Terminal: { origin: 'eidotter', consumers: ['rizomorf'] },
-    TimelineNode: { origin: 'lifelines', consumers: ['lifelines', 'rizomorf'], originNote: 'Timeline markers from Lifelines project' },
-    InlineExpand: { origin: 'rizomorf', consumers: ['rizomorf'], originNote: 'Inline disclosure widget for expanding text within prose' },
-    Separator: { origin: 'rizomorf', consumers: ['rizomorf'], originNote: 'Horizontal/vertical divider for content separation' },
-    TimelineContainer: { origin: 'lifelines', consumers: ['lifelines'], originNote: 'Multi-zoom timeline with year/month/day/hour views. Supports interactive, static, and feed modes.' },
+    Tabs: {
+        origin: 'eidotter',
+        consumers: ['steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'variant:underline': { description: 'Underline indicator tab bar (default)', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:pills': { description: 'Filled pill tabs', since: '0.3.0' },
+            'size:sm': { description: 'Compact tabs for dense layouts', since: '0.16.0' },
+            'size:md': { description: 'Standard tab height', since: '0.3.0', usedBy: ['steuerdash'] },
+            'size:lg': { description: 'Large touch-friendly tabs', since: '0.16.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Tabs', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.17.0', type: 'changed', description: 'Migrate to React Aria TabList/Tab/TabPanel (Wave 5)' },
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 3); deprecate size aliases; JS-measured indicator via ResizeObserver' },
+            { version: '0.11.0', type: 'changed', description: 'Dynamic text scaling — rem tokens for WCAG SC 1.4.4' },
+            { version: '0.9.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.3.0', type: 'added', description: 'Initial Tabs — tabs array, activeTab, onSelectionChange, animated indicator' },
+        ],
+    },
+    Terminal: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+        since: '0.2.0',
+        originNote: 'DOS window frame with px-based bitmap font sizing — legacy BEM, not migrated to Tailwind-first',
+        variants: {
+            'size:sm': { description: 'Compact 320px window', since: '0.2.0' },
+            'size:md': { description: 'Standard 480px window', since: '0.2.0', usedBy: ['rizomorf'] },
+            'size:lg': { description: 'Full-width window', since: '0.2.0' },
+            'state:active': { description: 'Focused window with amber title bar', since: '0.2.0', usedBy: ['rizomorf'] },
+            'state:inactive': { description: 'Unfocused window with dimmed title bar', since: '0.2.0' },
+            'state:minimized': { description: 'Collapsed to title bar only', since: '0.2.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Terminal', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'A11y keyboard focus fixes for window controls' },
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first; switch to Flexi IBM VGA font' },
+            { version: '0.14.0', type: 'changed', description: 'Breaking: minimizable/maximizable/closeable default to false — consumers must opt in' },
+            { version: '0.13.0', type: 'changed', description: 'Replace raw <button> with AriaButton for window controls' },
+            { version: '0.2.0', type: 'added', description: 'Initial Terminal — title bar, window controls, resizable, autoFocus, size/state variants' },
+        ],
+    },
+    TimelineNode: {
+        origin: 'lifelines',
+        consumers: ['lifelines', 'rizomorf'],
+        since: '0.4.0',
+        originNote: 'Timeline markers extracted from Lifelines — sits on the axis line, content-box sizing',
+        variants: {
+            'shape:circle': { description: 'Circular node marker (default)', since: '0.4.0', usedBy: ['lifelines', 'rizomorf'] },
+            'shape:square': { description: 'Square node marker', since: '0.4.0' },
+            'shape:diamond': { description: 'Diamond (rotated square) node marker', since: '0.4.0' },
+            'variant:default': { description: 'Muted amber node', since: '0.4.0', usedBy: ['lifelines', 'rizomorf'] },
+            'variant:primary': { description: 'Full-brightness amber node with phosphor glow', since: '0.4.0', usedBy: ['lifelines'] },
+            'variant:secondary': { description: 'Dimmed node for secondary events', since: '0.4.0' },
+            'variant:accent': { description: 'CGA accent color node', since: '0.4.0' },
+            'labelPosition:right': { description: 'Label to the right of the node (default)', since: '0.4.0', usedBy: ['lifelines', 'rizomorf'] },
+            'labelPosition:left': { description: 'Label to the left of the node', since: '0.4.0' },
+            'labelPosition:top': { description: 'Label above the node', since: '0.4.0' },
+            'labelPosition:bottom': { description: 'Label below the node', since: '0.4.0' },
+            'size:sm': { description: 'Compact 8px node', since: '0.16.0' },
+            'size:md': { description: 'Standard 12px node', since: '0.4.0', usedBy: ['lifelines', 'rizomorf'] },
+            'size:lg': { description: 'Large 16px node for emphasis', since: '0.16.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/TimelineNode', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.35.0', type: 'changed', description: 'Pin marker box-sizing to content-box so dots stay on the axis line (DMNC-1090)' },
+            { version: '0.30.0', type: 'changed', description: 'A11y: high-contrast glow gap remediation' },
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first; switch to Flexi IBM VGA font' },
+            { version: '0.4.0', type: 'added', description: 'Initial TimelineNode — shape, variant, labelPosition, size, isActive, onClick' },
+        ],
+    },
+    InlineExpand: {
+        origin: 'rizomorf',
+        consumers: ['rizomorf'],
+        since: '0.7.0',
+        originNote: 'Inline disclosure widget for expanding context within prose — sources with favicon fallback',
+        platforms: {
+            react: { path: 'src/components/InlineExpand', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.30.0', type: 'changed', description: 'Fix behavioral bugs — double-toggle edge case (DMNC-1063)' },
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first' },
+            { version: '0.8.0', type: 'added', description: 'sources prop — citation links with Google Favicons API fallback' },
+            { version: '0.7.0', type: 'added', description: 'Initial InlineExpand — expanded, defaultExpanded, onToggle, content slot' },
+        ],
+    },
+    Separator: {
+        origin: 'rizomorf',
+        consumers: ['rizomorf'],
+        since: '0.8.0',
+        originNote: 'Horizontal/vertical divider for content separation — ported from rizomorf',
+        variants: {
+            'orientation:horizontal': { description: 'Full-width horizontal rule (default)', since: '0.8.0', usedBy: ['rizomorf'] },
+            'orientation:vertical': { description: 'Inline vertical divider for flex/grid rows', since: '0.8.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Separator', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.16.0', type: 'changed', description: 'Migrate to Tailwind-first (Wave 2)' },
+            { version: '0.9.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.8.0', type: 'added', description: 'Initial Separator — horizontal/vertical orientation, ported from rizomorf' },
+        ],
+    },
+    TimelineContainer: {
+        origin: 'lifelines',
+        consumers: ['lifelines'],
+        since: '0.8.0',
+        originNote: 'Multi-zoom timeline with year/month/day/hour views. Supports interactive, static, feed, and master-detail modes.',
+        variants: {
+            'mode:interactive': { description: 'Full drill-down with keyboard shortcuts and Ctrl+scroll zoom', since: '0.8.0', usedBy: ['lifelines'] },
+            'mode:static': { description: 'Read-only snapshot — no zoom or selection controls', since: '0.8.0' },
+            'mode:feed': { description: 'Paginated vertical list with LOAD MORE — append-safe', since: '0.21.0', usedBy: ['lifelines'] },
+            'mode:master-detail': { description: 'Split-pane with list rail + detail panel', since: '0.34.0' },
+            'sortOrder:asc': { description: 'Oldest entries first', since: '0.8.0' },
+            'sortOrder:desc': { description: 'Newest entries first (default)', since: '0.8.0', usedBy: ['lifelines'] },
+        },
+        platforms: {
+            react: { path: 'src/components/TimelineContainer', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.34.0', type: 'added', description: 'master-detail layout mode — split-pane list rail + detail panel (DMNC-878)' },
+            { version: '0.21.0', type: 'added', description: 'feed mode — pageSize, onLoadMore, DOS-styled LOAD MORE button' },
+            { version: '0.21.0', type: 'added', description: 'renderEntry prop — pluggable entry renderer with defaultRender() opt-in' },
+            { version: '0.9.0', type: 'changed', description: 'Responsive layout with CSS container queries' },
+            { version: '0.8.0', type: 'added', description: 'Initial TimelineContainer — year/month/day/hour drill-down, migrated from Lifelines' },
+        ],
+    },
+    TextScramble: {
+        origin: 'eidotter',
+        consumers: [],
+        since: '0.10.0',
+        originNote: 'DOS text decode effect — rAF-driven character scramble reveal; used by Stat (scramble prop) and standalone',
+        platforms: {
+            react: { path: 'src/components/TextScramble', status: 'canonical' },
+        },
+        changelog: [
+            { version: '0.18.0', type: 'changed', description: 'Migrate BEM to Tailwind-first; adopt cn() and forwardRef' },
+            { version: '0.10.0', type: 'added', description: 'Initial TextScramble — children string, speed, characters, delay; rAF-based reveal' },
+        ],
+    },
     // Chat components
     ChatMessage: { origin: 'eidotter', consumers: [], originNote: 'Single chat message with role-based DOS styling and streaming cursor' },
     ChatHistory: { origin: 'eidotter', consumers: [], originNote: 'Scrollable message list with auto-scroll and role="log" accessibility' },
@@ -208,6 +583,37 @@ export const componentRegistry = {
             { version: '0.20.0', type: 'added', description: 'Initial CmdPalette — generic items with keywords, mod+k global hotkey, custom renderItem, useId() per-instance DOM ids, selected-clamp on items mutation' },
         ],
     },
+    // Ported from the Tracker habit app (DMNC-1040)
+    ProgressRing: {
+        origin: 'tracker',
+        consumers: ['tracker'],
+        since: '0.37.0',
+        originNote: '16-segment quantized progress ring (SVG). Powers Tracker’s hold-to-complete feedback ring.',
+        platforms: { react: { path: 'src/components/ProgressRing', status: 'canonical' } },
+        changelog: [
+            { version: '0.37.0', type: 'added', description: 'Initial ProgressRing — discrete quantized segment arcs, phosphor glow, centre label, currentColor theming' },
+        ],
+    },
+    CalendarHeatmap: {
+        origin: 'tracker',
+        consumers: ['tracker'],
+        since: '0.37.0',
+        originNote: 'Block-character month calendar heatmap (█ ░ · ▒). Domain-agnostic — takes a date→status map, not a domain object.',
+        platforms: { react: { path: 'src/components/CalendarHeatmap', status: 'canonical' } },
+        changelog: [
+            { version: '0.37.0', type: 'added', description: 'Initial CalendarHeatmap — UTC date maths, Monday/Sunday week start, legend, successColor override, glyph overrides' },
+        ],
+    },
+    HoldToComplete: {
+        origin: 'tracker',
+        consumers: ['tracker'],
+        since: '0.37.0',
+        originNote: 'Press-and-hold-to-complete interaction with ProgressRing feedback. Pointer + keyboard, reduced-motion aware.',
+        platforms: { react: { path: 'src/components/HoldToComplete', status: 'canonical' } },
+        changelog: [
+            { version: '0.37.0', type: 'added', description: 'Initial HoldToComplete — rAF hold animation with accelerating ease, onHoldProgress hook, Enter/Space to complete' },
+        ],
+    },
 };
 // ---------------------------------------------------------------------------
 // Utility functions