@wingmanjs/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Eric Hansen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/chat-input.d.ts

@@ -0,0 +1,9 @@
+/**
+ * ChatInput — Message input with send button and keyboard submit.
+ */
+export interface ChatInputProps {
+    placeholder?: string;
+    className?: string;
+}
+export declare function ChatInput({ placeholder, className, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/components/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../src/components/chat-input.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,WAA+B,EAC/B,SAAc,GACf,EAAE,cAAc,2CAuEhB"}

package/dist/components/chat-input.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatInput — Message input with send button and keyboard submit.
+ */
+import { useState, useRef, useCallback } from 'react';
+import { useChat } from '../providers/chat-provider.js';
+export function ChatInput({ placeholder = 'Ask anything...', className = '', }) {
+    const [value, setValue] = useState('');
+    const textareaRef = useRef(null);
+    const { sendMessage, state } = useChat();
+    const handleSubmit = useCallback(() => {
+        if (!value.trim() || state.isStreaming)
+            return;
+        sendMessage(value.trim());
+        setValue('');
+        // Reset textarea height
+        if (textareaRef.current) {
+            textareaRef.current.style.height = 'auto';
+        }
+    }, [value, sendMessage, state.isStreaming]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    }, [handleSubmit]);
+    const handleInput = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (textarea) {
+            textarea.style.height = 'auto';
+            textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+        }
+    }, []);
+    return (_jsx("div", { className: `wingman-chat-input ${className}`, children: _jsxs("div", { className: "wingman-chat-input-container", children: [_jsx("textarea", { ref: textareaRef, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, onInput: handleInput, placeholder: placeholder, rows: 1, disabled: state.isStreaming, className: "wingman-chat-input-textarea" }), _jsx("button", { onClick: handleSubmit, disabled: !value.trim() || state.isStreaming, type: "button", className: "wingman-chat-input-button", "aria-label": "Send message", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }), _jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })] }) })] }) }));
+}
+//# sourceMappingURL=chat-input.js.map

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

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

package/dist/components/chat-message.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ChatMessage — Renders a single user or assistant message bubble.
+ */
+import type { ChatMessage as ChatMessageType } from '@wingmanjs/core';
+export interface ChatMessageProps {
+    message: ChatMessageType;
+    className?: string;
+}
+export declare function ChatMessage({ message, className }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-message.d.ts.map

package/dist/components/chat-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../src/components/chat-message.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAc,EAAE,EAAE,gBAAgB,2CAyCxE"}

package/dist/components/chat-message.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToolStatus } from './tool-status.js';
+import { ThinkingBlock } from './thinking-block.js';
+import { MarkdownRenderer } from './markdown-renderer.js';
+export function ChatMessage({ message, className = '' }) {
+    const isUser = message.role === 'user';
+    return (_jsxs("div", { className: `wingman-message wingman-message-${message.role} ${className}`, "data-role": message.role, children: [message.reasoning && (_jsx(ThinkingBlock, { content: message.reasoning })), message.tools && message.tools.length > 0 && (_jsx("div", { className: "wingman-message-tools", children: message.tools.map((tool) => (_jsx(ToolStatus, { tool: tool }, tool.toolCallId))) })), _jsx("div", { className: "wingman-message-content", children: isUser ? (_jsx("p", { children: message.content })) : (_jsx(MarkdownRenderer, { content: message.content })) }), message.usage && (_jsxs("div", { className: "wingman-message-usage", children: [_jsxs("span", { children: [message.usage.inputTokens.toLocaleString(), " in"] }), _jsx("span", { children: " / " }), _jsxs("span", { children: [message.usage.outputTokens.toLocaleString(), " out"] })] }))] }));
+}
+//# sourceMappingURL=chat-message.js.map

