glirastes 0.4.0 → 0.5.0

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef, useLayoutEffect, } from 'react';
+import { useState, useCallback, useRef, useContext, useLayoutEffect, } from 'react';
 import { useChatContext } from '../provider/chat-context.js';
 import { VoiceInputAddon } from './voice-input-addon.js';
+import { ChatWindowVisibilityContext } from './chat-window-visibility.js';
 /**
  * Plain chat input field with submit handling.
  *
@@ -11,6 +12,7 @@ import { VoiceInputAddon } from './voice-input-addon.js';
  * Toggles between send and stop button based on loading state.
  */
 export function ChatInput({ className, onSubmit }) {
+    const visible = useContext(ChatWindowVisibilityContext);
     const { send, stop, isLoading, classNames, locale, components, voice } = useChatContext();
     const [value, setValue] = useState('');
     const InputExtra = components.InputExtra;
@@ -40,8 +42,8 @@ export function ChatInput({ className, onSubmit }) {
         if (onSubmit) {
             onSubmit(trimmed);
         }
-        else {
-            send(trimmed);
+        else if (!send(trimmed)) {
+            return;
         }
         setValue('');
     }, [value, isLoading, onSubmit, send]);
@@ -51,8 +53,8 @@ export function ChatInput({ className, onSubmit }) {
             handleSubmit(e);
         }
     }, [handleSubmit]);
-    return (_jsxs("form", { onSubmit: handleSubmit, className: className ?? classNames.input, "data-component": "chat-input", children: [_jsx("textarea", { ref: textareaRef, autoFocus: true, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, placeholder: locale.placeholder, disabled: isLoading, rows: 1, "data-state": isLoading ? 'loading' : 'idle' }), voice.enabled && (_jsx(VoiceInputAddon, { disabled: isLoading, language: voice.language ?? 'de', baseUrl: voice.baseUrl, getToken: voice.getToken, onTranscript: (text) => {
+    return (_jsxs("form", { onSubmit: handleSubmit, className: className ?? classNames.input, "data-component": "chat-input", children: [_jsx("textarea", { ref: textareaRef, autoFocus: visible, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, placeholder: locale.placeholder, disabled: isLoading, rows: 1, "data-state": isLoading ? 'loading' : 'idle' }), voice.enabled && (_jsx(VoiceInputAddon, { disabled: isLoading, language: voice.language ?? 'de', baseUrl: voice.baseUrl, getToken: voice.getToken, onTranscript: (text) => {
                     setValue((prev) => (prev.length > 0 ? `${prev} ${text}` : text));
-                }, 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 }))] }));
+                }, onError: voice.onError, showRecordingBar: voice.recordingBar?.enabled ?? true, recordingBarVariant: voice.recordingBar?.variant ?? 'inline', adapter: voice.adapter, pushToTalk: voice.pushToTalk, routeKey: voice.routeKey })), 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 }))] }));
 }
 //# sourceMappingURL=chat-input.js.map

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

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

package/dist/react/components/chat-window-visibility.d.ts

@@ -0,0 +1,3 @@
+/** Internal presentation signal, not a second recording/session owner.
+ * Standalone components are visible unless a retained window hides them. */
+export declare const ChatWindowVisibilityContext: import("react").Context<boolean>;

package/dist/react/components/chat-window-visibility.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+/** Internal presentation signal, not a second recording/session owner.
+ * Standalone components are visible unless a retained window hides them. */
+export const ChatWindowVisibilityContext = createContext(true);
+//# sourceMappingURL=chat-window-visibility.js.map

package/dist/react/components/chat-window-visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-visibility.js","sourceRoot":"","sources":["../../../src/react/components/chat-window-visibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;4EAC4E;AAC5E,MAAM,CAAC,MAAM,2BAA2B,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC"}

package/dist/react/components/chat-window.d.ts

@@ -1,2 +1,2 @@
 import type { ChatWindowProps } from '../types.js';
