eidotter 0.13.2 → 0.15.0

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import './ChatContainer.css';
+import { ChatMessageEntry } from './ChatHistory';
+export interface ChatContainerProps {
+    /** Array of messages to display */
+    messages: ChatMessageEntry[];
+    /** Called when the user sends a message */
+    onSend: (message: string) => void;
+    /** Whether the last assistant message is still streaming */
+    isStreaming?: boolean;
+    /** Prompt character for the input field */
+    inputPrompt?: string;
+    /** Prefix shown before user messages */
+    userPrefix?: string;
+    /** Prefix shown before assistant messages */
+    assistantPrefix?: string;
+    /** Placeholder text for the input field */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * 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 declare const ChatContainer: React.FC<ChatContainerProps & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import './ChatHistory.css';
+/** Data shape for a single chat message */
+export interface ChatMessageEntry {
+    /** Unique message identifier */
+    id: string;
+    /** The sender role */
+    role: 'user' | 'assistant' | 'system';
+    /** Plain text content */
+    content: string;
+    /** When the message was created */
+    createdAt?: Date | string | number;
+}
+export interface ChatHistoryProps {
+    /** Array of messages to display */
+    messages: ChatMessageEntry[];
+    /** Whether the last assistant message is still streaming */
+    isStreaming?: boolean;
+    /** Prefix shown before user messages */
+    userPrefix?: string;
+    /** Prefix shown before assistant messages */
+    assistantPrefix?: string;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * 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 declare const ChatHistory: React.FC<ChatHistoryProps & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,22 @@
+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;
+    /** Prompt character displayed before the input */
+    prompt?: string;
+    /** Placeholder text when input is empty */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * 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 declare const ChatInput: React.FC<ChatInputProps & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import '../../../styles/keyframes.css';
+import './ChatMessage.css';
+export interface ChatMessageProps {
+    /** The role of the message sender */
+    role: 'user' | 'assistant' | 'system';
+    /** The text content of the message */
+    content: string;
+    /** Whether this message is currently being streamed */
+    isStreaming?: boolean;
+    /** Prefix shown before user messages */
+    userPrefix?: string;
+    /** Prefix shown before assistant messages */
+    assistantPrefix?: string;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * 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 declare const ChatMessage: React.FC<ChatMessageProps & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +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';

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

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

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../styles/keyframes.css';
 import './CommandPrompt.css';
 export interface CommandPromptProps {
     /**

package/dist/components/Footer/components/Footer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import '../../Separator/components/Separator.css';
+import './Footer.css';
+export interface FooterLink {
+    /** Display text for the link */
+    label: string;
+    /** URL the link points to */
+    href: string;
+    /** Whether the link opens in a new tab */
+    external?: boolean;
+}
+export interface FooterProps {
+    /** Copyright text (e.g., "2026 Dominic Kennedy") */
+    copyright?: string;
+    /** Array of navigation/legal links */
+    links?: FooterLink[];
+    /** Optional content between separator and links */
+    children?: React.ReactNode;
+    /** Additional CSS class name */
+    className?: string;
+}
+/** Default legal links for German compliance (DDG § 5 / GDPR) */
+export declare const defaultLegalLinks: FooterLink[];
+/**
+ * DOS-themed footer with copyright and configurable legal/nav links.
+ * Uses middle-dot separators between links for authentic terminal aesthetic.
+ *
+ * When no `links` are provided, renders default legal links (Impressum + Datenschutz)
+ * for German compliance. Pass an empty array to explicitly show no links.
+ */
+export declare const Footer: React.FC<FooterProps & React.HTMLAttributes<HTMLElement>>;

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

@@ -0,0 +1,2 @@
+export { Footer, defaultLegalLinks } from './Footer';
+export type { FooterProps, FooterLink } from './Footer';

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

@@ -0,0 +1,2 @@
+export { Footer, defaultLegalLinks } from './components';
+export type { FooterProps, FooterLink } from './components';

package/dist/components/Terminal/components/Terminal.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../styles/keyframes.css';
 import './Terminal.css';
 export interface TerminalProps {
     /**
@@ -19,14 +20,17 @@ export interface TerminalProps {
     resizable?: boolean;
     /**
      * Whether the terminal window can be minimized
+     * @default false
      */
     minimizable?: boolean;
     /**
      * Whether the terminal window can be maximized
+     * @default false
      */
     maximizable?: boolean;
     /**
      * Whether the terminal window can be closed
+     * @default false
      */
     closeable?: boolean;
     /**

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

@@ -1,10 +1,17 @@
 import React from 'react';
-import type { TimelineEntry, ZoomLevel } from './types';
+import type { TimelineEntryData, ZoomLevel } from './types';
 import './TimelineContainer.css';
 import './views/views.css';
 export interface TimelineContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Timeline entries to display */
-    entries: TimelineEntry[];
+    entries: TimelineEntryData[];
+    /**
+     * Display mode
+     * - "interactive" (default): zoom controls, selection, keyboard shortcuts
+     * - "static": read-only vertical feed of expandable entries (replaces TimelineList)
+     * @default 'interactive'
+     */
+    mode?: 'interactive' | 'static';
     /**
      * Controlled zoom level — overrides internal state when provided.
      * Use with `onZoomChange` for full control.

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

@@ -1,14 +1,16 @@
 import React from 'react';
-import type { TimelineEntry } from './types';
+import type { TimelineEntryData } from './types';
+import '../../TimelineEntry/components/TimelineEntry.css';
 export interface TimelineEntryCardProps {
-    entry: TimelineEntry;
+    entry: TimelineEntryData;
     isSelected: boolean;
     onSelect?: (id: string) => void;
     footer?: React.ReactNode;
     children: React.ReactNode;
 }
 /**
- * Memoized entry card wrapper. On selection change, only 2 cards re-render
- * (previously selected + newly selected) instead of all N.
+ * Selectable entry card for TimelineContainer views.
+ * Uses TimelineEntry's card CSS for visual consistency with static timelines.
+ * Adds selection behavior (aria-pressed, glow variant on select).
  */
 export declare const TimelineEntryCard: React.NamedExoticComponent<TimelineEntryCardProps>;

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

@@ -1,4 +1,4 @@
 export { TimelineContainer } from './TimelineContainer';
 export type { TimelineContainerProps } from './TimelineContainer';
 export { ZOOM_LEVELS } from './types';
-export type { TimelineEntry, DateBucket, ZoomLevel } from './types';
+export type { TimelineEntry, TimelineEntryData, DateBucket, ZoomLevel } from './types';

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

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 /**
  * Shared type definitions for TimelineContainer.
  * Extracted to a separate file to avoid circular imports between
@@ -7,27 +8,32 @@
 export declare const ZOOM_LEVELS: readonly ["year", "month", "day", "hour"];
 /** Timeline zoom level */
 export type ZoomLevel = (typeof ZOOM_LEVELS)[number];
-export interface TimelineEntry {
+/** Shared entry data type used across all timeline components */
+export interface TimelineEntryData {
     /** Unique identifier for this entry */
     id: string;
-    /** Entry category — not rendered by default; available for consumer-side filtering/styling. Consider discriminated union if type-specific fields are added. */
-    type: 'event' | 'project' | 'milestone';
-    /** ISO 8601 date string */
+    /** ISO 8601 date string or display date */
     date: string;
     /** Display title */
     title: string;
-    /** Entry body content */
-    content: string;
+    /** Entry body content (string or ReactNode for expandable entries) */
+    content?: ReactNode;
+    /** Entry category — influences node shape/color */
+    type?: 'event' | 'project' | 'milestone';
     /** Categorization tags */
-    tags: string[];
+    tags?: string[];
 }
+/**
+ * @deprecated Use TimelineEntryData instead.
+ */
+export type TimelineEntry = TimelineEntryData;
 export interface DateBucket {
     /** Human-readable label, e.g. "2024", "March 2024", "Mar 15" */
     label: string;
     /** ISO 8601 period start for sorting */
     periodStart: string;
     /** Entries grouped into this time bucket */
-    entries: readonly TimelineEntry[];
+    entries: readonly TimelineEntryData[];
 }
 /** Shared props interface for zoom-level view components */
 export interface TimelineViewProps {

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

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

package/dist/components/TimelineList/components/TimelineList.d.ts

@@ -1,23 +1,18 @@
 import React from 'react';
+import { TimelineEntryData } from '../../TimelineContainer/components/types';
 import './TimelineList.css';
-export interface TimelineListEntry {
-    /** Unique identifier */
-    id: string;
-    /** ISO date or display date */
-    date: string;
-    /** Entry title */
-    title: string;
-    /** Entry content (rendered as children of TimelineItem) */
-    content?: React.ReactNode;
-    /** Entry type — influences node shape/color */
-    type?: string;
-    /** Tags */
-    tags?: string[];
-}
+/**
+ * @deprecated Use TimelineEntryData from TimelineContainer instead.
+ */
+export type TimelineListEntry = TimelineEntryData;
 export interface TimelineListProps {
     /** Timeline entries to display (rendered in the order provided) */
     entries: TimelineListEntry[];
     /** Additional CSS class name */
     className?: string;
 }
+/**
+ * @deprecated Use `<TimelineContainer mode="static">` instead.
+ * TimelineList will be removed in the next major version.
+ */
 export declare const TimelineList: React.FC<TimelineListProps>;