package/dist/components/chat-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.js","sourceRoot":"","sources":["../../src/components/chat-message.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAO1D,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAoB;IACvE,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;IAEvC,OAAO,CACL,eACE,SAAS,EAAE,mCAAmC,OAAO,CAAC,IAAI,IAAI,SAAS,EAAE,eAC9D,OAAO,CAAC,IAAI,aAGtB,OAAO,CAAC,SAAS,IAAI,CACpB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,GAAI,CAC9C,EAGA,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,cAAK,SAAS,EAAC,uBAAuB,YACnC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,UAAU,IAAuB,IAAI,EAAE,IAAI,IAA3B,IAAI,CAAC,UAAU,CAAgB,CACjD,CAAC,GACE,CACP,EAGD,cAAK,SAAS,EAAC,yBAAyB,YACrC,MAAM,CAAC,CAAC,CAAC,CACR,sBAAI,OAAO,CAAC,OAAO,GAAK,CACzB,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI,CAC/C,GACG,EAGL,OAAO,CAAC,KAAK,IAAI,CAChB,eAAK,SAAS,EAAC,uBAAuB,aACpC,2BAAO,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,WAAW,EAC5D,iCAAgB,EAChB,2BAAO,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,YAAY,IAC1D,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/debug-panel.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DebugPanel — Collapsible panel showing raw SSE events.
+ *
+ * Opt-in component for development debugging. Records all events
+ * dispatched through the SSE handler and displays them as JSON.
+ */
+export interface DebugEvent {
+    timestamp: number;
+    event: string;
+    data: Record<string, unknown>;
+}
+export interface DebugPanelProps {
+    /** Array of debug events to display. */
+    events: DebugEvent[];
+    /** Maximum events to keep in view (oldest are hidden). Default: 200. */
+    maxEvents?: number;
+    className?: string;
+}
+export declare function DebugPanel({ events, maxEvents, className }: DebugPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=debug-panel.d.ts.map

package/dist/components/debug-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-panel.d.ts","sourceRoot":"","sources":["../../src/components/debug-panel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAe,EAAE,SAAc,EAAE,EAAE,eAAe,2CAgEtF"}

package/dist/components/debug-panel.js

@@ -0,0 +1,29 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DebugPanel — Collapsible panel showing raw SSE events.
+ *
+ * Opt-in component for development debugging. Records all events
+ * dispatched through the SSE handler and displays them as JSON.
+ */
+import { useState, useCallback, useRef, useEffect } from 'react';
+export function DebugPanel({ events, maxEvents = 200, className = '' }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [filter, setFilter] = useState('');
+    const scrollRef = useRef(null);
+    const visibleEvents = events.slice(-maxEvents);
+    const filtered = filter
+        ? visibleEvents.filter((e) => e.event.includes(filter))
+        : visibleEvents;
+    // Auto-scroll to bottom when new events arrive
+    useEffect(() => {
+        if (isOpen && scrollRef.current) {
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+        }
+    }, [filtered.length, isOpen]);
+    const handleClear = useCallback(() => {
+        // Events array is owned by parent — this just collapses the panel
+        setIsOpen(false);
+    }, []);
+    return (_jsxs("div", { className: `wingman-debug-panel ${isOpen ? 'wingman-debug-panel-open' : ''} ${className}`, children: [_jsxs("button", { type: "button", className: "wingman-debug-panel-toggle", onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, children: ["\uD83D\uDC1B Debug (", events.length, " events)"] }), isOpen && (_jsxs("div", { className: "wingman-debug-panel-content", children: [_jsxs("div", { className: "wingman-debug-panel-toolbar", children: [_jsx("input", { type: "text", className: "wingman-debug-panel-filter", placeholder: "Filter events\u2026", value: filter, onChange: (e) => setFilter(e.target.value), "aria-label": "Filter debug events" }), _jsx("button", { type: "button", onClick: handleClear, className: "wingman-debug-panel-close", children: "Close" })] }), _jsx("div", { className: "wingman-debug-panel-events", ref: scrollRef, children: filtered.map((e, i) => (_jsxs("div", { className: "wingman-debug-panel-event", children: [_jsx("span", { className: "wingman-debug-panel-time", children: new Date(e.timestamp).toLocaleTimeString() }), _jsx("span", { className: "wingman-debug-panel-event-name", children: e.event }), _jsx("pre", { className: "wingman-debug-panel-data", children: JSON.stringify(e.data, null, 2) })] }, i))) })] }))] }));
+}
+//# sourceMappingURL=debug-panel.js.map

package/dist/components/debug-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-panel.js","sourceRoot":"","sources":["../../src/components/debug-panel.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBxE,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAmB;IACrF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM;QACrB,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACvD,CAAC,CAAC,aAAa,CAAC;IAElB,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YAChC,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;QAC/D,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,kEAAkE;QAClE,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,uBAAuB,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,aAC5F,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,mBAClB,MAAM,qCAEV,MAAM,CAAC,MAAM,gBACjB,EACR,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,4BAA4B,EACtC,WAAW,EAAC,qBAAgB,EAC5B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,gBAC/B,qBAAqB,GAChC,EACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,2BAA2B,sBAExE,IACL,EACN,cAAK,SAAS,EAAC,4BAA4B,EAAC,GAAG,EAAE,SAAS,YACvD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,2BAA2B,aAChD,eAAM,SAAS,EAAC,0BAA0B,YACvC,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,GACtC,EACP,eAAM,SAAS,EAAC,gCAAgC,YAAE,CAAC,CAAC,KAAK,GAAQ,EACjE,cAAK,SAAS,EAAC,0BAA0B,YACtC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,GAC5B,KAPE,CAAC,CAQL,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/markdown-renderer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * MarkdownRenderer — Renders markdown content with GFM support.
+ */
+export interface MarkdownRendererProps {
+    content: string;
+    className?: string;
+}
+export declare function MarkdownRenderer({ content, className }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=markdown-renderer.d.ts.map

package/dist/components/markdown-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer.d.ts","sourceRoot":"","sources":["../../src/components/markdown-renderer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAc,EAAE,EAAE,qBAAqB,kDAUlF"}

package/dist/components/markdown-renderer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+export function MarkdownRenderer({ content, className = '' }) {
+    if (!content)
+        return null;
+    return (_jsx("div", { className: `wingman-markdown ${className}`, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content }) }));
+}
+//# sourceMappingURL=markdown-renderer.js.map

