eidotter 0.36.0 → 0.37.0

package/dist/components/TimelineContainer/components/views/DayView.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TimelineNode } from '../../../TimelineNode/components/TimelineNode.js';
+import { Tag } from '../../../Tag/components/Tag.js';
+import { TagGroup } from '../../../Tag/components/TagGroup.js';
+import { TimelineEntryCard } from '../TimelineEntryCard.js';
+/**
+ * Day-level zoom view: shows day labels with entry cards and content preview.
+ */
+export const DayView = React.memo(({ buckets, selectedEntryId, onEntrySelect, renderEntry, }) => {
+    return (_jsx("div", { className: "timeline-view timeline-view--day", role: "list", children: buckets.map((bucket) => (_jsxs("div", { className: "timeline-view__bucket timeline-view__bucket--day", role: "listitem", children: [_jsx("div", { className: "timeline-view__node", children: _jsx(TimelineNode, { shape: "circle", size: "medium", variant: "default", label: bucket.label, labelPosition: "right" }) }), _jsx("div", { className: "timeline-view__content", children: bucket.entries.map((entry) => {
+                        const isSelected = selectedEntryId === entry.id;
+                        const defaultRender = () => (_jsx(TimelineEntryCard, { entry: entry, isSelected: isSelected, isExpanded: isSelected, onSelect: onEntrySelect, footer: entry.tags && entry.tags.length > 0 ? (_jsx(TagGroup, { gap: "tight", "aria-label": `Tags for ${entry.title}`, children: entry.tags.map((tag) => (_jsx(Tag, { size: "small", variant: "outlined", children: tag }, tag))) })) : undefined }));
+                        return (_jsx(React.Fragment, { children: renderEntry
+                                ? renderEntry(entry, { isExpanded: isSelected, isSelected, defaultRender })
+                                : defaultRender() }, entry.id));
+                    }) })] }, bucket.periodStart))) }));
+});
+DayView.displayName = 'DayView';

package/dist/components/TimelineContainer/components/views/HourView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TimelineViewProps } from '../types';
+import type { TimelineViewProps } from '../types.js';
 /**
  * Hour-level zoom view: full detail with timestamps and complete content.
  */

package/dist/components/TimelineContainer/components/views/HourView.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TimelineNode } from '../../../TimelineNode/components/TimelineNode.js';
+import { Tag } from '../../../Tag/components/Tag.js';
+import { TagGroup } from '../../../Tag/components/TagGroup.js';
+import { Badge } from '../../../Badge/components/Badge.js';
+import { TimelineEntryCard } from '../TimelineEntryCard.js';
+import { formatTimestamp } from '../timelineUtils.js';
+/**
+ * Hour-level zoom view: full detail with timestamps and complete content.
+ */
+export const HourView = React.memo(({ buckets, selectedEntryId, onEntrySelect, renderEntry, }) => {
+    return (_jsx("div", { className: "timeline-view timeline-view--hour", role: "list", children: buckets.map((bucket) => (_jsxs("div", { className: "timeline-view__bucket timeline-view__bucket--hour", role: "listitem", children: [_jsx("div", { className: "timeline-view__node", children: _jsx(TimelineNode, { shape: "circle", size: "medium", variant: "default", label: bucket.label, labelPosition: "right" }) }), _jsx("div", { className: "timeline-view__content", children: bucket.entries.map((entry) => {
+                        const isSelected = selectedEntryId === entry.id;
+                        const defaultRender = () => (_jsxs(TimelineEntryCard, { entry: entry, isSelected: isSelected, isExpanded: true, onSelect: onEntrySelect, footer: _jsxs("div", { className: "timeline-view__entry-footer", children: [entry.tags && entry.tags.length > 0 && (_jsx(TagGroup, { gap: "tight", "aria-label": `Tags for ${entry.title}`, children: entry.tags.map((tag) => (_jsx(Tag, { size: "small", variant: "outlined", children: tag }, tag))) })), entry.type && (_jsx(Badge, { variant: "default", size: "small", children: entry.type }))] }), children: [_jsx("time", { className: "timeline-view__timestamp", dateTime: entry.date, children: formatTimestamp(entry.date) }), entry.kind === 'text' && entry.content !== undefined && (_jsx("div", { className: "timeline-view__entry-content", children: entry.content }))] }));
+                        return (_jsx(React.Fragment, { children: renderEntry
+                                ? renderEntry(entry, { isExpanded: true, isSelected, defaultRender })
+                                : defaultRender() }, entry.id));
+                    }) })] }, bucket.periodStart))) }));
+});
+HourView.displayName = 'HourView';

