eidotter 0.36.1 → 0.37.0

package/dist/components/Chat/components/ChatContainer.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils/cn.js';
+import { ChatHistory } from './ChatHistory.js';
+import { ChatInput } from './ChatInput.js';
+/**
+ * Complete DOS-themed chat interface composing ChatHistory and ChatInput.
+ *
+ * Designed to be placed inside a Terminal component for the full DOS window
+ * experience, but works standalone too.
+ *
+ * ```tsx
+ * <Terminal title="ADOS Chat">
+ *   <ChatContainer messages={messages} onSend={send} isStreaming={loading} />
+ * </Terminal>
+ * ```
+ */
+export const ChatContainer = ({ messages, onSend, isStreaming = false, inputPrompt, userPrefix, assistantPrefix, placeholder, disabled = false, className, ...props }) => {
+    return (_jsxs("div", { className: cn('flex flex-col h-full min-h-0', className), ...props, children: [_jsx(ChatHistory, { className: "flex-1 min-h-0", messages: messages, isStreaming: isStreaming, userPrefix: userPrefix, assistantPrefix: assistantPrefix }), _jsx(ChatInput, { className: "shrink-0", onSend: onSend, prompt: inputPrompt, placeholder: placeholder, disabled: disabled })] }));
+};

package/dist/components/Chat/components/ChatHistory.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './ChatHistory.css';
 /** Data shape for a single chat message */
 export interface ChatMessageEntry {
     /** Unique message identifier */

package/dist/components/Chat/components/ChatHistory.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import { cn } from '../../../utils/cn.js';
+import { ChatMessage } from './ChatMessage.js';
+/**
+ * Scrollable chat message history with auto-scroll and screen reader support.
+ *
+ * Uses `role="log"` for accessible announcement of new messages.
+ * Follows the data-driven list pattern (TimelineList precedent).
+ */
+export const ChatHistory = ({ messages, isStreaming = false, userPrefix, assistantPrefix, className, ...props }) => {
+    const bottomRef = useRef(null);
+    useEffect(() => {
+        bottomRef.current?.scrollIntoView?.({ behavior: 'smooth' });
+    }, [messages.length, isStreaming]);
+    const classes = cn('flex-1 overflow-y-auto font-dos p-2 min-h-0', 'eidotter-chat-history', className);
+    if (messages.length === 0) {
+        return (_jsx("div", { className: classes, role: "log", "aria-live": "polite", tabIndex: 0, ...props, children: _jsx("div", { className: "flex items-center justify-center h-full min-h-16", children: _jsx("span", { className: "text-dos-text-muted font-dos text-dos-text-md", children: "Awaiting input..." }) }) }));
+    }
+    return (_jsx("div", { className: classes, role: "log", "aria-live": "polite", tabIndex: 0, ...props, children: _jsxs("div", { className: "flex flex-col", children: [messages.map((msg, index) => {
+                    const isLastAssistant = isStreaming &&
+                        msg.role === 'assistant' &&
+                        index === messages.length - 1;
+                    return (_jsx(ChatMessage, { role: msg.role, content: msg.content, isStreaming: isLastAssistant, userPrefix: userPrefix, assistantPrefix: assistantPrefix }, msg.id));
+                }), _jsx("div", { ref: bottomRef })] }) }));
+};

package/dist/components/Chat/components/ChatInput.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import '../../../styles/keyframes.css';
-import './ChatInput.css';
 export interface ChatInputProps {
     /** Called when the user sends a message */
     onSend: (message: string) => void;

package/dist/components/Chat/components/ChatInput.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useLayoutEffect } from 'react';
+import { cn } from '../../../utils/cn.js';
+/**
+ * DOS-styled multiline chat input with Enter-to-send and Shift+Enter for newlines.
+ *
+ * Auto-grows as the user types, up to a max height. Shows a blinking cursor
+ * when not focused.
+ */
+export const ChatInput = ({ onSend, prompt = '>', placeholder, disabled = false, className, ...props }) => {
+    const [value, setValue] = useState('');
+    const textareaRef = useRef(null);
+    useLayoutEffect(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        textarea.style.height = 'auto';
+        textarea.style.height = `${textarea.scrollHeight}px`;
+    }, [value]);
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !e.shiftKey && !disabled) {
+            e.preventDefault();
+            const trimmed = value.trim();
+            if (trimmed) {
+                onSend(trimmed);
+                setValue('');
+            }
+        }
+    };
+    const handleContainerClick = () => {
+        if (!disabled && textareaRef.current) {
+            textareaRef.current.focus();
+        }
+    };
+    return (_jsxs("div", { className: cn('flex items-start font-dos text-dos-text-md p-2 cursor-text', 'text-dos-text-brand', 'eidotter-chat-input', disabled && 'eidotter-chat-input--disabled', className), onClick: handleContainerClick, ...props, children: [_jsx("span", { className: "text-dos-text-brand mr-2 mt-0.5 whitespace-nowrap select-none", "aria-hidden": "true", children: prompt }), _jsxs("div", { className: "flex items-start flex-1 min-w-0", children: [_jsx("textarea", { ref: textareaRef, className: "eidotter-chat-input__textarea", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, rows: 1, "aria-label": "Chat input" }), _jsx("span", { className: "eidotter-chat-input__cursor", "aria-hidden": "true", children: "\u2588" })] })] }));
+};

