glirastes 0.1.0

package/dist/react/components/mention-chip.d.ts

@@ -0,0 +1,16 @@
+import type { MentionChipProps, MentionChipListProps } from '../types.js';
+/**
+ * Inline mention chip for displaying referenced entities.
+ *
+ * Renders with data-attributes for styling by the host app:
+ * - `data-component="mention-chip"`
+ * - `data-mention-type` — the mention type (task, person, group, command, etc.)
+ * - `data-size` — "inline" | "compact" | "default"
+ *
+ * Sub-elements: icon, prefix, display-name, remove button.
+ */
+export declare function MentionChip({ mention, onRemove, className, compact, inline, }: MentionChipProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * List of mention chips wrapped in a container.
+ */
+export declare function MentionChipList({ mentions, onRemove, className, }: MentionChipListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/mention-chip.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Inline mention chip for displaying referenced entities.
+ *
+ * Renders with data-attributes for styling by the host app:
+ * - `data-component="mention-chip"`
+ * - `data-mention-type` — the mention type (task, person, group, command, etc.)
+ * - `data-size` — "inline" | "compact" | "default"
+ *
+ * Sub-elements: icon, prefix, display-name, remove button.
+ */
+export function MentionChip({ mention, onRemove, className, compact = false, inline = false, }) {
+    const size = inline ? 'inline' : compact ? 'compact' : 'default';
+    const prefix = mention.prefix ?? (mention.type === 'task' || mention.type === 'command' ? '/' : '@');
+    return (_jsxs("span", { className: className, "data-component": "mention-chip", "data-mention-type": mention.type, "data-size": size, children: [_jsx("span", { "data-element": "icon" }), _jsxs("span", { "data-element": "display-name", children: [_jsx("span", { "data-element": "prefix", children: prefix }), mention.displayName] }), onRemove && (_jsxs("button", { type: "button", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onRemove();
+                }, "data-action": "remove", children: ['\u00D7', _jsx("span", { style: {
+                            position: 'absolute',
+                            width: 1,
+                            height: 1,
+                            padding: 0,
+                            margin: -1,
+                            overflow: 'hidden',
+                            clip: 'rect(0,0,0,0)',
+                            whiteSpace: 'nowrap',
+                            borderWidth: 0,
+                        }, children: "Remove" })] }))] }));
+}
+/**
+ * List of mention chips wrapped in a container.
+ */
+export function MentionChipList({ mentions, onRemove, className, }) {
+    if (mentions.length === 0)
+        return null;
+    return (_jsx("div", { className: className, "data-component": "mention-chip-list", children: mentions.map((mention) => (_jsx(MentionChip, { mention: mention, onRemove: onRemove ? () => onRemove(mention.id) : undefined }, mention.id))) }));
+}
+//# sourceMappingURL=mention-chip.js.map

package/dist/react/components/mention-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-chip.js","sourceRoot":"","sources":["../../../src/react/components/mention-chip.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,GACG;IACjB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAErG,OAAO,CACL,gBACE,SAAS,EAAE,SAAS,oBACL,cAAc,uBACV,OAAO,CAAC,IAAI,eACpB,IAAI,aAEf,+BAAmB,MAAM,GAAG,EAC5B,gCAAmB,cAAc,aAC/B,+BAAmB,QAAQ,YAAE,MAAM,GAAQ,EAC1C,OAAO,CAAC,WAAW,IACf,EACN,QAAQ,IAAI,CACX,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACb,CAAC,iBACW,QAAQ,aAEnB,QAAQ,EACT,eAAM,KAAK,EAAE;4BACX,QAAQ,EAAE,UAAU;4BACpB,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,CAAC;4BACV,MAAM,EAAE,CAAC,CAAC;4BACV,QAAQ,EAAE,QAAQ;4BAClB,IAAI,EAAE,eAAe;4BACrB,UAAU,EAAE,QAAQ;4BACpB,WAAW,EAAE,CAAC;yBACf,uBAEM,IACA,CACV,IACI,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,SAAS,GACY;IACrB,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,oBAAiB,mBAAmB,YAC1D,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAFtD,OAAO,CAAC,EAAE,CAGf,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/mention-input.d.ts

@@ -0,0 +1,8 @@
+import type { MentionInputProps } from '../types.js';
+/**
+ * Chat input with mention autocomplete support.
+ *
+ * Uses `RichMentionInput` for editing, provides autocomplete for `@` and `/`,
+ * and keeps selected mentions in provider state for serialization on send.
+ */
+export declare function MentionInput({ className, onSubmit }: MentionInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/mention-input.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useMemo } from 'react';
+import { MentionChipList } from './mention-chip.js';
+import { RichMentionInput } from './rich-mention-input.js';
+import { VoiceInputAddon } from './voice-input-addon.js';
+import { useChatContext } from '../provider/chat-context.js';
+import { inferMentionPrefix, normalizeMentionSlug } from '../utils/mention-markup.js';
+/**
+ * Chat input with mention autocomplete support.
+ *
+ * Uses `RichMentionInput` for editing, provides autocomplete for `@` and `/`,
+ * and keeps selected mentions in provider state for serialization on send.
+ */
+export function MentionInput({ className, onSubmit }) {
+    const { send, stop, isLoading, classNames, locale, components, mentionResults, setMentionSearch, clearMentionSearch, isMentionSearching, hasMentions, mentionConfig, addActiveMention, removeActiveMention, clearActiveMentions, activeMentions, voice, } = useChatContext();
+    const [value, setValue] = useState('');
+    const inputRef = useRef(null);
+    const InputExtra = components.InputExtra;
+    const detectMentionQuery = useCallback((text) => {
+        const match = text.match(/(?:^|\s)([@/])([a-zA-Z0-9._-]{1,80})$/);
+        if (!match)
+            return null;
+        return {
+            trigger: match[1],
+            query: match[2] ?? '',
+        };
+    }, []);
+    const updateValue = useCallback((nextValue) => {
+        setValue(nextValue);
+        if (!hasMentions)
+            return;
+        const mentionState = detectMentionQuery(nextValue);
+        if (mentionState && mentionState.query.length > 0) {
+            setMentionSearch(mentionState.query, mentionState.trigger);
+            return;
+        }
+        clearMentionSearch();
+    }, [clearMentionSearch, detectMentionQuery, hasMentions, setMentionSearch]);
+    const handleSubmit = useCallback((message) => {
+        const trimmed = message.trim();
+        if (!trimmed || isLoading)
+            return;
+        if (onSubmit) {
+            onSubmit(trimmed);
+        }
+        else {
+            send(trimmed);
+        }
+        setValue('');
+        clearMentionSearch();
+        clearActiveMentions();
+    }, [clearActiveMentions, clearMentionSearch, isLoading, onSubmit, send]);
+    const selectedMentionIds = useMemo(() => new Set(activeMentions.map((mention) => String(mention.id))), [activeMentions]);
+    const applyMention = useCallback(async (result) => {
+        const mentionState = detectMentionQuery(value);
+        const prefix = mentionState?.trigger ?? inferMentionPrefix(result.type);
+        const explicitSlug = result.slug;
+        const slug = typeof explicitSlug === 'string' && explicitSlug.trim().length > 0
+            ? explicitSlug.trim()
+            : normalizeMentionSlug(result.label);
+        const token = `${prefix}${slug}`;
+        const replaced = value.replace(/(^|\s)([@/])[a-zA-Z0-9._-]*$/, `$1${token} `);
+        const nextValue = replaced === value
+            ? `${value.trimEnd()} ${token} `.trimStart()
+            : replaced;
+        let resolved = {};
+        if (mentionConfig?.resolve) {
+            try {
+                resolved = await mentionConfig.resolve(result.id, result.type);
+            }
+            catch {
+                resolved = {};
+            }
+        }
+        addActiveMention({
+            ...resolved,
+            id: result.id,
+            type: result.type,
+            label: result.label,
+            displayName: typeof resolved.displayName === 'string' ? resolved.displayName : result.label,
+            slug,
+            prefix,
+        });
+        updateValue(nextValue);
+        clearMentionSearch();
+        inputRef.current?.focus();
+    }, [
+        addActiveMention,
+        clearMentionSearch,
+        detectMentionQuery,
+        mentionConfig,
+        updateValue,
+        value,
+    ]);
+    return (_jsxs("div", { "data-component": "mention-input", children: [_jsxs("form", { onSubmit: (event) => {
+                    event.preventDefault();
+                    handleSubmit(value);
+                }, className: className ?? classNames.input, children: [_jsx(MentionChipList, { mentions: activeMentions.map((mention) => ({
+                            id: String(mention.id),
+                            type: String(mention.type),
+                            displayName: typeof mention.displayName === 'string'
+                                ? mention.displayName
+                                : typeof mention.label === 'string'
+                                    ? mention.label
+                                    : String(mention.id),
+                            slug: typeof mention.slug === 'string' ? mention.slug : undefined,
+                            prefix: typeof mention.prefix === 'string' ? mention.prefix : undefined,
+                        })), onRemove: removeActiveMention }), _jsx(RichMentionInput, { ref: inputRef, value: value, onChange: updateValue, onSubmit: handleSubmit, placeholder: locale.placeholder, disabled: isLoading }), voice.enabled && (_jsx(VoiceInputAddon, { disabled: isLoading, language: voice.language ?? 'de', baseUrl: voice.baseUrl, getToken: voice.getToken, onTranscript: (text) => {
+                            const nextValue = value.length > 0 ? `${value} ${text}` : text;
+                            updateValue(nextValue);
+                        }, onError: voice.onError, showRecordingBar: voice.recordingBar?.enabled ?? true, recordingBarVariant: voice.recordingBar?.variant ?? 'inline' })), InputExtra && _jsx(InputExtra, {}), isLoading ? (_jsx("button", { type: "button", onClick: stop, "data-action": "stop", children: locale.stopButton })) : (_jsx("button", { type: "submit", disabled: !value.trim(), "data-action": "send", children: locale.sendButton }))] }), hasMentions && mentionResults.length > 0 && (_jsx("div", { "data-component": "mention-dropdown", "data-state": isMentionSearching ? 'searching' : 'idle', children: mentionResults.map((result) => (_jsxs("button", { type: "button", onClick: () => {
+                        void applyMention(result);
+                    }, "data-mention-type": result.type, "data-selected": selectedMentionIds.has(result.id) ? 'true' : 'false', children: [result.label, result.description && (_jsx("span", { "data-element": "description", children: result.description }))] }, result.id))) }))] }));
+}
+//# sourceMappingURL=mention-input.js.map

package/dist/react/components/mention-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-input.js","sourceRoot":"","sources":["../../../src/react/components/mention-input.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/message-bubble.d.ts

@@ -0,0 +1,11 @@
+import type { MessageBubbleProps } from '../types.js';
+/**
+ * Single message bubble.
+ *
+ * Renders text parts via Markdown component, mention markers as chips,
+ * tool results via ToolResultBlock, and handles AI SDK 5.x/6.x tool part
+ * format (`type: 'tool-{name}'`).
+ *
+ * Uses `data-role` attribute for styling (user/assistant/system).
+ */
+export declare function MessageBubble({ message, className }: MessageBubbleProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/message-bubble.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+import { MentionChip as DefaultMentionChip } from './mention-chip.js';
+import { useChatContext } from '../provider/chat-context.js';
+import { parseMentionSegments, stripContextBlocks } from '../utils/mention-markup.js';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null;
+}
+function shouldRenderToolResult(toolName, mode, allowlist) {
+    if (mode === 'hidden')
+        return false;
+    if (mode === 'allowlist')
+        return allowlist.includes(toolName);
+    return true;
+}
+function isTextPart(part) {
+    return isRecord(part) && part.type === 'text' && typeof part.text === 'string';
+}
+/**
+ * Single message bubble.
+ *
+ * Renders text parts via Markdown component, mention markers as chips,
+ * tool results via ToolResultBlock, and handles AI SDK 5.x/6.x tool part
+ * format (`type: 'tool-{name}'`).
+ *
+ * Uses `data-role` attribute for styling (user/assistant/system).
+ */
+export function MessageBubble({ message, className }) {
+    const { classNames, components, toolResults } = useChatContext();
+    const MarkdownComponent = components.Markdown ?? DefaultMarkdown;
+    const ToolResultComponent = components.ToolResultBlock ?? DefaultToolResult;
+    const MentionChipComponent = components.MentionChip ?? DefaultMentionChip;
+    const mode = toolResults.mode ?? 'default';
+    const allowlist = toolResults.allowlist ?? [];
+    // Extract tool result summaries as fallback text when no text parts exist
+    const cleanTextParts = message.parts
+        .filter(isTextPart)
+        .filter((p) => p.text.trim())
+        .map((p) => stripContextBlocks(p.text));
+    const hasTextContent = cleanTextParts.some((text) => text.trim().length > 0);
+    // Build fallback summary from tool outputs
+    let fallbackSummary = '';
+    if (!hasTextContent && message.role === 'assistant') {
+        const summaries = [];
+        for (const part of message.parts) {
+            if (!isRecord(part))
+                continue;
+            const partType = typeof part.type === 'string' ? part.type : '';
+            // Handle tool-{name} parts (AI SDK 5.x/6.x format)
+            if (partType.startsWith('tool-') && part.state === 'output-available' && isRecord(part.output)) {
+                if (typeof part.output.message === 'string') {
+                    summaries.push(part.output.message);
+                }
+            }
+            // Handle tool-result parts
+            if (partType === 'tool-result' && isRecord(part.result)) {
+                if (typeof part.result.message === 'string') {
+                    summaries.push(part.result.message);
+                }
+            }
+        }
+        fallbackSummary = summaries[0] ?? '';
+    }
+    // Skip truly empty assistant messages
+    if (message.role === 'assistant' && !hasTextContent && !fallbackSummary) {
+        const hasToolOutput = message.parts.some(p => {
+            if (!isRecord(p))
+                return false;
+            const t = typeof p.type === 'string' ? p.type : '';
+            return (t.startsWith('tool-') && p.state === 'output-available') || t === 'tool-result';
+        });
+        if (!hasToolOutput)
+            return null;
+    }
+    return (_jsxs("div", { className: className ?? classNames.messageBubble, "data-component": "message-bubble", "data-role": message.role, children: [cleanTextParts.map((text, i) => {
+                const segments = parseMentionSegments(text);
+                const hasMention = segments.some((segment) => segment.kind === 'mention');
+                if (!hasMention) {
+                    if (!text.trim())
+                        return null;
+                    return (_jsx(MarkdownComponent, { content: text }, `text-${i}`));
+                }
+                return (_jsx("div", { "data-component": "message-rich-text", children: segments.map((segment, index) => {
+                        if (segment.kind === 'text') {
+                            if (!segment.text)
+                                return null;
+                            return (_jsx("span", { "data-component": "message-rich-text-part", children: segment.text }, `segment-text-${index}`));
+                        }
+                        return (_jsx(MentionChipComponent, { mention: segment.mention, inline: true }, `segment-mention-${index}`));
+                    }) }, `mention-text-${i}`));
+            }), !hasTextContent && fallbackSummary && (_jsx(MarkdownComponent, { content: fallbackSummary })), message.parts.map((part, i) => {
+                // Standard ToolResultPart
+                if ('toolName' in part && 'result' in part && part.result !== undefined) {
+                    if (!shouldRenderToolResult(part.toolName, mode, allowlist))
+                        return null;
+                    return (_jsx(ToolResultComponent, { toolName: part.toolName, result: part.result }, `tool-${i}`));
+                }
+                // AI SDK 5.x/6.x tool-{name} parts with output
+                if (isRecord(part)) {
+                    const partType = typeof part.type === 'string' ? part.type : '';
+                    if (partType.startsWith('tool-') && part.state === 'output-available' && part.output !== undefined) {
+                        const toolName = partType.replace('tool-', '');
+                        // Skip suggest_followups — handled by suggestion system
+                        if (toolName === 'suggest_followups')
+                            return null;
+                        if (!shouldRenderToolResult(toolName, mode, allowlist))
+                            return null;
+                        return (_jsx(ToolResultComponent, { toolName: toolName, result: part.output }, `tool-${i}`));
+                    }
+                }
+                return null;
+            })] }));
+}
+function DefaultMarkdown({ content, className }) {
+    return (_jsx("div", { className: className, "data-component": "markdown", children: _jsx(ReactMarkdown, { children: content }) }));
+}
+function DefaultToolResult({ toolName, result, className, }) {
+    if (isRecord(result) && typeof result.message === 'string' && result.message.trim().length > 0) {
+        return (_jsx("div", { className: className, "data-component": "tool-result", "data-tool": toolName, children: result.message }));
+    }
+    return (_jsxs("details", { className: className, "data-component": "tool-result", "data-tool": toolName, children: [_jsx("summary", { children: toolName }), _jsx("pre", { children: JSON.stringify(result, null, 2) })] }));
+}
+//# sourceMappingURL=message-bubble.js.map

package/dist/react/components/message-bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.js","sourceRoot":"","sources":["../../../src/react/components/message-bubble.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/message-list.d.ts

@@ -0,0 +1,8 @@
+import type { MessageListProps } from '../types.js';
+/**
+ * Scrollable message list with auto-scroll and pagination.
+ *
+ * Uses the `MessageBubble` component from provider config or the default.
+ * Supports `loadMore` for infinite scroll upwards.
+ */
+export declare function MessageList({ className }: MessageListProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/message-list.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback } from 'react';
+import { useChatContext } from '../provider/chat-context.js';
+import { MessageBubble as DefaultMessageBubble } from './message-bubble.js';
+/**
+ * Scrollable message list with auto-scroll and pagination.
+ *
+ * Uses the `MessageBubble` component from provider config or the default.
+ * Supports `loadMore` for infinite scroll upwards.
+ */
+export function MessageList({ className }) {
+    const { messages, isLoading, hasMore, loadMore, classNames, components, locale } = useChatContext();
+    const endRef = useRef(null);
+    const containerRef = useRef(null);
+    const userScrolledRef = useRef(false);
+    const BubbleComponent = components.MessageBubble ?? DefaultMessageBubble;
+    // New message: reset user-scroll and force scroll to bottom.
+    useEffect(() => {
+        userScrolledRef.current = false;
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const id = requestAnimationFrame(() => { el.scrollTop = el.scrollHeight; });
+        return () => cancelAnimationFrame(id);
+    }, [messages.length]);
+    // Streaming chunks & loading-state changes: keep at bottom unless user scrolled up.
+    useEffect(() => {
+        if (userScrolledRef.current)
+            return;
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const id = requestAnimationFrame(() => { el.scrollTop = el.scrollHeight; });
+        return () => cancelAnimationFrame(id);
+    }, [messages, isLoading]);
+    // Detect user scroll: programmatic scroll lands at scrollHeight (dist ≈ 0),
+    // user scroll-up moves away from bottom (dist > 80).
+    const handleScroll = useCallback(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const dist = el.scrollHeight - el.scrollTop - el.clientHeight;
+        if (dist <= 2)
+            userScrolledRef.current = false;
+        else if (dist > 80)
+            userScrolledRef.current = true;
+    }, []);
+    return (_jsxs("div", { ref: containerRef, onScroll: handleScroll, className: className ?? classNames.messageList, "data-component": "message-list", children: [hasMore && (_jsx("button", { onClick: loadMore, "data-action": "load-more", children: locale.loadMoreButton ?? 'Load more' })), messages.map((message) => (_jsx(BubbleComponent, { message: message }, message.id))), _jsx("div", { ref: endRef })] }));
+}
+//# sourceMappingURL=message-list.js.map