package/dist/components/markdown-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer.js","sourceRoot":"","sources":["../../src/components/markdown-renderer.tsx"],"names":[],"mappings":";AAKA,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAyB;IACjF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,cAAK,SAAS,EAAE,oBAAoB,SAAS,EAAE,YAC7C,KAAC,aAAa,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,YACtC,OAAO,GACM,GACZ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/mode-switcher.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ModeSwitcher — Toggle between agent modes.
+ *
+ * Modes: interactive (default), plan, autopilot.
+ */
+export interface ModeSwitcherProps {
+    /** Currently active mode. */
+    currentMode: string | null;
+    /** Current session ID (required to switch mode). */
+    sessionId: string | null;
+    /** Base URL for the Wingman API. Default: '' (same origin). */
+    apiUrl?: string;
+    /** Called after a successful mode switch. */
+    onModeChange?: (mode: string) => void;
+    className?: string;
+}
+export declare function ModeSwitcher({ currentMode, sessionId, apiUrl, onModeChange, className, }: ModeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mode-switcher.d.ts.map

package/dist/components/mode-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-switcher.d.ts","sourceRoot":"","sources":["../../src/components/mode-switcher.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oDAAoD;IACpD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,SAAS,EACT,MAAW,EACX,YAAY,EACZ,SAAc,GACf,EAAE,iBAAiB,2CA8CnB"}

package/dist/components/mode-switcher.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ModeSwitcher — Toggle between agent modes.
+ *
+ * Modes: interactive (default), plan, autopilot.
+ */
+import { useState } from 'react';
+const MODES = [
+    { id: 'interactive', label: 'Interactive', icon: '💬' },
+    { id: 'plan', label: 'Plan', icon: '📋' },
+    { id: 'autopilot', label: 'Autopilot', icon: '🤖' },
+];
+export function ModeSwitcher({ currentMode, sessionId, apiUrl = '', onModeChange, className = '', }) {
+    const [loading, setLoading] = useState(false);
+    const handleSwitch = async (mode) => {
+        if (!sessionId || mode === currentMode || loading)
+            return;
+        setLoading(true);
+        try {
+            const res = await fetch(`${apiUrl}/api/session/${sessionId}/mode`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ mode }),
+            });
+            if (res.ok) {
+                onModeChange?.(mode);
+            }
+        }
+        catch {
+            /* silently fail */
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsxs("fieldset", { className: `wingman-mode-switcher ${className}`, "aria-label": "Agent mode", children: [_jsx("legend", { className: "wingman-mode-switcher-legend", children: "Mode" }), MODES.map((m) => (_jsxs("label", { className: `wingman-mode-switcher-option ${currentMode === m.id ? 'wingman-mode-switcher-active' : ''}`, children: [_jsx("input", { type: "radio", name: "wingman-mode", value: m.id, checked: currentMode === m.id, onChange: () => handleSwitch(m.id), disabled: loading || !sessionId, className: "wingman-mode-switcher-radio" }), _jsx("span", { className: "wingman-mode-switcher-icon", children: m.icon }), _jsx("span", { className: "wingman-mode-switcher-label", children: m.label })] }, m.id)))] }));
+}
+//# sourceMappingURL=mode-switcher.js.map