-export declare function ChatWindow({ children, title, closeChatAriaLabel, className, headerClassName, bodyClassName, portal, open, defaultOpen, onOpenChange, draggable, resizable, constrainToViewport, width, height, minWidth, minHeight, maxWidth, maxHeight, initialPosition, snapToCenter, snapRadius, edgeThreshold, persistDimensions, header, headerActions, headerTitle, renderHeader, onPositionChange, onDimensionChange, resizeHandleClassName, snapIndicatorClassName, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChatWindow({ children, title, closeChatAriaLabel, className, headerClassName, bodyClassName, portal, mode, defaultMode, onModeChange, layoutControls, collapsed, onCollapsedChange, sidebarWidth, minSidebarWidth, maxSidebarWidth, onSidebarWidthChange, layoutLabels, open, keepMounted, defaultOpen, onOpenChange, draggable, resizable, constrainToViewport, width, height, minWidth, minHeight, maxWidth, maxHeight, initialPosition, snapToCenter, snapRadius, edgeThreshold, persistDimensions, persistSidebarWidth, header, headerActions, headerTitle, renderHeader, onPositionChange, onDimensionChange, resizeHandleClassName, snapIndicatorClassName, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/components/chat-window.js

@@ -2,16 +2,72 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useRef, useEffect, useCallback, useContext, } from 'react';
 import { createPortal } from 'react-dom';
 import { useDragResizePanel } from '../hooks/use-drag-resize-panel.js';
+import { useSidebarResize } from '../hooks/use-sidebar-resize.js';
 import { ChatContext } from '../provider/chat-context.js';
-export function ChatWindow({ children, title = 'Assistant', closeChatAriaLabel, className, headerClassName, bodyClassName, portal = true, open, defaultOpen = true, onOpenChange, draggable = true, resizable = true, constrainToViewport = true, width = 420, height = 640, minWidth = 320, minHeight = 420, maxWidth, maxHeight, initialPosition, snapToCenter, snapRadius, edgeThreshold, persistDimensions, header, headerActions, headerTitle, renderHeader, onPositionChange, onDimensionChange, resizeHandleClassName, snapIndicatorClassName, }) {
+import { ChatWindowVisibilityContext } from './chat-window-visibility.js';
+export function ChatWindow({ children, title = 'Assistant', closeChatAriaLabel, className, headerClassName, bodyClassName, portal = true, mode, defaultMode = 'floating', onModeChange, layoutControls = false, collapsed, onCollapsedChange, sidebarWidth = 420, minSidebarWidth = 320, maxSidebarWidth = 800, onSidebarWidthChange, layoutLabels, open, keepMounted = false, defaultOpen = true, onOpenChange, draggable = true, resizable = true, constrainToViewport = true, width = 420, height = 640, minWidth = 320, minHeight = 420, maxWidth, maxHeight, initialPosition, snapToCenter, snapRadius, edgeThreshold, persistDimensions, persistSidebarWidth = true, header, headerActions, headerTitle, renderHeader, onPositionChange, onDimensionChange, resizeHandleClassName, snapIndicatorClassName, }) {
     const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
     const isOpen = open ?? uncontrolledOpen;
+    const [uncontrolledMode, setUncontrolledMode] = useState(defaultMode);
+    const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState(false);
+    const currentMode = mode ?? uncontrolledMode;
+    const isSidebar = currentMode === 'sidebar';
+    const isCollapsed = isSidebar && (collapsed ?? uncontrolledCollapsed);
+    const labels = {
+        dock: 'Dock chat', float: 'Float chat', collapse: 'Collapse chat',
+        expand: 'Expand chat', resize: 'Resize chat sidebar', ...layoutLabels,
+    };
+    const updateCollapsed = (value) => {
+        if (collapsed === undefined)
+            setUncontrolledCollapsed(value);
+        onCollapsedChange?.(value);
+    };
+    const toggleMode = () => {
+        const next = isSidebar ? 'floating' : 'sidebar';
+        if (mode === undefined)
+            setUncontrolledMode(next);
+        onModeChange?.(next);
+    };
     // Read theme vars from context if mounted inside a provider. ChatWindow
     // can be used standalone, so fall back to an empty object.
     const ctx = useContext(ChatContext);
     const themeVars = ctx?.themeVars ?? {};
     const themeEffect = ctx?.themeEffect;
+    const unstyled = ctx?.unstyled ?? false;
     const panelRef = useRef(null);
+    const wasOpen = useRef(isOpen);
+    useEffect(() => {
+        const opening = isOpen && !wasOpen.current;
+        wasOpen.current = isOpen;
+        if (!opening || isCollapsed)
+            return;
+        panelRef.current?.querySelector('[data-component="chat-window-body"] :is(input:not([disabled]), textarea:not([disabled]), [contenteditable="true"])')?.focus();
+    }, [isOpen, isCollapsed]);
+    const wasCollapsed = useRef(isCollapsed);
+    useEffect(() => {
+        if (wasCollapsed.current === isCollapsed)
+            return;
+        wasCollapsed.current = isCollapsed;
+        const panel = panelRef.current;
+        if (!panel || !isOpen)
+            return;
+        const active = document.activeElement;
+        // The expanded rail button is removed; browsers then focus body. Never
+        // interrupt an unrelated, still-focused app control on controlled changes.
+        if (!panel.contains(active) && !(active === document.body && !isCollapsed))
+            return;
+        const target = isCollapsed
+            ? panel.querySelector('[data-action="expand"]')
+            : panel.querySelector('[data-component="chat-window-body"] :is(input:not([disabled]), textarea:not([disabled]), [contenteditable="true"], button:not([disabled]))')
+                ?? panel.querySelector('[data-component="chat-window-header-slot"] button');
+        target?.focus();
+    }, [isCollapsed, isOpen]);
+    const sidebar = useSidebarResize({
+        active: isOpen && isSidebar && !isCollapsed && resizable,
+        width: sidebarWidth, minWidth: minSidebarWidth, maxWidth: maxSidebarWidth,
+        storageKey: persistDimensions && persistSidebarWidth ? `${persistDimensions === true ? 'chat-panel' : persistDimensions}-sidebar-width` : undefined,
+        onWidthChange: onSidebarWidthChange,
+    });
     const { position, size, isDragging, isResizing, activeEdge, isNearSnapZone, nearEdge, handlers, } = useDragResizePanel({
         panelRef,
         width,
@@ -25,8 +81,9 @@ export function ChatWindow({ children, title = 'Assistant', closeChatAriaLabel,
         snapRadius,
         edgeThreshold,
         persistDimensions,
-        draggable,
-        resizable,
+        draggable: isOpen && !isSidebar && draggable,
+        resizable: isOpen && !isSidebar && resizable,
+        constrainToViewport,
     });
     // ---------------------------------------------------------------------------
     // Notify position/dimension changes
@@ -47,7 +104,11 @@ export function ChatWindow({ children, title = 'Assistant', closeChatAriaLabel,
         onOpenChange?.(nextOpen);
     }, [onOpenChange, open]);
     const handleClose = useCallback(() => updateOpen(false), [updateOpen]);
-    if (!isOpen)
+    const handleHeaderDoubleClick = () => {
+        if (isOpen && !isSidebar)
+            handlers.onDoubleClickHeader();
+    };
+    if (!isOpen && !keepMounted)
         return null;
     // ---------------------------------------------------------------------------
     // Position style — always use translate(-50%, 0) so x means "center"
@@ -59,71 +120,77 @@ export function ChatWindow({ children, title = 'Assistant', closeChatAriaLabel,
     // Header rendering
     // ---------------------------------------------------------------------------
     let headerContent;
+    const controls = layoutControls ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-action": "layout", onClick: toggleMode, "aria-label": isSidebar ? labels.float : labels.dock, title: isSidebar ? labels.float : labels.dock, children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }), _jsx("path", { d: isSidebar ? 'M8 9h8v6H8z' : 'M15 4v16' })] }) }), isSidebar && _jsx("button", { type: "button", "data-action": "layout", onClick: () => updateCollapsed(true), "aria-label": labels.collapse, title: labels.collapse, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: _jsx("path", { d: "m9 6 6 6-6 6" }) }) })] })) : null;
     if (renderHeader) {
         headerContent = renderHeader({
+            layoutControls: controls,
             onClose: handleClose,
             isDragging,
             onDragStart: handlers.onDragStart,
-            onDoubleClick: handlers.onDoubleClickHeader,
+            onDoubleClick: handleHeaderDoubleClick,
         });
     }
     else {
-        headerContent = (_jsx("header", { className: headerClassName, "data-component": "chat-window-header", onMouseDown: handlers.onDragStart, onDoubleClick: handlers.onDoubleClickHeader, children: header ?? (_jsxs(_Fragment, { children: [_jsx("div", { "data-element": "title-wrap", children: headerTitle ?? _jsx("strong", { "data-element": "title", children: title }) }), _jsxs("div", { "data-element": "actions", children: [headerActions, _jsx("button", { type: "button", onClick: handleClose, "data-action": "close", "aria-label": closeChatAriaLabel ?? 'Close chat', title: closeChatAriaLabel ?? 'Close chat', children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] })] })) }));
+        headerContent = (_jsx("header", { className: headerClassName, "data-component": "chat-window-header", onMouseDown: handlers.onDragStart, onDoubleClick: handleHeaderDoubleClick, children: header ?? (_jsxs(_Fragment, { children: [_jsx("div", { "data-element": "title-wrap", children: headerTitle ?? _jsx("strong", { "data-element": "title", children: title }) }), _jsxs("div", { "data-element": "actions", children: [controls, headerActions, _jsx("button", { type: "button", onClick: handleClose, "data-action": "close", "aria-label": closeChatAriaLabel ?? 'Close chat', title: closeChatAriaLabel ?? 'Close chat', children: _jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] })] })) }));
     }
     // ---------------------------------------------------------------------------
     // Content
     // ---------------------------------------------------------------------------
-    const content = (_jsxs("section", { ref: panelRef, className: className, "data-component": "chat-window", "data-theme-effect": themeEffect, style: {
-            ...themeVars,
-            ...positionStyle,
-            width: size.width,
-            height: size.height,
-        }, onMouseMove: handlers.onPanelMouseMove, onMouseLeave: handlers.onPanelMouseLeave, children: [resizable && (_jsxs(_Fragment, { children: [_jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "top", className: resizeHandleClassName, style: {
-                            position: 'absolute',
-                            top: -4,
-                            left: 16,
-                            right: 16,
-                            height: 12,
-                            cursor: 'ns-resize',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            opacity: nearEdge.top || activeEdge === 'top' ? 1 : 0,
-                            transition: 'opacity 150ms',
-                            zIndex: 10,
-                        }, onMouseDown: handlers.onEdgeResizeStart('top') }), _jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "left", className: resizeHandleClassName, style: {
-                            position: 'absolute',
-                            left: -4,
-                            top: 16,
-                            bottom: 16,
-                            width: 12,
-                            cursor: 'ew-resize',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            opacity: nearEdge.left || activeEdge === 'left' ? 1 : 0,
-                            transition: 'opacity 150ms',
-                            zIndex: 10,
-                        }, onMouseDown: handlers.onEdgeResizeStart('left') }), _jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "right", className: resizeHandleClassName, style: {
-                            position: 'absolute',
-                            right: -4,
-                            top: 16,
-                            bottom: 16,
-                            width: 12,
-                            cursor: 'ew-resize',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            opacity: nearEdge.right || activeEdge === 'right' ? 1 : 0,
-                            transition: 'opacity 150ms',
-                            zIndex: 10,
-                        }, onMouseDown: handlers.onEdgeResizeStart('right') })] })), isDragging && isNearSnapZone && (_jsx("div", { "data-component": "chat-window-snap-indicator", className: snapIndicatorClassName, style: {
-                    position: 'absolute',
-                    inset: 0,
-                    borderRadius: 'inherit',
-                    pointerEvents: 'none',
-                    boxShadow: '0 0 0 3px rgba(99, 102, 241, 0.5)',
-                } })), headerContent, _jsx("div", { className: bodyClassName, "data-component": "chat-window-body", children: children })] }));
+    const content = (_jsx(ChatWindowVisibilityContext.Provider, { value: isOpen && !isCollapsed, children: _jsxs("section", { ref: panelRef, className: className, "data-component": "chat-window", "data-mode": currentMode, "data-collapsed": isCollapsed || undefined, "data-theme-effect": themeEffect, "data-unstyled": unstyled || undefined, hidden: !isOpen, inert: !isOpen, style: {
+                ...themeVars,
+                ...(isSidebar
+                    ? { position: portal ? 'fixed' : 'relative', right: portal ? 0 : undefined,
+                        top: portal ? 0 : undefined, transform: 'none', flexShrink: 0, minHeight: 0, maxWidth: '100%' }
+                    : positionStyle),
+                width: isSidebar ? (isCollapsed ? 44 : sidebar.width) : size.width,
+                height: isSidebar ? (portal ? '100dvh' : '100%') : size.height,
+                display: isOpen ? undefined : 'none',
+            }, onMouseMove: handlers.onPanelMouseMove, onMouseLeave: handlers.onPanelMouseLeave, children: [resizable && isSidebar && !isCollapsed && _jsx("div", { "data-component": "chat-window-sidebar-resize", role: "separator", tabIndex: 0, "aria-label": labels.resize, "aria-orientation": "vertical", "aria-valuemin": sidebar.minimum, "aria-valuemax": sidebar.maximum, "aria-valuenow": sidebar.width, onPointerDown: sidebar.onPointerDown, onKeyDown: sidebar.onKeyDown, onDoubleClick: sidebar.onDoubleClick }), resizable && !isSidebar && (_jsxs(_Fragment, { children: [_jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "top", className: resizeHandleClassName, style: {
+                                position: 'absolute',
+                                top: -4,
+                                left: 16,
+                                right: 16,
+                                height: 12,
+                                cursor: 'ns-resize',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                opacity: nearEdge.top || activeEdge === 'top' ? 1 : 0,
+                                transition: 'opacity 150ms',
+                                zIndex: 10,
+                            }, onMouseDown: handlers.onEdgeResizeStart('top') }), _jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "left", className: resizeHandleClassName, style: {
+                                position: 'absolute',
+                                left: -4,
+                                top: 16,
+                                bottom: 16,
+                                width: 12,
+                                cursor: 'ew-resize',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                opacity: nearEdge.left || activeEdge === 'left' ? 1 : 0,
+                                transition: 'opacity 150ms',
+                                zIndex: 10,
+                            }, onMouseDown: handlers.onEdgeResizeStart('left') }), _jsx("div", { "data-component": "chat-window-resize-handle", "data-edge": "right", className: resizeHandleClassName, style: {
+                                position: 'absolute',
+                                right: -4,
+                                top: 16,
+                                bottom: 16,
+                                width: 12,
+                                cursor: 'ew-resize',
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                opacity: nearEdge.right || activeEdge === 'right' ? 1 : 0,
+                                transition: 'opacity 150ms',
+                                zIndex: 10,
+                            }, onMouseDown: handlers.onEdgeResizeStart('right') })] })), isDragging && isNearSnapZone && (_jsx("div", { "data-component": "chat-window-snap-indicator", className: snapIndicatorClassName, style: {
+                        position: 'absolute',
+                        inset: 0,
+                        borderRadius: 'inherit',
+                        pointerEvents: 'none',
+                        boxShadow: '0 0 0 3px rgba(99, 102, 241, 0.5)',
+                    } })), isCollapsed && _jsxs("div", { "data-component": "chat-window-rail", children: [_jsx("button", { type: "button", "data-action": "expand", onClick: () => updateCollapsed(false), "aria-label": labels.expand, title: labels.expand, children: "\u2039" }), _jsx("span", { children: title }), _jsx("button", { type: "button", onClick: handleClose, "aria-label": closeChatAriaLabel ?? 'Close chat', title: closeChatAriaLabel ?? 'Close chat', children: "\u00D7" })] }), _jsx("div", { "data-component": "chat-window-header-slot", hidden: isCollapsed, inert: isCollapsed, style: { display: isCollapsed ? 'none' : 'contents' }, children: headerContent }), _jsx("div", { className: bodyClassName, "data-component": "chat-window-body", hidden: isCollapsed, inert: isCollapsed, style: isCollapsed ? { display: 'none' } : undefined, children: children })] }) }));
     if (portal && typeof document !== 'undefined') {
         return createPortal(content, document.body);
     }

package/dist/react/components/chat-window.js.map

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

package/dist/react/components/clarification-card.d.ts

@@ -0,0 +1,10 @@
+import type { ClarificationCardProps } from '../types.js';
+/**
+ * Structured clarification: concrete options plus an optional free-text
+ * answer. Answering sends one user message that resumes the original task.
+ *
+ * `data-state`: `open` while answerable, `answered` once an answer exists
+ * (clicked here or already in the conversation), `disabled` while it cannot
+ * be answered yet (the turn is still running or a newer message exists).
+ */
+export declare function ClarificationCard({ toolCallId, request, interactive, onAnswer, className, }: ClarificationCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/clarification-card.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { useChatContext } from '../provider/chat-context.js';
+import { isClarificationAnswered } from '../utils/clarification.js';
+/**
+ * Structured clarification: concrete options plus an optional free-text
+ * answer. Answering sends one user message that resumes the original task.
+ *
+ * `data-state`: `open` while answerable, `answered` once an answer exists
+ * (clicked here or already in the conversation), `disabled` while it cannot
+ * be answered yet (the turn is still running or a newer message exists).
+ */
+export function ClarificationCard({ toolCallId, request, interactive, onAnswer, className, }) {
+    const { classNames, locale, messages } = useChatContext();
+    const questionId = useId();
+    const [draft, setDraft] = useState('');
+    const [answeredHere, setAnsweredHere] = useState(false);
+    const answered = answeredHere || isClarificationAnswered(messages, toolCallId);
+    const enabled = interactive && !answered;
+    const answer = (text, optionId) => {
+        const trimmed = text.trim();
+        if (!enabled || !trimmed)
+            return;
+        setAnsweredHere(true);
+        onAnswer(optionId === undefined ? { text: trimmed } : { text: trimmed, optionId });
+    };
+    const submitFreeText = (event) => {
+        event.preventDefault();
+        answer(draft);
+    };
+    return (_jsxs("div", { className: className ?? classNames.clarificationCard, "data-component": "clarification-card", "data-state": enabled ? 'open' : answered ? 'answered' : 'disabled', "data-tool-call-id": toolCallId, role: "group", "aria-labelledby": questionId, children: [_jsx("p", { id: questionId, "data-element": "question", children: request.question }), request.options.length > 0 && (_jsx("div", { "data-element": "options", children: request.options.map((option) => (_jsxs("button", { type: "button", "data-action": "answer-option", "data-option-id": option.id, disabled: !enabled, onClick: () => answer(option.label, option.id), children: [_jsx("span", { "data-element": "label", children: option.label }), option.description && (_jsx("span", { "data-element": "description", children: option.description }))] }, option.id))) })), request.allowFreeText && enabled && (_jsxs("form", { "data-element": "free-text", onSubmit: submitFreeText, children: [_jsx("input", { type: "text", value: draft, maxLength: 500, "aria-label": locale.clarificationInputLabel, placeholder: locale.clarificationInputLabel, onChange: (event) => setDraft(event.target.value) }), _jsx("button", { type: "submit", "data-action": "answer-free-text", disabled: !draft.trim(), children: locale.clarificationSubmitButton })] }))] }));
+}
+//# sourceMappingURL=clarification-card.js.map

package/dist/react/components/clarification-card.js.map

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

package/dist/react/components/command-arguments-form.d.ts

@@ -0,0 +1,10 @@
+import type { CommandArgumentsFormProps } from '../types.js';
+/**
+ * Asks for the arguments a `/` command or entity action still needs, then
+ * runs it without the model. Entity arguments search like `@`; closed sets
+ * are a select; everything else is text. Escape cancels. Run checks the
+ * required values itself: it names what is missing, focuses the first such
+ * field and keeps what was typed, and it refuses text typed into a person
+ * field that was never picked (the command would silently run without it).
+ */
+export declare function CommandArgumentsForm({ pending, onSubmit, onCancel }: CommandArgumentsFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/command-arguments-form.js

@@ -0,0 +1,151 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState, } from 'react';
+import { chatText } from '../../contracts/chat-interactions.js';
+import { useChatContext } from '../provider/chat-context.js';
+const SEARCH_DEBOUNCE_MS = 120;
+const NO_ITEMS = [];
+/** ARIA 1.2 combobox over one entity type's search. */
+function EntityField({ id, label, arg, value, valueLabel, invalid, describedBy, onChange, onText }) {
+    const { interactions, locale } = useChatContext();
+    const [query, setQuery] = useState(valueLabel || value);
+    // The hits are only valid for the query they were searched with: while a newer
+    // query is still being searched nothing may be shown or picked from the old list.
+    const [results, setResults] = useState();
+    const [open, setOpen] = useState(false);
+    const [active, setActive] = useState(0);
+    const listId = `${id}-list`;
+    const trimmed = query.trim();
+    const settled = results !== undefined && results.query === trimmed;
+    const items = settled ? results.items : NO_ITEMS;
+    useEffect(() => {
+        if (!open || !interactions || !arg.entity)
+            return undefined;
+        const controller = new AbortController();
+        const timer = setTimeout(() => {
+            void interactions.searchEntity(arg.entity, query.trim(), controller.signal).then((found) => {
+                if (controller.signal.aborted)
+                    return;
+                setResults({ query: query.trim(), items: found });
+                setActive(0);
+            });
+        }, SEARCH_DEBOUNCE_MS);
+        return () => {
+            clearTimeout(timer);
+            controller.abort();
+        };
+    }, [open, query, interactions, arg.entity]);
+    const pick = (item) => {
+        onChange(item.id, item.label);
+        setQuery(item.label);
+        setOpen(false);
+    };
+    const expanded = open && items.length > 0;
+    const onKeyDown = (event) => {
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            if (!open)
+                setOpen(true);
+            else if (items.length > 0)
+                setActive((previous) => (previous + 1) % items.length);
+            return;
+        }
+        if (event.key === 'ArrowUp' && open && items.length > 0) {
+            event.preventDefault();
+            setActive((previous) => (previous - 1 + items.length) % items.length);
+            return;
+        }
+        if (event.key === 'Enter' && expanded && items[active]) {
+            event.preventDefault();
+            pick(items[active]);
+            return;
+        }
+        // The list for what was just typed is still loading: Enter neither picks nor submits the form.
+        if (event.key === 'Enter' && open && interactions && trimmed && !settled) {
+            event.preventDefault();
+            return;
+        }
+        if (event.key === 'Escape' && expanded) {
+            event.preventDefault();
+            event.stopPropagation();
+            setOpen(false);
+        }
+    };
+    return (_jsxs("div", { "data-element": "field", "data-kind": "entity", children: [_jsxs("label", { htmlFor: id, children: [label, arg.required ? ' *' : ''] }), _jsx("input", { id: id, type: "text", role: "combobox", autoComplete: "off", "aria-autocomplete": "list", "aria-expanded": expanded, "aria-controls": listId, "aria-activedescendant": expanded ? `${listId}-${active}` : undefined, "aria-required": arg.required ? true : undefined, "aria-invalid": invalid ? true : undefined, "aria-describedby": describedBy, "data-argument": arg.name, value: query, onChange: (event) => {
+                    setQuery(event.target.value);
+                    setActive(0);
+                    setOpen(true);
+                    onText(event.target.value);
+                    if (value)
+                        onChange('', '');
+                }, onFocus: () => setOpen(true), onBlur: () => setOpen(false), onKeyDown: onKeyDown }), _jsx("ul", { id: listId, role: "listbox", "aria-label": label, hidden: !expanded, "data-element": "options", children: items.map((item, index) => (_jsxs("li", { id: `${listId}-${index}`, role: "option", "aria-selected": index === active, "data-selected": index === active ? 'true' : 'false', onMouseDown: (event) => event.preventDefault(), onClick: () => pick(item), children: [item.label, item.description && _jsx("span", { "data-element": "description", children: item.description })] }, item.id))) }), open && settled && trimmed && items.length === 0 && (_jsx("span", { "data-element": "empty", children: locale.commandArgumentsNoMatches }))] }));
+}
+/**
+ * Asks for the arguments a `/` command or entity action still needs, then
+ * runs it without the model. Entity arguments search like `@`; closed sets
+ * are a select; everything else is text. Escape cancels. Run checks the
+ * required values itself: it names what is missing, focuses the first such
+ * field and keeps what was typed, and it refuses text typed into a person
+ * field that was never picked (the command would silently run without it).
+ */
+export function CommandArgumentsForm({ pending, onSubmit, onCancel }) {
+    const { interactions, locale } = useChatContext();
+    const formId = useId();
+    const formRef = useRef(null);
+    const [values, setValues] = useState(() => ({ ...pending.values }));
+    const [labels, setLabels] = useState(() => ({ ...pending.valueLabels }));
+    const [texts, setTexts] = useState({});
+    const [incomplete, setIncomplete] = useState([]);
+    const language = interactions?.locale ?? 'en';
+    const errorId = `${formId}-incomplete`;
+    // Start at the first required field still empty (e.g. the person when the task came from `@`).
+    useEffect(() => {
+        const fields = [...(formRef.current?.querySelectorAll('input, select') ?? [])];
+        const required = (field) => field.required || field.getAttribute('aria-required') === 'true';
+        (fields.find((field) => field.value === '' && required(field))
+            ?? fields.find((field) => field.value === '')
+            ?? fields[0])?.focus();
+    }, []);
+    const set = (name, value, label) => {
+        setValues((previous) => ({ ...previous, [name]: value }));
+        if (label !== undefined)
+            setLabels((previous) => ({ ...previous, [name]: label }));
+        if (value.trim())
+            setIncomplete((previous) => (previous.includes(name) ? previous.filter((other) => other !== name) : previous));
+    };
+    const submit = (event) => {
+        event.preventDefault();
+        const missing = pending.args.filter((arg) => !values[arg.name]?.trim()
+            && (arg.required || (arg.entity !== undefined && Boolean(texts[arg.name]?.trim()))));
+        if (missing.length > 0) {
+            setIncomplete(missing.map((arg) => arg.name));
+            [...(formRef.current?.querySelectorAll('[data-argument]') ?? [])]
+                .find((field) => field.dataset.argument === missing[0].name)
+                ?.focus();
+            return;
+        }
+        setIncomplete([]);
+        onSubmit(values, labels);
+    };
+    const incompleteLabels = pending.args
+        .filter((arg) => incomplete.includes(arg.name))
+        .map((arg) => chatText(arg.label, language));
+    return (_jsxs("form", { ref: formRef, "data-component": "command-arguments", "aria-label": locale.commandArgumentsLabel.replace('{command}', () => pending.label), noValidate: true, onSubmit: submit, onKeyDown: (event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                onCancel();
+            }
+        }, children: [_jsx("p", { "data-element": "title", children: `/${pending.label}` }), pending.error && _jsx("p", { role: "alert", "data-element": "error", children: locale.commandArgumentsInvalid }), incompleteLabels.length > 0 && (_jsx("p", { id: errorId, role: "alert", "data-element": "error", children: locale.commandArgumentsIncomplete.replace('{fields}', () => incompleteLabels.join(', ')) })), pending.args.map((arg, index) => {
+                const id = `${formId}-${index}`;
+                const label = chatText(arg.label, language);
+                const invalid = incomplete.includes(arg.name);
+                const describedBy = invalid ? errorId : undefined;
+                if (arg.entity) {
+                    return (_jsx(EntityField, { id: id, label: label, arg: arg, value: values[arg.name] ?? '', valueLabel: labels[arg.name] ?? '', invalid: invalid, describedBy: describedBy, onChange: (value, valueLabel) => set(arg.name, value, valueLabel), onText: (text) => setTexts((previous) => ({ ...previous, [arg.name]: text })) }, arg.name));
+                }
+                if (arg.options) {
+                    return (_jsxs("div", { "data-element": "field", "data-kind": "options", children: [_jsxs("label", { htmlFor: id, children: [label, arg.required ? ' *' : ''] }), _jsxs("select", { id: id, value: values[arg.name] ?? '', required: arg.required, "aria-invalid": invalid ? true : undefined, "aria-describedby": describedBy, "data-argument": arg.name, onChange: (event) => set(arg.name, event.target.value), children: [!arg.required || !values[arg.name] ? _jsx("option", { value: "", children: locale.commandArgumentsAnyOption }) : null, arg.options.map((option) => _jsx("option", { value: option, children: option }, option))] })] }, arg.name));
+                }
+                return (_jsxs("div", { "data-element": "field", "data-kind": "text", children: [_jsxs("label", { htmlFor: id, children: [label, arg.required ? ' *' : ''] }), _jsx("input", { id: id, type: "text", value: values[arg.name] ?? '', required: arg.required, "aria-invalid": invalid ? true : undefined, "aria-describedby": describedBy, "data-argument": arg.name, maxLength: 500, onChange: (event) => set(arg.name, event.target.value) })] }, arg.name));
+            }), _jsxs("div", { "data-element": "actions", children: [_jsx("button", { type: "submit", "data-action": "run", children: locale.commandArgumentsSubmit }), _jsx("button", { type: "button", "data-action": "cancel", onClick: onCancel, children: locale.cancelButton })] })] }));
+}
+//# sourceMappingURL=command-arguments-form.js.map