package/dist/react/components/message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.js","sourceRoot":"","sources":["../../../src/react/components/message-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAG5E;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAoB;IACzD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpG,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,UAAU,CAAC,aAAa,IAAI,oBAAoB,CAAC;IAEzE,6DAA6D;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtB,oFAAoF;IACpF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,OAAO;YAAE,OAAO;QACpC,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,EAAE,GAAG,qBAAqB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,4EAA4E;IAC5E,qDAAqD;IACrD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;QAC9D,IAAI,IAAI,IAAI,CAAC;YAAE,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;aAC1C,IAAI,IAAI,GAAG,EAAE;YAAE,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eACE,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,SAAS,IAAI,UAAU,CAAC,WAAW,oBAC/B,cAAc,aAE5B,OAAO,IAAI,CACV,iBAAQ,OAAO,EAAE,QAAQ,iBAAc,WAAW,YAC/C,MAAM,CAAC,cAAc,IAAI,WAAW,GAC9B,CACV,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,eAAe,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CACvD,CAAC,EACF,cAAK,GAAG,EAAE,MAAM,GAAI,IAChB,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/pipeline-timeline.d.ts

@@ -0,0 +1,7 @@
+import type { PipelineTimelineProps } from '../types.js';
+/**
+ * Vertical step timeline for the streamed pipeline report.
+ *
+ * Keeps styling neutral via `data-*` attributes.
+ */
+export declare function PipelineTimeline({ steps, pipelineState, isLoading, onStop, className, }: PipelineTimelineProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/pipeline-timeline.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { useChatContext } from '../provider/chat-context.js';
+function statusLabel(status, labels) {
+    switch (status) {
+        case 'running':
+            return labels.running;
+        case 'completed':
+            return labels.completed;
+        case 'safety-stop':
+            return labels.safetyStop;
+        case 'aborted':
+            return labels.aborted;
+        case 'error':
+            return labels.error;
+        default:
+            return labels.running;
+    }
+}
+/**
+ * Vertical step timeline for the streamed pipeline report.
+ *
+ * Keeps styling neutral via `data-*` attributes.
+ */
+export function PipelineTimeline({ steps, pipelineState, isLoading, onStop, className, }) {
+    const { classNames, locale, toolLabels, pipelineMessageTranslator, stepSummaryFormatter } = useChatContext();
+    /** Translate a raw tool name via toolLabels (singular/plural). */
+    const translateToolCalls = (toolCalls) => {
+        const labelMap = toolLabels.labels;
+        if (!labelMap)
+            return toolCalls.join(', ');
+        return toolCalls
+            .map((name) => {
+            const entry = labelMap[name];
+            return entry ? entry.singular : name;
+        })
+            .join(', ');
+    };
+    const currentStatus = pipelineState?.status ?? (isLoading ? 'running' : null);
+    const labels = useMemo(() => ({
+        running: locale.pipelineRunningLabel ?? 'Running',
+        completed: locale.pipelineCompletedLabel ?? 'Completed',
+        safetyStop: locale.pipelineSafetyStopLabel ?? 'Safety stop',
+        aborted: locale.pipelineAbortedLabel ?? 'Stopped',
+        error: locale.pipelineErrorLabel ?? 'Error',
+        step: locale.pipelineStepLabel ?? 'Step',
+        approvalPending: locale.pipelineApprovalPendingLabel ?? 'Approval pending',
+    }), [locale]);
+    const [collapsed, setCollapsed] = useState(true);
+    const scrollRef = useRef(null);
+    // Auto-scroll to bottom when new steps arrive
+    useEffect(() => {
+        if (!collapsed && scrollRef.current) {
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+        }
+    }, [steps.length, collapsed]);
+    const hasContent = steps.length > 0 || currentStatus !== null;
+    if (!hasContent)
+        return null;
+    return (_jsxs("section", { className: className ?? classNames.pipelineTimeline, "data-component": "pipeline-timeline", "data-state": currentStatus ?? 'idle', "data-collapsed": collapsed ? 'true' : 'false', children: [_jsxs("div", { "data-element": "header", onClick: () => setCollapsed(c => !c), role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    setCollapsed(c => !c);
+                } }, children: [_jsxs("div", { "data-element": "header-left", children: [_jsx("span", { "data-element": "chevron", "aria-hidden": "true" }), _jsx("strong", { children: locale.pipelineTitle ?? 'Pipeline' }), collapsed && steps.length > 0 && (_jsx("span", { "data-element": "step-count", children: steps.length }))] }), _jsxs("div", { "data-element": "header-right", children: [currentStatus && (_jsx("span", { "data-element": "status", children: statusLabel(currentStatus, labels) })), isLoading && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); onStop?.(); }, "data-action": "stop-pipeline", children: locale.stopButton }))] })] }), !collapsed && (_jsxs(_Fragment, { children: [_jsx("ol", { "data-element": "steps", ref: scrollRef, children: steps.map((step) => {
+                            const summary = stepSummaryFormatter ? stepSummaryFormatter(step) : step.summary;
+                            return (_jsxs("li", { "data-element": "step", "data-status": step.requiresApproval ? 'approval-pending' : 'completed', title: summary, children: [_jsx("span", { "data-element": "title", children: step.stepNumber + 1 }), step.toolCalls.length > 0 ? (_jsx("span", { "data-element": "tools", children: translateToolCalls(step.toolCalls) })) : (_jsx("span", { "data-element": "summary", children: summary })), step.requiresApproval && (_jsx("span", { "data-element": "approval", children: labels.approvalPending }))] }, `step-${step.stepNumber}`));
+                        }) }), pipelineState?.message && (_jsx("p", { "data-element": "message", children: pipelineMessageTranslator
+                            ? pipelineMessageTranslator(pipelineState.message)
+                            : pipelineState.message }))] }))] }));
+}
+//# sourceMappingURL=pipeline-timeline.js.map