package/dist/components/TimelineContainer/components/views/MonthView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TimelineViewProps } from '../types';
+import type { TimelineViewProps } from '../types.js';
 /**
  * Month-level zoom view: shows month labels with entry title lists.
  */

package/dist/components/TimelineContainer/components/views/MonthView.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TimelineNode } from '../../../TimelineNode/components/TimelineNode.js';
+import { TimelineEntryCard } from '../TimelineEntryCard.js';
+/**
+ * Month-level zoom view: shows month labels with entry title lists.
+ */
+export const MonthView = React.memo(({ buckets, selectedEntryId, onEntrySelect, onBucketClick, renderEntry, }) => {
+    return (_jsx("div", { className: "timeline-view timeline-view--month", role: "list", children: buckets.map((bucket) => (_jsxs("div", { className: "timeline-view__bucket timeline-view__bucket--month", role: "listitem", children: [_jsx("div", { className: "timeline-view__node", children: _jsx(TimelineNode, { shape: "circle", size: "medium", variant: "default", label: bucket.label, labelPosition: "right", onClick: () => onBucketClick?.(bucket) }) }), _jsx("div", { className: "timeline-view__content", children: bucket.entries.map((entry) => {
+                        const isSelected = selectedEntryId === entry.id;
+                        const defaultRender = () => (_jsx(TimelineEntryCard, { entry: entry, isSelected: isSelected, isExpanded: isSelected, onSelect: onEntrySelect }));
+                        return (_jsx(React.Fragment, { children: renderEntry
+                                ? renderEntry(entry, { isExpanded: isSelected, isSelected, defaultRender })
+                                : defaultRender() }, entry.id));
+                    }) })] }, bucket.periodStart))) }));
+});
+MonthView.displayName = 'MonthView';

package/dist/components/TimelineContainer/components/views/YearView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TimelineViewProps } from '../types';
+import type { TimelineViewProps } from '../types.js';
 /**
  * Year-level zoom view: shows year labels with entry counts per year.
  */

package/dist/components/TimelineContainer/components/views/YearView.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Button as AriaButton } from 'react-aria-components';
+import { TimelineNode } from '../../../TimelineNode/components/TimelineNode.js';
+import { Badge } from '../../../Badge/components/Badge.js';
+/**
+ * Year-level zoom view: shows year labels with entry counts per year.
+ */
+export const YearView = React.memo(({ buckets, onBucketClick }) => {
+    return (_jsx("div", { className: "timeline-view timeline-view--year", role: "list", children: buckets.map((bucket) => (_jsx("div", { className: "timeline-view__bucket timeline-view__bucket--year", role: "listitem", children: onBucketClick ? (_jsxs(AriaButton, { className: "timeline-view__bucket-button", onPress: () => onBucketClick(bucket), children: [_jsx("div", { className: "timeline-view__node", children: _jsx(TimelineNode, { shape: "circle", size: "medium", variant: "default", label: bucket.label, labelPosition: "right" }) }), _jsx("div", { className: "timeline-view__content", children: _jsxs(Badge, { variant: "default", size: "small", children: [bucket.entries.length, " ", bucket.entries.length === 1 ? 'entry' : 'entries'] }) })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "timeline-view__node", children: _jsx(TimelineNode, { shape: "circle", size: "medium", variant: "default", label: bucket.label, labelPosition: "right" }) }), _jsx("div", { className: "timeline-view__content", children: _jsxs(Badge, { variant: "default", size: "small", children: [bucket.entries.length, " ", bucket.entries.length === 1 ? 'entry' : 'entries'] }) })] })) }, bucket.periodStart))) }));
+});
+YearView.displayName = 'YearView';

package/dist/components/TimelineContainer/components/views/index.d.ts

@@ -1,4 +1,4 @@
-export { YearView } from './YearView';
-export { MonthView } from './MonthView';
-export { DayView } from './DayView';
-export { HourView } from './HourView';
+export { YearView } from './YearView.js';
+export { MonthView } from './MonthView.js';
+export { DayView } from './DayView.js';
+export { HourView } from './HourView.js';