package/dist/components/mode-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-switcher.js","sourceRoot":"","sources":["../../src/components/mode-switcher.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcxC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE;IACvD,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;IACzC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;CAC3C,CAAC;AAEX,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,SAAS,EACT,MAAM,GAAG,EAAE,EACX,YAAY,EACZ,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;QAC1C,IAAI,CAAC,SAAS,IAAI,IAAI,KAAK,WAAW,IAAI,OAAO;YAAE,OAAO;QAE1D,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,MAAM,gBAAgB,SAAS,OAAO,EAAE;gBACjE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC;aAC/B,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;gBACX,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,mBAAmB;QACrB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAU,SAAS,EAAE,yBAAyB,SAAS,EAAE,gBAAa,YAAY,aAChF,iBAAQ,SAAS,EAAC,8BAA8B,qBAAc,EAC7D,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,iBAEE,SAAS,EAAE,gCAAgC,WAAW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,aAEvG,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC,EAAE,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,EAClC,QAAQ,EAAE,OAAO,IAAI,CAAC,SAAS,EAC/B,SAAS,EAAC,6BAA6B,GACvC,EACF,eAAM,SAAS,EAAC,4BAA4B,YAAE,CAAC,CAAC,IAAI,GAAQ,EAC5D,eAAM,SAAS,EAAC,6BAA6B,YAAE,CAAC,CAAC,KAAK,GAAQ,KAbzD,CAAC,CAAC,EAAE,CAcH,CACT,CAAC,IACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/components/model-picker.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ModelPicker — Dropdown for switching the active model.
+ *
+ * Fetches available models from /api/models and fires a POST
+ * to /api/session/:id/model on selection.
+ */
+export interface ModelPickerProps {
+    /** Currently active model ID. */
+    currentModel: string | null;
+    /** Current session ID (required to switch model). */
+    sessionId: string | null;
+    /** Base URL for the Wingman API. Default: '' (same origin). */
+    apiUrl?: string;
+    /** Called after a successful model switch. */
+    onModelChange?: (model: string) => void;
+    className?: string;
+}
+export declare function ModelPicker({ currentModel, sessionId, apiUrl, onModelChange, className, }: ModelPickerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=model-picker.d.ts.map

package/dist/components/model-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-picker.d.ts","sourceRoot":"","sources":["../../src/components/model-picker.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,qDAAqD;IACrD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,MAAW,EACX,aAAa,EACb,SAAc,GACf,EAAE,gBAAgB,kDA0DlB"}

package/dist/components/model-picker.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ModelPicker — Dropdown for switching the active model.
+ *
+ * Fetches available models from /api/models and fires a POST
+ * to /api/session/:id/model on selection.
+ */
+import { useEffect, useState } from 'react';
+export function ModelPicker({ currentModel, sessionId, apiUrl = '', onModelChange, className = '', }) {
+    const [models, setModels] = useState([]);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        fetch(`${apiUrl}/api/models`)
+            .then((r) => r.json())
+            .then((data) => {
+            if (!cancelled && Array.isArray(data.models)) {
+                setModels(data.models);
+            }
+        })
+            .catch(() => { });
+        return () => { cancelled = true; };
+    }, [apiUrl]);
+    const handleChange = async (e) => {
+        const model = e.target.value;
+        if (!sessionId || !model || model === currentModel)
+            return;
+        setLoading(true);
+        try {
+            const res = await fetch(`${apiUrl}/api/session/${sessionId}/model`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ model }),
+            });
+            if (res.ok) {
+                onModelChange?.(model);
+            }
+        }
+        catch {
+            /* silently fail */
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    if (models.length === 0)
+        return null;
+    return (_jsx("div", { className: `wingman-model-picker ${className}`, children: _jsxs("select", { className: "wingman-model-picker-select", value: currentModel ?? '', onChange: handleChange, disabled: loading || !sessionId, "aria-label": "Select model", children: [!currentModel && _jsx("option", { value: "", children: "Select model\u2026" }), models.map((m) => (_jsx("option", { value: m.id, children: m.name }, m.id)))] }) }));
+}
+//# sourceMappingURL=model-picker.js.map