package/dist/react/components/pipeline-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline-timeline.js","sourceRoot":"","sources":["../../../src/react/components/pipeline-timeline.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/recording-bar.d.ts

@@ -0,0 +1,2 @@
+import type { RecordingBarProps } from '../types.js';
+export declare function RecordingBar(props: RecordingBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/recording-bar.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { CancelButton, StopButton } from './recording-controls.js';
+function joinClassNames(...values) {
+    return values.filter(Boolean).join(' ');
+}
+function LiveWave({ className }) {
+    const containerRef = useRef(null);
+    const [loadFailed, setLoadFailed] = useState(false);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        let disposed = false;
+        const cleanupRef = { current: () => { } };
+        // Lazy-load wavesurfer.js — only needed during recording
+        Promise.all([
+            import('wavesurfer.js').then((m) => m.default),
+            import('wavesurfer.js/dist/plugins/record.esm.js').then((m) => m.default),
+        ])
+            .then(([WaveSurfer, RecordPlugin]) => {
+            if (disposed)
+                return;
+            const ws = WaveSurfer.create({
+                container,
+                waveColor: '#000000',
+                height: 28,
+                barWidth: 2,
+                barGap: 1,
+                barRadius: 2,
+                cursorWidth: 0,
+                interact: false,
+                normalize: true,
+            });
+            const record = ws.registerPlugin(RecordPlugin.create({
+                scrollingWaveform: true,
+                scrollingWaveformWindow: 5,
+                renderRecordedAudio: false,
+            }));
+            void record.startMic().catch(() => {
+                // Ignore: mic permissions may be handled by the transcription hook.
+            });
+            cleanupRef.current = () => {
+                record.stopMic();
+                record.destroy();
+                ws.destroy();
+            };
+        })
+            .catch((err) => {
+            console.warn('[RecordingBar] wavesurfer.js is not installed — waveform visualization disabled. Install it with: npm install wavesurfer.js', err);
+            if (!disposed)
+                setLoadFailed(true);
+        });
+        return () => {
+            disposed = true;
+            cleanupRef.current();
+        };
+    }, []);
+    if (loadFailed) {
+        return _jsx(LoadingDots, {});
+    }
+    return _jsx("div", { ref: containerRef, className: joinClassNames('glirastes-recording-wave', className) });
+}
+function LoadingDots() {
+    return (_jsxs("div", { "data-part": "loading-dots", style: { display: 'flex', gap: '4px', alignItems: 'center', justifyContent: 'center' }, children: [_jsx("span", { "data-dot": "1", style: { width: '6px', height: '6px', borderRadius: '50%', background: 'currentColor', animation: 'dot-pulse 1.4s ease-in-out infinite' } }), _jsx("span", { "data-dot": "2", style: { width: '6px', height: '6px', borderRadius: '50%', background: 'currentColor', animation: 'dot-pulse 1.4s ease-in-out 0.2s infinite' } }), _jsx("span", { "data-dot": "3", style: { width: '6px', height: '6px', borderRadius: '50%', background: 'currentColor', animation: 'dot-pulse 1.4s ease-in-out 0.4s infinite' } })] }));
+}
+function RecordingBarInner({ isConnecting, onCancel, onStop, variant, className, }) {
+    const handleCancel = useCallback(() => onCancel(), [onCancel]);
+    const handleStop = useCallback(() => onStop(), [onStop]);
+    return (_jsxs("div", { className: joinClassNames('glirastes-recording-bar', variant === 'trigger' ? 'glirastes-recording-bar-trigger' : 'glirastes-recording-bar-inline', className), "data-component": "recording-bar", "data-variant": variant, style: { display: 'flex', alignItems: 'center', gap: '8px', ...(variant === 'inline' ? { height: '36px' } : {}) }, children: [_jsx(CancelButton, { onClick: handleCancel, ariaLabel: "Aufnahme abbrechen", title: "Aufnahme abbrechen" }), _jsx("div", { "data-part": "wave-container", style: { flex: 1, minWidth: 0, display: 'flex', alignItems: 'center' }, children: isConnecting ? _jsx(LoadingDots, {}) : _jsx(LiveWave, {}) }), _jsx(StopButton, { onClick: handleStop, ariaLabel: "Aufnahme stoppen", title: "Aufnahme stoppen" })] }));
+}
+export function RecordingBar(props) {
+    if (props.variant === 'trigger') {
+        if (typeof document === 'undefined')
+            return null;
+        return createPortal(_jsx("div", { "data-component": "recording-bar-portal", children: _jsx(RecordingBarInner, { ...props }) }), document.body);
+    }
+    return _jsx(RecordingBarInner, { ...props });
+}
+//# sourceMappingURL=recording-bar.js.map

package/dist/react/components/recording-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-bar.js","sourceRoot":"","sources":["../../../src/react/components/recording-bar.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/recording-controls.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared cancel / stop buttons used by both AiTriggerButton and RecordingBar.
+ * All styling is done via inline styles so the buttons render identically
+ * regardless of the host CSS context (portal, chat panel, etc.).
+ */
+interface CancelButtonProps {
+    onClick: () => void;
+    ariaLabel?: string;
+    title?: string;
+}
+export declare function CancelButton({ onClick, ariaLabel, title }: CancelButtonProps): import("react/jsx-runtime").JSX.Element;
+interface StopButtonProps {
+    onClick: () => void;
+    ariaLabel?: string;
+    title?: string;
+}
+export declare function StopButton({ onClick, ariaLabel, title }: StopButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};