package/dist/components/Chat/components/ChatMessage.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import '../../../styles/keyframes.css';
-import './ChatMessage.css';
 export interface ChatMessageProps {
     /** The role of the message sender */
     role: 'user' | 'assistant' | 'system';

package/dist/components/Chat/components/ChatMessage.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils/cn.js';
+const roleClasses = {
+    user: 'eidotter-chat-message--user',
+    assistant: 'eidotter-chat-message--assistant',
+    system: 'eidotter-chat-message--system',
+};
+/**
+ * A single chat message rendered in DOS terminal style.
+ *
+ * User messages display with a `>` prefix, assistant messages with `C:\>`,
+ * and system messages appear dimmed. When `isStreaming` is true, a blinking
+ * block cursor appears after the content.
+ */
+export const ChatMessage = ({ role, content, isStreaming = false, userPrefix = '>', assistantPrefix = 'C:\\>', className, ...props }) => {
+    const prefix = role === 'user' ? userPrefix : role === 'assistant' ? assistantPrefix : '';
+    return (_jsxs("div", { className: cn('flex gap-2 font-dos text-dos-text-md leading-[1.4] py-1 whitespace-pre-wrap break-words', roleClasses[role], isStreaming && 'eidotter-chat-message--streaming', className), ...props, children: [prefix && (_jsx("span", { className: "shrink-0 select-none", "aria-hidden": "true", children: prefix })), _jsx("span", { className: "min-w-0", children: content }), isStreaming && (_jsx("span", { className: "eidotter-chat-message__cursor", "aria-hidden": "true", children: "\u2588" }))] }));
+};

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

@@ -1,8 +1,8 @@
-export { ChatMessage } from './ChatMessage';
-export type { ChatMessageProps } from './ChatMessage';
-export { ChatHistory } from './ChatHistory';
-export type { ChatHistoryProps, ChatMessageEntry } from './ChatHistory';
-export { ChatInput } from './ChatInput';
-export type { ChatInputProps } from './ChatInput';
-export { ChatContainer } from './ChatContainer';
-export type { ChatContainerProps } from './ChatContainer';
+export { ChatMessage } from './ChatMessage.js';
+export type { ChatMessageProps } from './ChatMessage.js';
+export { ChatHistory } from './ChatHistory.js';
+export type { ChatHistoryProps, ChatMessageEntry } from './ChatHistory.js';
+export { ChatInput } from './ChatInput.js';
+export type { ChatInputProps } from './ChatInput.js';
+export { ChatContainer } from './ChatContainer.js';
+export type { ChatContainerProps } from './ChatContainer.js';

package/dist/components/Chat/components/index.js

@@ -0,0 +1,4 @@
+export { ChatMessage } from './ChatMessage.js';
+export { ChatHistory } from './ChatHistory.js';
+export { ChatInput } from './ChatInput.js';
+export { ChatContainer } from './ChatContainer.js';

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

@@ -1,2 +1,2 @@
-export { ChatMessage, ChatHistory, ChatInput, ChatContainer } from './components';
-export type { ChatMessageProps, ChatHistoryProps, ChatMessageEntry, ChatInputProps, ChatContainerProps, } from './components';
+export { ChatMessage, ChatHistory, ChatInput, ChatContainer } from './components/index.js';
+export type { ChatMessageProps, ChatHistoryProps, ChatMessageEntry, ChatInputProps, ChatContainerProps, } from './components/index.js';

package/dist/components/Chat/index.js

@@ -0,0 +1 @@
+export { ChatMessage, ChatHistory, ChatInput, ChatContainer } from './components/index.js';

package/dist/components/Checkbox/components/Checkbox.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import '../../../styles/keyframes.css';
-import './Checkbox.css';
 export interface CheckboxProps {
     /** Whether the checkbox is checked (controlled) */
     checked?: boolean;

package/dist/components/Checkbox/components/Checkbox.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Checkbox as AriaCheckbox } from 'react-aria-components';
+import { cn } from '../../../utils/cn.js';
+/**
+ * DOS-styled Checkbox with bracket text indicator [ ] / [X].
+ * Built on React Aria for accessible keyboard/focus handling.
+ */
+export const Checkbox = forwardRef(({ checked, defaultChecked, onChange, indeterminate = false, label, disabled = false, size = 'md', name, value, className, 'aria-label': ariaLabel, ...props }, ref) => (_jsx(AriaCheckbox, { ref: ref, isSelected: checked, defaultSelected: defaultChecked, isIndeterminate: indeterminate, onChange: onChange, isDisabled: disabled, name: name, value: value, "aria-label": ariaLabel || label, className: cn('inline-flex items-center gap-2 cursor-pointer select-none group', 'font-dos', size === 'sm' ? 'text-dos-text-xs' : 'text-dos-text-sm', 'eidotter-checkbox', disabled && 'opacity-60 cursor-not-allowed', className), "data-size": size, ...props, children: ({ isSelected, isIndeterminate: isIndet }) => (_jsxs(_Fragment, { children: [_jsx("span", { className: cn('eidotter-checkbox__box', isSelected && 'eidotter-checkbox__box--checked', isIndet && 'eidotter-checkbox__box--indeterminate'), children: isIndet ? '[-]' : isSelected ? '[X]' : '[ ]' }), label && _jsx("span", { className: "eidotter-checkbox__label", children: label })] })) })));
+Checkbox.displayName = 'Checkbox';

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

@@ -1,2 +1,2 @@
-export { Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps } from './Checkbox.js';

package/dist/components/Checkbox/components/index.js

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

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

@@ -1,2 +1,2 @@
-export { Checkbox } from './components';
-export type { CheckboxProps } from './components';
+export { Checkbox } from './components/index.js';
+export type { CheckboxProps } from './components/index.js';

package/dist/components/Checkbox/index.js

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

package/dist/components/ChecklistRow/components/ChecklistRow.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils/cn.js';
+const labelToneClasses = {
+    default: 'text-dos-text-primary',
+    muted: 'text-dos-text-muted line-through',
+    error: 'text-dos-error',
+};
+/**
+ * DOS-styled checklist row — a `[x]`/`[ ]` toggle plus label, optional note,
+ * and leading/trailing slots. Ported from Steuerdash (DMNC-856).
+ *
+ * The toggle is a real `<button>` (keyboard + screen-reader operable); the
+ * `[x]`/`[ ]` glyph is the DOS checkbox aesthetic. Tones and the note route
+ * through `text-dos-*` semantic roles (not raw `cga-*`) so the row re-themes.
+ */
+export const ChecklistRow = ({ checked, onToggle, disabled, pending, ariaLabel, labelTone = 'default', label, children, note, leading, trailing, className, }) => (_jsxs("div", { className: cn('eidotter-checklist-row', 'flex items-start gap-3 py-2 border-b border-dos-border-disabled', pending && 'opacity-50', className), children: [_jsx("button", { type: "button", role: "checkbox", "aria-checked": checked, onClick: onToggle, disabled: disabled, "aria-label": ariaLabel ?? (checked ? 'Mark as incomplete' : 'Mark as complete'), className: cn('shrink-0 pt-0.5 font-dos text-dos-text-sm', 'text-dos-text-primary hover:text-dos-text-accent', 'cursor-pointer disabled:cursor-not-allowed'), children: checked ? '[x]' : '[ ]' }), _jsxs("div", { className: "flex-1 min-w-0", children: [leading && _jsx("div", { className: "mb-1", children: leading }), label !== undefined && (_jsx("div", { className: cn('font-dos text-dos-text-sm', labelToneClasses[labelTone]), children: label })), children, note && _jsx("p", { className: "font-dos text-dos-text-xs text-dos-text-muted mt-0.5", children: note })] }), trailing && _jsx("div", { className: "flex items-center gap-2 shrink-0", children: trailing })] }));
+ChecklistRow.displayName = 'ChecklistRow';

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

@@ -1,2 +1,2 @@
-export { ChecklistRow } from './ChecklistRow';
-export type { ChecklistRowProps } from './ChecklistRow';
+export { ChecklistRow } from './ChecklistRow.js';
+export type { ChecklistRowProps } from './ChecklistRow.js';

package/dist/components/ChecklistRow/components/index.js

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

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

@@ -1,2 +1,2 @@
-export { ChecklistRow } from './components';
-export type { ChecklistRowProps } from './components';
+export { ChecklistRow } from './components/index.js';
+export type { ChecklistRowProps } from './components/index.js';

package/dist/components/ChecklistRow/index.js

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

package/dist/components/CmdPalette/components/CmdPalette.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import '../../../styles/keyframes.css';
-import './CmdPalette.css';
 export interface CmdPaletteItem {
     /** Stable identifier for React keys and `onSelect` lookups. */
     id: string;

package/dist/components/CmdPalette/components/CmdPalette.js

@@ -0,0 +1,169 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { ModalOverlay as AriaModalOverlay, Modal as AriaModal, Dialog as AriaDialog, } from 'react-aria-components';
+import { cn } from '../../../utils/cn.js';
+const defaultFooterHint = (_jsx(_Fragment, { children: "\u2191/\u2193 NAVIGATE \u00B7 \u21B5 OPEN \u00B7 ESC CLOSE" }));
+/** Split hotkey string like "mod+shift+p" into a predicate. */
+function parseHotkey(hotkey) {
+    const parts = hotkey.toLowerCase().split('+').map(p => p.trim());
+    const key = parts[parts.length - 1];
+    const mod = parts.includes('mod');
+    const shift = parts.includes('shift');
+    const alt = parts.includes('alt');
+    return (e) => {
+        if (e.key.toLowerCase() !== key)
+            return false;
+        const isMac = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform);
+        const modMatches = mod ? (isMac ? e.metaKey : e.ctrlKey) : !(e.metaKey || e.ctrlKey);
+        if (!modMatches)
+            return false;
+        if (shift !== e.shiftKey)
+            return false;
+        if (alt !== e.altKey)
+            return false;
+        return true;
+    };
+}
+/** Rank items: starts-with on label/keyword ranks first, then substring. */
+function scoreItem(item, query) {
+    if (!query)
+        return 0;
+    const q = query.toLowerCase();
+    const label = item.label.toLowerCase();
+    const kw = (item.keywords || []).map(k => k.toLowerCase());
+    if (label.startsWith(q))
+        return 100;
+    if (kw.some(k => k.startsWith(q)))
+        return 80;
+    if (label.includes(q))
+        return 50;
+    if (kw.some(k => k.includes(q)))
+        return 30;
+    if ((item.type || '').toLowerCase().includes(q))
+        return 10;
+    return -1;
+}
+/**
+ * CmdPalette — ⌘K / Ctrl+K launcher overlay.
+ *
+ * Controlled component. Parent owns `open` and item list; CmdPalette handles
+ * search, keyboard navigation, focus management, and hotkey binding.
+ *
+ * Built on React Aria `ModalOverlay` + `Modal` + `Dialog` — same primitives
+ * as `<Modal>` — so focus trap, Esc-to-close, and backdrop dismissal are
+ * standard.
+ */
+export const CmdPalette = forwardRef(({ open, onOpenChange, items, placeholder = 'SEARCH · TYPE · ▸', hotkey = 'mod+k', emptyMessage = 'NO MATCHES', footerHint = defaultFooterHint, renderItem, maxResults = 20, className, 'aria-label': ariaLabel = 'Command palette', }, ref) => {
+    const baseId = useId();
+    const listboxId = `${baseId}-listbox`;
+    const [query, setQuery] = useState('');
+    const [selected, setSelected] = useState(0);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    // While a keyboard-driven scrollIntoView is flushing, ignore the mouseenter
+    // that fires on the item now under the cursor — otherwise arrow keys and
+    // a still cursor oscillate the selection.
+    const suppressHoverRef = useRef(false);
+    // Ranked, filtered results
+    const results = useMemo(() => {
+        if (!query.trim())
+            return items.slice(0, maxResults);
+        const scored = items
+            .map(i => ({ item: i, score: scoreItem(i, query.trim()) }))
+            .filter(s => s.score >= 0)
+            .sort((a, b) => b.score - a.score)
+            .slice(0, maxResults)
+            .map(s => s.item);
+        return scored;
+    }, [items, query, maxResults]);
+    // Reset state when opened
+    useEffect(() => {
+        if (open) {
+            setQuery('');
+            setSelected(0);
+        }
+    }, [open]);
+    // Reset selection when the query changes
+    useEffect(() => {
+        setSelected(0);
+    }, [query]);
+    // Clamp the selected index when the results list shrinks (e.g. parent mutates
+    // `items` while the palette is open). Prevents aria-activedescendant pointing
+    // at a non-existent id and Enter becoming a no-op until the user touches an
+    // arrow key.
+    useEffect(() => {
+        setSelected(s => Math.min(s, Math.max(0, results.length - 1)));
+    }, [results.length]);
+    // Focus input when open (React Aria handles focus trap; we steer to input)
+    useEffect(() => {
+        if (open) {
+            const id = window.setTimeout(() => inputRef.current?.focus(), 10);
+            return () => window.clearTimeout(id);
+        }
+    }, [open]);
+    // Keep latest open/onOpenChange accessible without rebinding the global listener.
+    // Parents commonly pass an inline onOpenChange, which would otherwise re-attach
+    // the keydown listener on every render.
+    const openRef = useRef(open);
+    const onOpenChangeRef = useRef(onOpenChange);
+    useEffect(() => { openRef.current = open; }, [open]);
+    useEffect(() => { onOpenChangeRef.current = onOpenChange; }, [onOpenChange]);
+    // Global hotkey — rebinds only when `hotkey` itself changes.
+    useEffect(() => {
+        if (hotkey === false)
+            return;
+        const predicate = parseHotkey(hotkey);
+        const handler = (e) => {
+            if (predicate(e)) {
+                e.preventDefault();
+                onOpenChangeRef.current(!openRef.current);
+            }
+        };
+        window.addEventListener('keydown', handler);
+        return () => window.removeEventListener('keydown', handler);
+    }, [hotkey]);
+    // Keep the selected row scrolled into view
+    useEffect(() => {
+        if (!open || results.length === 0)
+            return;
+        const el = listRef.current?.querySelector(`[data-index="${selected}"]`);
+        // jsdom doesn't implement scrollIntoView — guard so tests don't throw.
+        if (el && typeof el.scrollIntoView === 'function') {
+            suppressHoverRef.current = true;
+            el.scrollIntoView({ block: 'nearest' });
+            const id = window.setTimeout(() => { suppressHoverRef.current = false; }, 0);
+            return () => window.clearTimeout(id);
+        }
+    }, [selected, results, open]);
+    const handleSelect = useCallback((item) => {
+        item.onSelect?.(item);
+        onOpenChange(false);
+    }, [onOpenChange]);
+    const handleKeyDown = (e) => {
+        if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            setSelected(i => Math.min(i + 1, Math.max(0, results.length - 1)));
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            setSelected(i => Math.max(0, i - 1));
+        }
+        else if (e.key === 'Enter') {
+            const item = results[selected];
+            if (item) {
+                e.preventDefault();
+                handleSelect(item);
+            }
+        }
+    };
+    return (_jsx(AriaModalOverlay, { isOpen: open, onOpenChange: onOpenChange, isDismissable: true, className: ({ isEntering, isExiting }) => cn('eidotter-cmdpal-overlay', isEntering && 'eidotter-cmdpal-overlay--entering', isExiting && 'eidotter-cmdpal-overlay--exiting'), children: _jsx(AriaModal, { className: ({ isEntering, isExiting }) => cn('eidotter-cmdpal', isEntering && 'eidotter-cmdpal--entering', isExiting && 'eidotter-cmdpal--exiting'), children: _jsxs(AriaDialog, { "aria-label": ariaLabel, className: cn('eidotter-cmdpal__container outline-none', className), ref: ref, children: [_jsxs("div", { className: "eidotter-cmdpal__head", "aria-hidden": "true", children: [_jsx("span", { children: "\u25B8 JUMP TO" }), _jsx("span", { className: "eidotter-cmdpal__blink", children: "_" })] }), _jsx("input", { ref: inputRef, type: "text", role: "combobox", "aria-controls": listboxId, "aria-expanded": true, "aria-autocomplete": "list", "aria-activedescendant": results[selected] ? `${baseId}-item-${results[selected].id}` : undefined, className: "eidotter-cmdpal__input", value: query, placeholder: placeholder, onChange: e => setQuery(e.target.value), onKeyDown: handleKeyDown }), _jsxs("ul", { ref: listRef, id: listboxId, role: "listbox", "aria-label": ariaLabel, className: "eidotter-cmdpal__results", children: [results.length === 0 && (_jsx("li", { className: "eidotter-cmdpal__empty", role: "presentation", children: emptyMessage })), results.map((item, i) => {
+                                const isSelected = i === selected;
+                                return (_jsx("li", { id: `${baseId}-item-${item.id}`, role: "option", "aria-selected": isSelected, "data-index": i, className: cn('eidotter-cmdpal__item', isSelected && 'eidotter-cmdpal__item--selected'), onMouseMove: () => {
+                                        if (suppressHoverRef.current)
+                                            return;
+                                        setSelected(i);
+                                    }, onClick: () => handleSelect(item), children: renderItem ? renderItem(item, isSelected) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "eidotter-cmdpal__item-label", children: [_jsx("span", { className: "eidotter-cmdpal__item-caret", "aria-hidden": "true", children: isSelected ? '▸' : ' ' }), item.label] }), item.hint !== undefined && (_jsx("span", { className: "eidotter-cmdpal__item-hint", children: item.hint }))] })) }, item.id));
+                            })] }), footerHint && (_jsx("div", { className: "eidotter-cmdpal__footer", "aria-hidden": "true", children: footerHint }))] }) }) }));
+});
+CmdPalette.displayName = 'CmdPalette';

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