package/dist/components/TimelineContainer/components/views/index.js

@@ -0,0 +1,4 @@
+export { YearView } from './YearView.js';
+export { MonthView } from './MonthView.js';
+export { DayView } from './DayView.js';
+export { HourView } from './HourView.js';

package/dist/components/TimelineContainer/index.d.ts

@@ -1,3 +1,3 @@
-export { TimelineContainer } from './components';
-export type { TimelineContainerProps, TimelineEntryData, TimelineEntry, TimelineEntryRenderContext, TimelineRenderEntry, TimelineImage, DateBucket, ZoomLevel, } from './components';
-export { ZOOM_LEVELS } from './components';
+export { TimelineContainer } from './components/index.js';
+export type { TimelineContainerProps, TimelineEntryData, TimelineEntry, TimelineEntryRenderContext, TimelineRenderEntry, TimelineImage, DateBucket, ZoomLevel, } from './components/index.js';
+export { ZOOM_LEVELS } from './components/index.js';

package/dist/components/TimelineContainer/index.js

@@ -0,0 +1,2 @@
+export { TimelineContainer } from './components/index.js';
+export { ZOOM_LEVELS } from './components/index.js';

package/dist/components/TimelineNode/components/TimelineNode.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './TimelineNode.css';
 export type TimelineNodeShape = 'circle' | 'square' | 'diamond';
 export type TimelineNodeVariant = 'default' | 'primary' | 'secondary' | 'accent';
 export interface TimelineNodeProps {

package/dist/components/TimelineNode/components/TimelineNode.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../../utils/cn.js';
+const sizeMap = {
+    sm: 'small', md: 'medium', lg: 'large',
+    small: 'small', medium: 'medium', large: 'large',
+};
+const shapeClasses = {
+    circle: 'eidotter-timeline-node--circle',
+    square: 'eidotter-timeline-node--square',
+    diamond: 'eidotter-timeline-node--diamond',
+};
+const variantClasses = {
+    default: 'eidotter-timeline-node--default',
+    primary: 'eidotter-timeline-node--primary',
+    secondary: 'eidotter-timeline-node--secondary',
+    accent: 'eidotter-timeline-node--accent',
+};
+const labelPositionClasses = {
+    left: 'eidotter-timeline-node--label-left',
+    right: 'eidotter-timeline-node--label-right',
+    top: 'eidotter-timeline-node--label-top',
+    bottom: 'eidotter-timeline-node--label-bottom',
+};
+/**
+ * TimelineNode - Axis marker for timeline/stepper interfaces
+ *
+ * A versatile node component for timelines, steppers, and progress indicators.
+ * Features multiple shapes, glow effects on hover/active states, and optional labels.
+ *
+ * Uses DOS/CGA aesthetic with amber phosphor glow effects.
+ */
+export const TimelineNode = forwardRef(({ shape = 'circle', variant = 'default', isActive = false, label, labelPosition = 'right', size = 'md', className, onClick, ...props }, ref) => {
+    const normalizedSize = sizeMap[size] ?? 'medium';
+    const handleClick = () => {
+        if (onClick) {
+            onClick();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (onClick && (e.key === 'Enter' || e.key === ' ')) {
+            e.preventDefault();
+            onClick();
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn('inline-flex items-center gap-2 font-dos', 'eidotter-timeline-node', shapeClasses[shape], variantClasses[variant], `eidotter-timeline-node--${normalizedSize}`, labelPositionClasses[labelPosition], isActive && 'eidotter-timeline-node--active', onClick && 'eidotter-timeline-node--interactive', className), onClick: handleClick, onKeyDown: handleKeyDown, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, "aria-pressed": onClick ? isActive : undefined, ...props, children: [label && labelPosition === 'left' && (_jsx("span", { className: "eidotter-timeline-node__label eidotter-timeline-node__label--left", children: label })), label && labelPosition === 'top' && (_jsx("span", { className: "eidotter-timeline-node__label eidotter-timeline-node__label--top", children: label })), _jsx("span", { className: "eidotter-timeline-node__marker", "aria-hidden": "true" }), label && labelPosition === 'right' && (_jsx("span", { className: "eidotter-timeline-node__label eidotter-timeline-node__label--right", children: label })), label && labelPosition === 'bottom' && (_jsx("span", { className: "eidotter-timeline-node__label eidotter-timeline-node__label--bottom", children: label }))] }));
+});
+TimelineNode.displayName = 'TimelineNode';

package/dist/components/TimelineNode/components/index.d.ts

@@ -1,2 +1,2 @@
-export { TimelineNode } from './TimelineNode';
-export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './TimelineNode';
+export { TimelineNode } from './TimelineNode.js';
+export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './TimelineNode.js';

package/dist/components/TimelineNode/components/index.js

@@ -0,0 +1 @@
+export { TimelineNode } from './TimelineNode.js';

package/dist/components/TimelineNode/index.d.ts

@@ -1,2 +1,2 @@
-export { TimelineNode } from './components';
-export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './components';
+export { TimelineNode } from './components/index.js';
+export type { TimelineNodeProps, TimelineNodeShape, TimelineNodeVariant } from './components/index.js';

package/dist/components/TimelineNode/index.js

@@ -0,0 +1 @@
+export { TimelineNode } from './components/index.js';

package/dist/components/registry.js

@@ -0,0 +1,247 @@
+export const projects = {
+    eidotter: { displayName: 'eiDotter' },
+    spacewar: { displayName: 'Spacewar!' },
+    rizomorf: { displayName: 'rizomorf' },
+    'pomodoke-calendar': { displayName: 'PomoDoke Calendar' },
+    keepcoin: { displayName: 'KeepCoin' },
+    steuerdash: { displayName: 'Steuerdash' },
+    sella: { displayName: 'sella' },
+    lifelines: { displayName: 'Lifelines' },
+    betamorf: { displayName: 'betamorf' },
+    dmnctech: { displayName: 'dmnc.tech', url: 'https://dmnc.tech' },
+};
+// ---------------------------------------------------------------------------
+// Registry data
+// ---------------------------------------------------------------------------
+export const componentRegistry = {
+    Alert: {
+        origin: 'eidotter',
+        consumers: ['rizomorf', 'steuerdash'],
+        since: '0.2.0',
+        variants: {
+            'type:info': { description: 'Informational message', since: '0.2.0', usedBy: ['rizomorf'] },
+            'type:success': { description: 'Success confirmation', since: '0.2.0', usedBy: ['steuerdash'] },
+            'type:warning': { description: 'Warning notice', since: '0.2.0', usedBy: ['rizomorf', 'steuerdash'] },
+            'type:error': { description: 'Error message', since: '0.2.0', usedBy: ['steuerdash'] },
+            'size:small': { description: 'Compact alert for inline contexts', since: '0.2.0' },
+            'size:large': { description: 'Full-width alert with icon', since: '0.2.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Alert', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish with phosphor enter effects' },
+            { version: '0.7.0', type: 'changed', description: 'Replace text-primary with cga-amber for theme consistency' },
+            { version: '0.6.0', type: 'changed', description: 'Fix icon alignment and add prefers-contrast support' },
+            { version: '0.4.0', type: 'changed', description: 'Add phosphor glow effects' },
+            { version: '0.2.0', type: 'added', description: 'Initial Alert component with info/success/warning/error types' },
+        ],
+    },
+    Accordion: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+    },
+    AccordionFill: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+    },
+    Badge: {
+        origin: 'eidotter',
+        consumers: ['rizomorf', 'steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'variant:default': { description: 'Neutral badge with muted styling', since: '0.3.0', usedBy: ['rizomorf'] },
+            'variant:success': { description: 'Green success indicator', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:warning': { description: 'Amber warning indicator', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:error': { description: 'Red error/critical indicator', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:info': { description: 'Blue informational indicator', since: '0.3.0' },
+            'variant:accent': { description: 'Theme accent color badge', since: '0.3.0', usedBy: ['rizomorf'] },
+            'size:small': { description: 'Compact inline badge', since: '0.3.0' },
+            'size:medium': { description: 'Standard badge size', since: '0.3.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Badge', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish with phosphor enter keyframes' },
+            { version: '0.7.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.5.0', type: 'changed', description: 'Fix text vertical alignment for pixel fonts' },
+            { version: '0.3.0', type: 'added', description: 'Initial Badge component for status indicators' },
+        ],
+    },
+    Breadcrumb: {
+        origin: 'rizomorf',
+        consumers: ['rizomorf'],
+    },
+    Button: {
+        origin: 'eidotter',
+        consumers: ['spacewar', 'rizomorf', 'pomodoke-calendar', 'steuerdash'],
+        since: '0.2.0',
+        variants: {
+            'variant:primary': { description: 'Primary CTA with amber background', since: '0.2.0', usedBy: ['spacewar', 'rizomorf', 'pomodoke-calendar', 'steuerdash'] },
+            'variant:secondary': { description: 'Secondary action with border only', since: '0.2.0', usedBy: ['rizomorf', 'steuerdash'] },
+            'variant:ghost': { description: 'Minimal button with hover reveal', since: '0.2.0', usedBy: ['rizomorf'] },
+            'variant:link': { description: 'Inline link-style button', since: '0.2.0', usedBy: ['rizomorf'] },
+            'size:small': { description: 'Compact 1.5rem min-height', since: '0.2.0' },
+            'size:medium': { description: 'Standard 2rem min-height', since: '0.2.0' },
+            'size:large': { description: 'Prominent 2.5rem min-height', since: '0.2.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Button', status: 'canonical' },
+            swiftui: { path: 'platforms/swiftui/Sources/EiDotterUI/DOSButton.swift', status: 'planned', note: 'POC with primary variant only — not yet production-ready' },
+            spritekit: { status: 'token-only', note: 'Spacewar uses tokens only, no UIKit/SwiftUI button' },
+        },
+        changelog: [
+            { version: '0.11.0', type: 'changed', description: 'Convert font-size to rem tokens for WCAG SC 1.4.4' },
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish across all variants' },
+            { version: '0.7.0', type: 'changed', description: 'Increase font size and weight for readability' },
+            { version: '0.6.0', type: 'changed', description: 'Add phosphor warmup/energize keyframes to all variants' },
+            { version: '0.5.0', type: 'changed', description: 'Fix secondary label visibility in pressed state' },
+            { version: '0.4.0', type: 'changed', description: 'Add CRT phosphor interaction states for primary variant' },
+            { version: '0.2.0', type: 'added', description: 'Initial Button with primary/secondary/ghost/link variants' },
+        ],
+    },
+    Card: {
+        origin: 'eidotter',
+        consumers: ['rizomorf', 'steuerdash'],
+        since: '0.3.0',
+        variants: {
+            'variant:default': { description: 'Standard card with subtle border', since: '0.3.0', usedBy: ['rizomorf', 'steuerdash'] },
+            'variant:elevated': { description: 'Raised card with drop shadow', since: '0.3.0', usedBy: ['steuerdash'] },
+            'variant:bordered': { description: 'Strong border emphasis', since: '0.3.0' },
+            'variant:glow': { description: 'Phosphor glow border effect', since: '0.4.0', usedBy: ['rizomorf'] },
+            'variant:interactive': { description: 'Hover-reactive card for clickable surfaces', since: '0.4.0', usedBy: ['rizomorf'] },
+            'variant:minimal': { description: 'Borderless content container', since: '0.4.0' },
+            'variant:callout': { description: 'Highlighted callout with accent border', since: '0.4.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Card', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.11.0', type: 'changed', description: 'Convert font-size to rem tokens for WCAG SC 1.4.4' },
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish with phosphor enter effects' },
+            { version: '0.7.0', type: 'changed', description: 'Replace text-primary with cga-amber' },
+            { version: '0.4.0', type: 'added', description: 'Add glow, interactive, minimal, callout variants' },
+            { version: '0.4.0', type: 'changed', description: 'Add phosphor glow effects and amber dim header background' },
+            { 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'] },
+    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!' },
+    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' },
+    Tag: {
+        origin: 'eidotter',
+        consumers: ['lifelines', 'rizomorf'],
+        since: '0.7.0',
+        originNote: 'Interactive labels for tags, categories, and filter chips',
+        variants: {
+            'variant:default': { description: 'Standard tag with subtle background', since: '0.7.0', usedBy: ['rizomorf'] },
+            'variant:outlined': { description: 'Border-only tag', since: '0.7.0', usedBy: ['lifelines'] },
+            'variant:filled': { description: 'Solid background tag', since: '0.7.0', usedBy: ['rizomorf', 'lifelines'] },
+            'size:small': { description: 'Compact tag for dense layouts', since: '0.7.0' },
+            'size:medium': { description: 'Standard tag size', since: '0.7.0' },
+        },
+        platforms: {
+            react: { path: 'src/components/Tag', status: 'canonical' },
+            swiftui: { status: 'planned' },
+        },
+        changelog: [
+            { version: '0.11.0', type: 'changed', description: 'Convert font-size to rem tokens for WCAG SC 1.4.4' },
+            { version: '0.8.0', type: 'changed', description: 'Design-craft animation polish' },
+            { 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.' },
+    // 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' },
+    ChatInput: { origin: 'eidotter', consumers: [], originNote: 'Multiline DOS-styled textarea with Enter-to-send' },
+    ChatContainer: { origin: 'eidotter', consumers: [], originNote: 'Composes ChatHistory + ChatInput into a complete chat interface' },
+    // Layout components
+    Header: { origin: 'eidotter', consumers: [], originNote: 'Sticky site header composing branding link + Nav — retro/modern variants' },
+    Footer: { origin: 'eidotter', consumers: [], originNote: 'DOS-themed footer with default legal links (Impressum + Datenschutz) for German compliance' },
+    // Imported from April 2026 design handoff (v0.20.0)
+    InlineLink: {
+        origin: 'rizomorf',
+        consumers: ['rizomorf'],
+        since: '0.20.0',
+        originNote: 'In-flow navigational anchor — dotted amber underline, phosphor-invert hover, trailing `▸` / `↗`. Distinct from InlineExpand (destination vs disclosure). Closes rizomorf parity gap #03.',
+        platforms: { react: { path: 'src/components/InlineLink', status: 'canonical' } },
+        changelog: [
+            { version: '0.20.0', type: 'added', description: 'Initial InlineLink — internal + external variants, tabnabbing guard when consumer passes target="_blank"' },
+        ],
+    },
+    DosFigure: {
+        origin: 'eidotter',
+        consumers: ['rizomorf'],
+        since: '0.20.0',
+        originNote: 'Demoscene-style painted-screen placeholder (Sierra / LucasArts title-card aesthetic). Amber chrome, 6s scanline sweep, optional annotation pins. Closes rizomorf parity gap #02.',
+        platforms: { react: { path: 'src/components/DosFigure', status: 'canonical' } },
+        changelog: [
+            { version: '0.20.0', type: 'added', description: 'Initial DosFigure — scanline sweep, phosphor flicker, pin pulse; all animations compositor-only and reduced-motion safe' },
+        ],
+    },
+    CmdPalette: {
+        origin: 'eidotter',
+        consumers: [],
+        since: '0.20.0',
+        originNote: '⌘K / Ctrl+K command palette overlay. Built on React Aria ModalOverlay/Modal/Dialog (same primitives as Modal). Generic items + scored search + keyboard navigation.',
+        platforms: { react: { path: 'src/components/CmdPalette', status: 'canonical' } },
+        changelog: [
+            { 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' },
+        ],
+    },
+};
+// ---------------------------------------------------------------------------
+// Utility functions
+// ---------------------------------------------------------------------------
+export function getComponentMeta(name) {
+    return componentRegistry[name];
+}
+export function getComponentsByOrigin(projectId) {
+    return Object.entries(componentRegistry)
+        .filter(([, meta]) => meta.origin === projectId)
+        .map(([name]) => name);
+}
+export function getComponentsByConsumer(projectId) {
+    return Object.entries(componentRegistry)
+        .filter(([, meta]) => meta.consumers.includes(projectId))
+        .map(([name]) => name);
+}
+/** Returns variant names used by a specific consumer for a component */
+export function getVariantsUsedBy(componentName, projectId) {
+    const meta = componentRegistry[componentName];
+    if (!meta?.variants)
+        return [];
+    return Object.entries(meta.variants)
+        .filter(([, v]) => v.usedBy?.includes(projectId))
+        .map(([name]) => name);
+}
+/** Returns a map of variant name → consumers[] for a component */
+export function getVariantConsumerMap(componentName) {
+    const meta = componentRegistry[componentName];
+    if (!meta?.variants)
+        return {};
+    const map = {};
+    for (const [name, v] of Object.entries(meta.variants)) {
+        map[name] = v.usedBy ?? [];
+    }
+    return map;
+}