package/dist/components/model-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-picker.js","sourceRoot":"","sources":["../../src/components/model-picker.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmBnD,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,MAAM,GAAG,EAAE,EACX,aAAa,EACb,SAAS,GAAG,EAAE,GACG;IACjB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,KAAK,CAAC,GAAG,MAAM,aAAa,CAAC;aAC1B,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACrB,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;YACb,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7C,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAiD,CAAC,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,KAAK,EAAE,CAAuC,EAAE,EAAE;QACrE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,YAAY;YAAE,OAAO;QAE3D,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,MAAM,gBAAgB,SAAS,QAAQ,EAAE;gBAClE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;aAChC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;gBACX,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,mBAAmB;QACrB,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,OAAO,CACL,cAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE,YACjD,kBACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,YAAY,IAAI,EAAE,EACzB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,OAAO,IAAI,CAAC,SAAS,gBACpB,cAAc,aAExB,CAAC,YAAY,IAAI,iBAAQ,KAAK,EAAC,EAAE,mCAAuB,EACxD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,iBAAmB,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,IAAI,IADI,CAAC,CAAC,EAAE,CAER,CACV,CAAC,IACK,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/thinking-block.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ThinkingBlock — Collapsible reasoning/thinking content.
+ */
+export interface ThinkingBlockProps {
+    content: string;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare function ThinkingBlock({ content, defaultOpen, className, }: ThinkingBlockProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=thinking-block.d.ts.map

package/dist/components/thinking-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinking-block.d.ts","sourceRoot":"","sources":["../../src/components/thinking-block.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,WAAmB,EACnB,SAAc,GACf,EAAE,kBAAkB,kDAyBpB"}

package/dist/components/thinking-block.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ThinkingBlock — Collapsible reasoning/thinking content.
+ */
+import { useState } from 'react';
+export function ThinkingBlock({ content, defaultOpen = false, className = '', }) {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    if (!content)
+        return null;
+    return (_jsxs("div", { className: `wingman-thinking ${className}`, children: [_jsxs("button", { className: "wingman-thinking-toggle", type: "button", onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, children: [_jsx("span", { className: "wingman-thinking-icon", children: isOpen ? '▾' : '▸' }), _jsx("span", { className: "wingman-thinking-label", children: "Thinking" })] }), isOpen && (_jsx("div", { className: "wingman-thinking-content", children: _jsx("pre", { children: content }) }))] }));
+}
+//# sourceMappingURL=thinking-block.js.map

package/dist/components/thinking-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinking-block.js","sourceRoot":"","sources":["../../src/components/thinking-block.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQxC,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAE,oBAAoB,SAAS,EAAE,aAC7C,kBACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,mBAClB,MAAM,aAErB,eAAM,SAAS,EAAC,uBAAuB,YACpC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GACd,EACP,eAAM,SAAS,EAAC,wBAAwB,yBAAgB,IACjD,EACR,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,0BAA0B,YACvC,wBAAM,OAAO,GAAO,GAChB,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/token-usage.d.ts

@@ -0,0 +1,12 @@
+/**
+ * TokenUsage — Display input/output/cache token counts.
+ *
+ * Reads usage data from ChatProvider state.
+ */
+import type { UsageData } from '@wingmanjs/core';
+export interface TokenUsageProps {
+    usage: UsageData | null;
+    className?: string;
+}
+export declare function TokenUsage({ usage, className }: TokenUsageProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=token-usage.d.ts.map

package/dist/components/token-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-usage.d.ts","sourceRoot":"","sources":["../../src/components/token-usage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAc,EAAE,EAAE,eAAe,kDAkBpE"}

package/dist/components/token-usage.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function formatTokenCount(n) {
+    if (n >= 1_000_000)
+        return `${(n / 1_000_000).toFixed(1)}M`;
+    if (n >= 1_000)
+        return `${(n / 1_000).toFixed(1)}K`;
+    return String(n);
+}
+export function TokenUsage({ usage, className = '' }) {
+    if (!usage)
+        return null;
+    return (_jsxs("div", { className: `wingman-token-usage ${className}`, children: [_jsxs("span", { className: "wingman-token-usage-item", title: "Input tokens", children: ["\u2191 ", formatTokenCount(usage.inputTokens)] }), _jsxs("span", { className: "wingman-token-usage-item", title: "Output tokens", children: ["\u2193 ", formatTokenCount(usage.outputTokens)] }), usage.cacheReadTokens != null && usage.cacheReadTokens > 0 && (_jsxs("span", { className: "wingman-token-usage-item", title: "Cache read tokens", children: ["\u26A1 ", formatTokenCount(usage.cacheReadTokens)] }))] }));
+}
+//# sourceMappingURL=token-usage.js.map

package/dist/components/token-usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-usage.js","sourceRoot":"","sources":["../../src/components/token-usage.tsx"],"names":[],"mappings":";AAcA,SAAS,gBAAgB,CAAC,CAAS;IACjC,IAAI,CAAC,IAAI,SAAS;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAI,CAAC,IAAI,KAAK;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACpD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAmB;IACnE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,CACL,eAAK,SAAS,EAAE,uBAAuB,SAAS,EAAE,aAChD,gBAAM,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAC,cAAc,wBAC1D,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,IACjC,EACP,gBAAM,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAC,eAAe,wBAC3D,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,IAClC,EACN,KAAK,CAAC,eAAe,IAAI,IAAI,IAAI,KAAK,CAAC,eAAe,GAAG,CAAC,IAAI,CAC7D,gBAAM,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAC,mBAAmB,wBAC/D,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC,IACrC,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/tool-status.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ToolStatus — Inline tool execution status display.
+ *
+ * Shows a spinner while running → checkmark on completion.
+ */
+import type { ToolExecution } from '@wingmanjs/core';
+export interface ToolStatusProps {
+    tool: ToolExecution;
+    className?: string;
+}
+export declare function ToolStatus({ tool, className }: ToolStatusProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tool-status.d.ts.map

package/dist/components/tool-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-status.d.ts","sourceRoot":"","sources":["../../src/components/tool-status.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE,eAAe,2CAiCnE"}

package/dist/components/tool-status.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Format a tool name for display (snake_case → Title Case). */
+function formatToolName(name) {
+    return name
+        .replace(/_/g, ' ')
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+/** Calculate duration in seconds. */
+function getDuration(tool) {
+    if (!tool.completedAt)
+        return null;
+    const ms = tool.completedAt - tool.startedAt;
+    return `${(ms / 1000).toFixed(1)}s`;
+}
+export function ToolStatus({ tool, className = '' }) {
+    const isRunning = tool.status === 'running';
+    const duration = getDuration(tool);
+    return (_jsxs("div", { className: `wingman-tool-status wingman-tool-status-${tool.status} ${className}`, "data-status": tool.status, children: [_jsx("span", { className: "wingman-tool-status-icon", children: isRunning ? (_jsx("span", { className: "wingman-spinner", "aria-label": "Running", children: "\u27F3" })) : tool.status === 'error' ? (_jsx("span", { "aria-label": "Error", children: "\u2717" })) : (_jsx("span", { "aria-label": "Complete", children: "\u2713" })) }), _jsx("span", { className: "wingman-tool-status-name", children: formatToolName(tool.toolName) }), tool.result && !isRunning && (_jsxs("span", { className: "wingman-tool-status-result", children: ["\u00B7 ", tool.result.slice(0, 100)] })), duration && (_jsxs("span", { className: "wingman-tool-status-duration", children: ["(", duration, ")"] }))] }));
+}
+//# sourceMappingURL=tool-status.js.map

package/dist/components/tool-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-status.js","sourceRoot":"","sources":["../../src/components/tool-status.tsx"],"names":[],"mappings":";AAcA,gEAAgE;AAChE,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI;SACR,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;SAClB,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,qCAAqC;AACrC,SAAS,WAAW,CAAC,IAAmB;IACtC,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;IAC7C,OAAO,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAmB;IAClE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC;IAC5C,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,eACE,SAAS,EAAE,2CAA2C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,iBACnE,IAAI,CAAC,MAAM,aAExB,eAAM,SAAS,EAAC,0BAA0B,YACvC,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,iBAAiB,gBAAY,SAAS,uBAAS,CAChE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5B,6BAAiB,OAAO,uBAAS,CAClC,CAAC,CAAC,CAAC,CACF,6BAAiB,UAAU,uBAAS,CACrC,GACI,EACP,eAAM,SAAS,EAAC,0BAA0B,YACvC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,GACzB,EACN,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,CAC5B,gBAAM,SAAS,EAAC,4BAA4B,wBACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,IACvB,CACR,EACA,QAAQ,IAAI,CACX,gBAAM,SAAS,EAAC,8BAA8B,kBAC1C,QAAQ,SACL,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/welcome-screen.d.ts

@@ -0,0 +1,12 @@
+/**
+ * WelcomeScreen — Default empty-state greeting.
+ */
+export interface WelcomeScreenProps {
+    title?: string;
+    message?: string;
+    suggestions?: string[];
+    onSuggestionClick?: (suggestion: string) => void;
+    className?: string;
+}
+export declare function WelcomeScreen({ title, message, suggestions, onSuggestionClick, className, }: WelcomeScreenProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=welcome-screen.d.ts.map

package/dist/components/welcome-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcome-screen.d.ts","sourceRoot":"","sources":["../../src/components/welcome-screen.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAiB,EACjB,OAA2B,EAC3B,WAAgB,EAChB,iBAAiB,EACjB,SAAc,GACf,EAAE,kBAAkB,2CAoCpB"}

package/dist/components/welcome-screen.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WelcomeScreen({ title = 'Wingman', message = 'How can I help?', suggestions = [], onSuggestionClick, className = '', }) {
+    return (_jsxs("div", { className: `wingman-welcome ${className}`, children: [_jsx("div", { className: "wingman-welcome-icon", children: _jsx("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), _jsx("h1", { className: "wingman-welcome-title", children: title }), _jsx("p", { className: "wingman-welcome-message", children: message }), suggestions.length > 0 && (_jsx("div", { className: "wingman-welcome-suggestions", children: suggestions.map((suggestion, i) => (_jsx("button", { type: "button", className: "wingman-welcome-suggestion", onClick: () => onSuggestionClick?.(suggestion), children: suggestion }, i))) }))] }));
+}
+//# sourceMappingURL=welcome-screen.js.map

package/dist/components/welcome-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcome-screen.js","sourceRoot":"","sources":["../../src/components/welcome-screen.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,iBAAiB,EAC3B,WAAW,GAAG,EAAE,EAChB,iBAAiB,EACjB,SAAS,GAAG,EAAE,GACK;IACnB,OAAO,CACL,eAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,aAC5C,cAAK,SAAS,EAAC,sBAAsB,YAEnC,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,+DAA+D,GAAG,GACtE,GACF,EACN,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EAClD,YAAG,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAK,EACnD,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,6BAA6B,YACzC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,UAAU,CAAC,YAE7C,UAAU,IALN,CAAC,CAMC,CACV,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @wingman/react — Public API surface.
+ *
+ * React hooks and components for building chat UIs
+ * on top of the GitHub Copilot SDK via Wingman.
+ */
+export { ChatProvider, useChat } from './providers/chat-provider.js';
+export type { ChatProviderProps, ChatState, ChatContextValue } from './providers/chat-provider.js';
+export { ThemeProvider, useTheme } from './providers/theme-provider.js';
+export type { ThemeProviderProps, ThemeContextValue, WingmanTheme, WingmanThemeColors, } from './providers/theme-provider.js';
+export { ChatMessage } from './components/chat-message.js';
+export type { ChatMessageProps } from './components/chat-message.js';
+export { ChatInput } from './components/chat-input.js';
+export type { ChatInputProps } from './components/chat-input.js';
+export { ToolStatus } from './components/tool-status.js';
+export type { ToolStatusProps } from './components/tool-status.js';
+export { ThinkingBlock } from './components/thinking-block.js';
+export type { ThinkingBlockProps } from './components/thinking-block.js';
+export { MarkdownRenderer } from './components/markdown-renderer.js';
+export type { MarkdownRendererProps } from './components/markdown-renderer.js';
+export { WelcomeScreen } from './components/welcome-screen.js';
+export type { WelcomeScreenProps } from './components/welcome-screen.js';
+export { TokenUsage } from './components/token-usage.js';
+export type { TokenUsageProps } from './components/token-usage.js';
+export { ModelPicker } from './components/model-picker.js';
+export type { ModelPickerProps } from './components/model-picker.js';
+export { ModeSwitcher } from './components/mode-switcher.js';
+export type { ModeSwitcherProps } from './components/mode-switcher.js';
+export { DebugPanel } from './components/debug-panel.js';
+export type { DebugPanelProps, DebugEvent } from './components/debug-panel.js';
+export declare const VERSION = "0.1.0";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACrE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEnG,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,YAAY,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQ/E,eAAO,MAAM,OAAO,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,28 @@
+/**
+ * @wingman/react — Public API surface.
+ *
+ * React hooks and components for building chat UIs
+ * on top of the GitHub Copilot SDK via Wingman.
+ */
+// Provider + hooks
+export { ChatProvider, useChat } from './providers/chat-provider.js';
+export { ThemeProvider, useTheme } from './providers/theme-provider.js';
+// Components
+export { ChatMessage } from './components/chat-message.js';
+export { ChatInput } from './components/chat-input.js';
+export { ToolStatus } from './components/tool-status.js';
+export { ThinkingBlock } from './components/thinking-block.js';
+export { MarkdownRenderer } from './components/markdown-renderer.js';
+export { WelcomeScreen } from './components/welcome-screen.js';
+// Phase 2 components
+export { TokenUsage } from './components/token-usage.js';
+export { ModelPicker } from './components/model-picker.js';
+export { ModeSwitcher } from './components/mode-switcher.js';
+export { DebugPanel } from './components/debug-panel.js';
+// Phase 3+ components (placeholders)
+// export { ContextHealth } from './components/context-health.js';
+// export { QuotaBar } from './components/quota-bar.js';
+// export { MCPStatus } from './components/mcp-status.js';
+// export { PermissionDialog } from './components/permission-dialog.js';
+export const VERSION = '0.1.0';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,mBAAmB;AACnB,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAQxE,aAAa;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,qBAAqB;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,qCAAqC;AACrC,kEAAkE;AAClE,wDAAwD;AACxD,0DAA0D;AAC1D,wEAAwE;AAExE,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}