@@ -1,2 +1,2 @@
-export { CmdPalette } from './CmdPalette';
-export type { CmdPaletteProps, CmdPaletteItem } from './CmdPalette';
+export { CmdPalette } from './CmdPalette.js';
+export type { CmdPaletteProps, CmdPaletteItem } from './CmdPalette.js';

package/dist/components/CmdPalette/components/index.js

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

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

@@ -1,2 +1,2 @@
-export { CmdPalette } from './components';
-export type { CmdPaletteProps, CmdPaletteItem } from './components';
+export { CmdPalette } from './components/index.js';
+export type { CmdPaletteProps, CmdPaletteItem } from './components/index.js';

package/dist/components/CmdPalette/index.js

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

package/dist/components/CommandPrompt/components/CommandPrompt.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import '../../../styles/keyframes.css';
-import './CommandPrompt.css';
 export interface CommandPromptProps {
     /**
      * The prompt string displayed before cursor

package/dist/components/CommandPrompt/components/CommandPrompt.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+/**
+ * DOS-styled CommandPrompt component with authentic terminal aesthetics
+ *
+ * Features:
+ * - Configurable prompt string (e.g., "C:\>", "$")
+ * - Enter key triggers onCommand callback
+ * - Blinking cursor for DOS feel
+ * - Auto-focus support
+ * - WCAG 2.1 AA compliant
+ */
+export const CommandPrompt = ({ prompt = 'C:\\>', onCommand, autoFocus = false, className = '', placeholder, disabled = false, }) => {
+    const [value, setValue] = useState('');
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (autoFocus && inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [autoFocus]);
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && value.trim() && !disabled) {
+            onCommand(value.trim());
+            setValue('');
+        }
+    };
+    const handleContainerClick = () => {
+        if (!disabled && inputRef.current) {
+            inputRef.current.focus();
+        }
+    };
+    return (_jsxs("div", { className: `command-prompt ${disabled ? 'command-prompt--disabled' : ''} ${className}`.trim(), onClick: handleContainerClick, children: [_jsx("span", { className: "command-prompt__prompt", "aria-hidden": "true", children: prompt }), _jsxs("div", { className: "command-prompt__input-wrapper", children: [_jsx("input", { ref: inputRef, className: "command-prompt__input", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, autoFocus: autoFocus, spellCheck: false, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", placeholder: placeholder, disabled: disabled, "aria-label": "Command input", size: value.length || 1 }), _jsx("span", { className: "command-prompt__cursor", "aria-hidden": "true", children: "\u2588" })] })] }));
+};

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

@@ -1,2 +1,2 @@
-export { CommandPrompt } from './CommandPrompt';
-export type { CommandPromptProps } from './CommandPrompt';
+export { CommandPrompt } from './CommandPrompt.js';
+export type { CommandPromptProps } from './CommandPrompt.js';

package/dist/components/CommandPrompt/components/index.js

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

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

@@ -1 +1 @@
-export * from './components';
+export * from './components/index.js';

package/dist/components/CommandPrompt/index.js

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/components/CopyButton/components/CopyButton.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import { cn } from '../../../utils/cn.js';
+/**
+ * DOS-styled copy-to-clipboard button — shows `[cp]`, flips to `[OK]` for ~1.5s
+ * after a successful copy. Uses the async Clipboard API with a `execCommand`
+ * fallback. Ported from Steuerdash (DMNC-858); English default labels (was
+ * German) and `text-dos-link` semantic roles.
+ */
+export const CopyButton = ({ value, label = '[cp]', copiedLabel = '[OK]', title = 'Copy to clipboard', copiedTitle = 'Copied!', className, }) => {
+    const [copied, setCopied] = useState(false);
+    const timerRef = useRef(null);
+    const markCopied = useCallback(() => {
+        setCopied(true);
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => setCopied(false), 1500);
+    }, []);
+    const fallbackCopy = useCallback(() => {
+        const ta = document.createElement('textarea');
+        ta.value = value;
+        ta.style.position = 'fixed';
+        ta.style.opacity = '0';
+        document.body.appendChild(ta);
+        ta.select();
+        try {
+            const ok = document.execCommand('copy');
+            ta.remove();
+            return ok;
+        }
+        catch {
+            ta.remove();
+            return false;
+        }
+    }, [value]);
+    const copy = useCallback(() => {
+        if (navigator.clipboard?.writeText) {
+            navigator.clipboard.writeText(value).then(markCopied).catch(() => {
+                if (fallbackCopy())
+                    markCopied();
+            });
+        }
+        else if (fallbackCopy()) {
+            markCopied();
+        }
+    }, [value, markCopied, fallbackCopy]);
+    return (_jsx("button", { type: "button", onClick: copy, title: copied ? copiedTitle : title, "aria-label": copied ? copiedTitle : title, className: cn('eidotter-copy-button', 'font-dos text-dos-text-xs px-1', 'text-dos-link hover:text-dos-link-hover cursor-pointer', className), children: copied ? copiedLabel : label }));
+};
+CopyButton.displayName = 'CopyButton';

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

@@ -1,2 +1,2 @@
-export { CopyButton } from './CopyButton';
-export type { CopyButtonProps } from './CopyButton';
+export { CopyButton } from './CopyButton.js';
+export type { CopyButtonProps } from './CopyButton.js';

package/dist/components/CopyButton/components/index.js

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

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

@@ -1,2 +1,2 @@
-export { CopyButton } from './components';
-export type { CopyButtonProps } from './components';
+export { CopyButton } from './components/index.js';
+export type { CopyButtonProps } from './components/index.js';

package/dist/components/CopyButton/index.js

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

package/dist/components/DosFigure/components/DosFigure.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './DosFigure.css';
 export interface DosFigurePin {
     /** Horizontal position as a percentage (0–100). */
     x: number;

package/dist/components/DosFigure/components/DosFigure.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
+import { cn } from '../../../utils/cn.js';
+/**
+ * DosFigure — demoscene-style placeholder for media.
+ *
+ * Sierra / LucasArts / demoscene title cards painted the screen with a
+ * limited palette, dithering, and annotated frames. DosFigure recreates
+ * that aesthetic: amber chrome, scanline sweep, optional pins, and a
+ * resolution tag. Use as a lead-in for blog articles or as a placeholder
+ * where a photograph would otherwise go.
+ *
+ * Not intended as a replacement for semantic imagery — pass `aria-label`
+ * (or a `<figcaption>` via `caption`) so the figure is meaningful to AT.
+ */
+export const DosFigure = forwardRef(({ title, resolution, subject, caption, pins = [], animated = true, 'aria-label': ariaLabel, className, }, ref) => {
+    const captionId = useId();
+    const describedById = caption ? captionId : undefined;
+    return (_jsxs("figure", { ref: ref, className: cn('eidotter-dos-figure', animated && 'eidotter-dos-figure--animated', className), role: "img", "aria-label": ariaLabel, "aria-describedby": describedById, children: [title && (_jsx("div", { className: "eidotter-dos-figure__title", "aria-hidden": "true", children: _jsx("span", { children: title }) })), _jsxs("div", { className: "eidotter-dos-figure__frame", children: [_jsx("div", { className: "eidotter-dos-figure__subject", children: subject }), pins.length > 0 && (_jsx("ul", { className: "eidotter-dos-figure__pins", role: "list", children: pins.map((pin, idx) => {
+                            const x = Number.isFinite(pin.x) ? Math.max(0, Math.min(100, pin.x)) : 0;
+                            const y = Number.isFinite(pin.y) ? Math.max(0, Math.min(100, pin.y)) : 0;
+                            return (_jsxs("li", { className: "eidotter-dos-figure__pin", style: { left: `${x}%`, top: `${y}%` }, children: [_jsx("span", { className: "eidotter-dos-figure__pin-dot", "aria-hidden": "true" }), _jsx("span", { className: "eidotter-dos-figure__pin-label", children: pin.label })] }, `${x}-${y}-${idx}`));
+                        }) })), _jsx("span", { className: "eidotter-dos-figure__scanline", "aria-hidden": "true" }), resolution && (_jsx("span", { className: "eidotter-dos-figure__resolution", "aria-hidden": "true", children: resolution }))] }), caption && (_jsx("figcaption", { id: captionId, className: "eidotter-dos-figure__caption", children: caption }))] }));
+});
+DosFigure.displayName = 'DosFigure';

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

@@ -1,2 +1,2 @@
-export { DosFigure } from './DosFigure';
-export type { DosFigureProps, DosFigurePin } from './DosFigure';
+export { DosFigure } from './DosFigure.js';
+export type { DosFigureProps, DosFigurePin } from './DosFigure.js';

package/dist/components/DosFigure/components/index.js

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