@wayofmono/wo-web-ui 1.0.0 → 1.0.1

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

@@ -0,0 +1,14 @@
+import type { ChatMessage, SessionInfo } from "../types.js";
+export interface ChatContainerProps {
+    messages: ChatMessage[];
+    sessions?: SessionInfo[];
+    activeSessionId?: string;
+    onSend: (text: string) => void;
+    onSelectSession?: (id: string) => void;
+    onCreateSession?: () => void;
+    themeMode?: "dark" | "light";
+    disabled?: boolean;
+}
+export declare function ChatContainer({ messages, sessions, activeSessionId, onSend, onSelectSession, onCreateSession, themeMode, disabled, }: ChatContainerProps): import("react/jsx-runtime").JSX.Element;
+export default ChatContainer;
+//# sourceMappingURL=chat-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-container.d.ts","sourceRoot":"","sources":["../../src/components/chat-container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO5D,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAoCD,wBAAgB,aAAa,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,MAAM,EACN,eAAe,EACf,eAAe,EACf,SAAkB,EAClB,QAAQ,GACR,EAAE,kBAAkB,2CAwEpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/chat-container.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { getTheme } from "../theme.js";
+import { MessageBubble } from "./message-bubble.js";
+import { ChatInput } from "./chat-input.js";
+import { SessionList } from "./session-list.js";
+import { ToolCallCard } from "./tool-call-card.js";
+const containerStyle = (theme) => ({
+    display: "flex",
+    height: "100%",
+    backgroundColor: theme.background,
+    color: theme.text,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+});
+const mainStyle = {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+};
+const messagesStyle = {
+    flex: 1,
+    overflowY: "auto",
+    padding: "16px",
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+};
+const emptyStyle = {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "var(--text-secondary, #94a3b8)",
+    fontSize: "14px",
+};
+export function ChatContainer({ messages, sessions, activeSessionId, onSend, onSelectSession, onCreateSession, themeMode = "dark", disabled, }) {
+    const bottomRef = useRef(null);
+    const theme = getTheme(themeMode);
+    useEffect(() => {
+        bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, [messages]);
+    const bubbleTheme = {
+        userBubble: theme.userBubble,
+        assistantBubble: theme.assistantBubble,
+        text: theme.text,
+    };
+    const inputTheme = {
+        surface: theme.surface,
+        text: theme.text,
+        border: theme.border,
+        primary: theme.primary,
+    };
+    const toolCardTheme = {
+        surface: theme.surface,
+        text: theme.text,
+        textSecondary: theme.textSecondary,
+        border: theme.border,
+        success: theme.success,
+        error: theme.error,
+    };
+    return (_jsxs("div", { style: containerStyle(theme), children: [sessions && onSelectSession && onCreateSession && (_jsx(SessionList, { sessions: sessions, activeId: activeSessionId, onSelect: onSelectSession, onCreate: onCreateSession, theme: {
+                    surface: theme.surface,
+                    text: theme.text,
+                    textSecondary: theme.textSecondary,
+                    border: theme.border,
+                    primary: theme.primary,
+                } })), _jsxs("div", { style: mainStyle, children: [_jsxs("div", { style: messagesStyle, children: [messages.length === 0 && (_jsx("div", { style: emptyStyle, children: "Start a conversation" })), messages.map((msg) => (_jsxs("div", { children: [_jsx(MessageBubble, { message: msg, theme: bubbleTheme }), msg.toolCalls?.map((tc) => (_jsx("div", { style: { marginTop: "8px" }, children: _jsx(ToolCallCard, { toolCall: tc, theme: toolCardTheme }) }, tc.id)))] }, msg.id))), _jsx("div", { ref: bottomRef })] }), _jsx(ChatInput, { onSend: onSend, disabled: disabled, theme: inputTheme })] })] }));
+}
+export default ChatContainer;
+//# sourceMappingURL=chat-container.js.map

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

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

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

@@ -0,0 +1,14 @@
+export interface ChatInputProps {
+    onSend: (text: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    theme: {
+        surface: string;
+        text: string;
+        border: string;
+        primary: string;
+    };
+}
+export declare function ChatInput({ onSend, disabled, placeholder, theme }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export default ChatInput;
+//# 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":"AAEA,MAAM,WAAW,cAAc;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;CACF;AAsCD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,cAAc,2CAsCjF;AAED,eAAe,SAAS,CAAC"}

package/dist/components/chat-input.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const containerStyle = {
+    display: "flex",
+    gap: "8px",
+    padding: "12px",
+    borderTop: "1px solid var(--border, #e2e8f0)",
+};
+const textareaStyle = (theme) => ({
+    flex: 1,
+    backgroundColor: theme.surface,
+    color: theme.text,
+    border: `1px solid ${theme.border}`,
+    borderRadius: "8px",
+    padding: "10px 14px",
+    fontSize: "14px",
+    fontFamily: "inherit",
+    resize: "none",
+    outline: "none",
+    minHeight: "42px",
+    maxHeight: "200px",
+    lineHeight: "1.4",
+});
+const buttonStyle = (theme) => ({
+    backgroundColor: theme.primary,
+    color: "#fff",
+    border: "none",
+    borderRadius: "8px",
+    padding: "8px 16px",
+    fontSize: "14px",
+    cursor: "pointer",
+    alignSelf: "flex-end",
+});
+export function ChatInput({ onSend, disabled, placeholder, theme }) {
+    const [text, setText] = useState("");
+    const handleSend = () => {
+        const trimmed = text.trim();
+        if (!trimmed || disabled)
+            return;
+        onSend(trimmed);
+        setText("");
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    };
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("textarea", { value: text, onChange: (e) => setText(e.target.value), onKeyDown: handleKeyDown, style: textareaStyle(theme), placeholder: placeholder ?? "Type a message...", disabled: disabled, rows: 1 }), _jsx("button", { type: "button", onClick: handleSend, disabled: disabled || !text.trim(), style: buttonStyle(theme), children: "Send" })] }));
+}
+export default ChatInput;
+//# 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":";AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAcrD,MAAM,cAAc,GAAwB;IAC3C,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,kCAAkC;CAC7C,CAAC;AAEF,MAAM,aAAa,GAAG,CACrB,KAA8B,EACR,EAAE,CAAC,CAAC;IAC1B,IAAI,EAAE,CAAC;IACP,eAAe,EAAE,KAAK,CAAC,OAAO;IAC9B,KAAK,EAAE,KAAK,CAAC,IAAI;IACjB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,EAAE;IACnC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAuB,EAAE,CAAC,CAAC;IAC7E,eAAe,EAAE,KAAK,CAAC,OAAO;IAC9B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,MAAM;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAkB;IACjF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,OAAO,IAAI,QAAQ;YAAE,OAAO;QACjC,MAAM,CAAC,OAAO,CAAC,CAAC;QAChB,OAAO,CAAC,EAAE,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC/D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,EAAE,CAAC;QACd,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,eAAK,KAAK,EAAE,cAAc,aACzB,mBACC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAC3B,WAAW,EAAE,WAAW,IAAI,mBAAmB,EAC/C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,GACN,EACF,iBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAClC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,qBAGjB,IACJ,CACN,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { ChatMessage } from "../types.js";
+export interface MessageBubbleProps {
+    message: ChatMessage;
+    theme: {
+        userBubble: string;
+        assistantBubble: string;
+        text: string;
+    };
+}
+export declare function MessageBubble({ message, theme }: MessageBubbleProps): import("react/jsx-runtime").JSX.Element;
+export default MessageBubble;
+//# sourceMappingURL=message-bubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/components/message-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;CACF;AAyBD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAOnE;AAED,eAAe,aAAa,CAAC"}

package/dist/components/message-bubble.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const bubbleStyle = (role, theme) => ({
+    alignSelf: role === "user" ? "flex-end" : "flex-start",
+    backgroundColor: role === "user" ? theme.userBubble : theme.assistantBubble,
+    color: theme.text,
+    borderRadius: "12px",
+    padding: "8px 14px",
+    maxWidth: "80%",
+    wordBreak: "break-word",
+    whiteSpace: "pre-wrap",
+    fontSize: "14px",
+    lineHeight: "1.5",
+});
+const streamingStyle = {
+    display: "inline-block",
+    width: "8px",
+    height: "16px",
+    backgroundColor: "currentColor",
+    animation: "wo-blink 1s step-end infinite",
+    marginLeft: "2px",
+    opacity: 0.7,
+};
+export function MessageBubble({ message, theme }) {
+    return (_jsxs("div", { style: bubbleStyle(message.role, theme), children: [message.content, message.streaming && _jsx("span", { style: streamingStyle })] }, message.id));
+}
+export default MessageBubble;
+//# sourceMappingURL=message-bubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.js","sourceRoot":"","sources":["../../src/components/message-bubble.tsx"],"names":[],"mappings":";AAWA,MAAM,WAAW,GAAG,CAAC,IAAyB,EAAE,KAAkC,EAAuB,EAAE,CAAC,CAAC;IAC5G,SAAS,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;IACtD,eAAe,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe;IAC3E,KAAK,EAAE,KAAK,CAAC,IAAI;IACjB,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAwB;IAC3C,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,cAAc;IAC/B,SAAS,EAAE,+BAA+B;IAC1C,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAsB;IACnE,OAAO,CACN,eAAsB,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,aAC3D,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,SAAS,IAAI,eAAM,KAAK,EAAE,cAAc,GAAI,KAF5C,OAAO,CAAC,EAAE,CAGd,CACN,CAAC;AACH,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/components/session-list.d.ts

@@ -0,0 +1,17 @@
+import type { SessionInfo } from "../types.js";
+export interface SessionListProps {
+    sessions: SessionInfo[];
+    activeId?: string;
+    onSelect: (id: string) => void;
+    onCreate: () => void;
+    theme: {
+        surface: string;
+        text: string;
+        textSecondary: string;
+        border: string;
+        primary: string;
+    };
+}
+export declare function SessionList({ sessions, activeId, onSelect, onCreate, theme }: SessionListProps): import("react/jsx-runtime").JSX.Element;
+export default SessionList;
+//# sourceMappingURL=session-list.d.ts.map

package/dist/components/session-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-list.d.ts","sourceRoot":"","sources":["../../src/components/session-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE,MAAM,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;CACF;AAsED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAyB9F;AAED,eAAe,WAAW,CAAC"}

package/dist/components/session-list.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sidebarStyle = (theme) => ({
+    width: "260px",
+    backgroundColor: theme.surface,
+    borderRight: `1px solid ${theme.border}`,
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+});
+const headerStyle = {
+    padding: "16px",
+    fontSize: "16px",
+    fontWeight: 600,
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+};
+const createButtonStyle = (theme) => ({
+    backgroundColor: theme.primary,
+    color: "#fff",
+    border: "none",
+    borderRadius: "6px",
+    padding: "4px 10px",
+    fontSize: "12px",
+    cursor: "pointer",
+});
+const listStyle = {
+    flex: 1,
+    overflowY: "auto",
+    padding: "4px 8px",
+};
+function itemStyle(isActive, theme) {
+    return {
+        padding: "10px 12px",
+        borderRadius: "6px",
+        cursor: "pointer",
+        backgroundColor: isActive ? theme.primary + "20" : "transparent",
+        marginBottom: "2px",
+    };
+}
+const labelStyle = {
+    fontSize: "14px",
+    fontWeight: 500,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+};
+const metaStyle = (theme) => ({
+    fontSize: "11px",
+    color: theme.textSecondary,
+    marginTop: "2px",
+});
+function formatTime(ts) {
+    const d = new Date(ts);
+    const now = new Date();
+    const diff = now.getTime() - d.getTime();
+    if (diff < 60000)
+        return "just now";
+    if (diff < 3600000)
+        return `${Math.floor(diff / 60000)}m ago`;
+    if (diff < 86400000)
+        return `${Math.floor(diff / 3600000)}h ago`;
+    return d.toLocaleDateString();
+}
+export function SessionList({ sessions, activeId, onSelect, onCreate, theme }) {
+    return (_jsxs("div", { style: sidebarStyle(theme), children: [_jsxs("div", { style: headerStyle, children: [_jsx("span", { children: "Sessions" }), _jsx("button", { type: "button", style: createButtonStyle(theme), onClick: onCreate, children: "+ New" })] }), _jsx("div", { style: listStyle, children: sessions.map((s) => (_jsxs("div", { style: itemStyle(s.id === activeId, theme), onClick: () => onSelect(s.id), children: [_jsx("div", { style: labelStyle, children: s.label }), _jsxs("div", { style: metaStyle(theme), children: [formatTime(s.updatedAt), " \u00B7 ", s.messageCount, " msgs"] })] }, s.id))) })] }));
+}
+export default SessionList;
+//# sourceMappingURL=session-list.js.map

package/dist/components/session-list.js.map

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

package/dist/components/tool-call-card.d.ts

@@ -0,0 +1,15 @@
+import type { ToolCall } from "../types.js";
+export interface ToolCallCardProps {
+    toolCall: ToolCall;
+    theme: {
+        surface: string;
+        text: string;
+        textSecondary: string;
+        border: string;
+        success: string;
+        error: string;
+    };
+}
+export declare function ToolCallCard({ toolCall, theme }: ToolCallCardProps): import("react/jsx-runtime").JSX.Element;
+export default ToolCallCard;
+//# sourceMappingURL=tool-call-card.d.ts.map

package/dist/components/tool-call-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-card.d.ts","sourceRoot":"","sources":["../../src/components/tool-call-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE,MAAM,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACd,CAAC;CACF;AA2CD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAmClE;AAED,eAAe,YAAY,CAAC"}

package/dist/components/tool-call-card.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+const cardStyle = (theme) => ({
+    backgroundColor: theme.surface,
+    border: `1px solid ${theme.border}`,
+    borderRadius: "8px",
+    overflow: "hidden",
+    fontSize: "13px",
+});
+const headerStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "8px 12px",
+    cursor: "pointer",
+    userSelect: "none",
+};
+const dotStyle = (color) => ({
+    width: "8px",
+    height: "8px",
+    borderRadius: "50%",
+    backgroundColor: color,
+    flexShrink: 0,
+});
+const nameStyle = {
+    fontWeight: 600,
+    flex: 1,
+};
+const contentStyle = (theme) => ({
+    padding: "8px 12px",
+    borderTop: `1px solid ${theme.border}`,
+    fontFamily: "monospace",
+    fontSize: "12px",
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word",
+    maxHeight: "200px",
+    overflowY: "auto",
+});
+export function ToolCallCard({ toolCall, theme }) {
+    const [expanded, setExpanded] = useState(false);
+    const statusColor = toolCall.result?.isError ? theme.error : theme.success;
+    return (_jsxs("div", { style: cardStyle(theme), children: [_jsxs("div", { style: headerStyle, onClick: () => setExpanded(!expanded), children: [_jsx("span", { style: dotStyle(statusColor) }), _jsx("span", { style: nameStyle, children: toolCall.name }), _jsx("span", { style: { color: theme.textSecondary, fontSize: "11px" }, children: expanded ? "▲" : "▼" })] }), expanded && (_jsxs("div", { style: contentStyle(theme), children: [_jsx("div", { style: { color: theme.textSecondary, marginBottom: "4px" }, children: "Arguments:" }), toolCall.args, toolCall.result && (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                                    color: theme.textSecondary,
+                                    marginTop: "8px",
+                                    marginBottom: "4px",
+                                }, children: "Result:" }), toolCall.result.content] }))] }))] }));
+}
+export default ToolCallCard;
+//# sourceMappingURL=tool-call-card.js.map

package/dist/components/tool-call-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-card.js","sourceRoot":"","sources":["../../src/components/tool-call-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAejC,MAAM,SAAS,GAAG,CAAC,KAAiC,EAAuB,EAAE,CAAC,CAAC;IAC9E,eAAe,EAAE,KAAK,CAAC,OAAO;IAC9B,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,EAAE;IACnC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAwB;IACxC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAuB,EAAE,CAAC,CAAC;IACzD,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,KAAK;IACtB,UAAU,EAAE,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,SAAS,GAAwB;IACtC,UAAU,EAAE,GAAG;IACf,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAuB,EAAE,CAAC,CAAC;IACjF,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,aAAa,KAAK,CAAC,MAAM,EAAE;IACtC,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAqB;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAE3E,OAAO,CACN,eAAK,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,aAC3B,eAAK,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,aAC7D,eAAM,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAI,EACtC,eAAM,KAAK,EAAE,SAAS,YAAG,QAAQ,CAAC,IAAI,GAAQ,EAC9C,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC3D,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GACf,IACF,EACL,QAAQ,IAAI,CACZ,eAAK,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,aAC9B,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,2BAAkB,EAChF,QAAQ,CAAC,IAAI,EACb,QAAQ,CAAC,MAAM,IAAI,CACnB,8BACC,cACC,KAAK,EAAE;oCACN,KAAK,EAAE,KAAK,CAAC,aAAa;oCAC1B,SAAS,EAAE,KAAK;oCAChB,YAAY,EAAE,KAAK;iCACnB,wBAGI,EACL,QAAQ,CAAC,MAAM,CAAC,OAAO,IACtB,CACH,IACI,CACN,IACI,CACN,CAAC;AACH,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { ChatContainer } from "./components/chat-container.js";
+export { MessageBubble } from "./components/message-bubble.js";
+export { ChatInput } from "./components/chat-input.js";
+export { SessionList } from "./components/session-list.js";
+export { ToolCallCard } from "./components/tool-call-card.js";
+export type { ChatMessage, ToolCall, ToolResult } from "./types.js";
+export type { SessionInfo, DiagnosticInfo } from "./types.js";
+export type { ThemeConfig, WebSocketMessage } from "./types.js";
+export { darkTheme, lightTheme, getTheme } from "./theme.js";
+//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { ChatContainer } from "./components/chat-container.js";
+export { MessageBubble } from "./components/message-bubble.js";
+export { ChatInput } from "./components/chat-input.js";
+export { SessionList } from "./components/session-list.js";
+export { ToolCallCard } from "./components/tool-call-card.js";
+export { darkTheme, lightTheme, getTheme } from "./theme.js";
+//# 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,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAK9D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeConfig } from "./types.js";
+export declare const darkTheme: ThemeConfig;
+export declare const lightTheme: ThemeConfig;
+export declare function getTheme(mode: "dark" | "light"): ThemeConfig;
+export type { ThemeConfig };
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,SAAS,EAAE,WAYvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,WAYxB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAE5D;AAED,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/theme.js

@@ -0,0 +1,30 @@
+export const darkTheme = {
+    mode: "dark",
+    primary: "#6366f1",
+    background: "#0f172a",
+    surface: "#1e293b",
+    text: "#f1f5f9",
+    textSecondary: "#94a3b8",
+    border: "#334155",
+    userBubble: "#6366f1",
+    assistantBubble: "#334155",
+    error: "#ef4444",
+    success: "#22c55e",
+};
+export const lightTheme = {
+    mode: "light",
+    primary: "#6366f1",
+    background: "#ffffff",
+    surface: "#f8fafc",
+    text: "#0f172a",
+    textSecondary: "#64748b",
+    border: "#e2e8f0",
+    userBubble: "#6366f1",
+    assistantBubble: "#f1f5f9",
+    error: "#ef4444",
+    success: "#22c55e",
+};
+export function getTheme(mode) {
+    return mode === "dark" ? darkTheme : lightTheme;
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAgB;IACrC,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAgB;IACtC,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,IAAsB;IAC9C,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AACjD,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,51 @@
+export interface ChatMessage {
+    id: string;
+    role: "user" | "assistant" | "system" | "tool";
+    content: string;
+    timestamp: number;
+    toolCalls?: ToolCall[];
+    toolResult?: ToolResult;
+    streaming?: boolean;
+}
+export interface ToolCall {
+    id: string;
+    name: string;
+    args: string;
+    result?: ToolResult;
+}
+export interface ToolResult {
+    content: string;
+    isError?: boolean;
+}
+export interface SessionInfo {
+    id: string;
+    label: string;
+    createdAt: number;
+    updatedAt: number;
+    messageCount: number;
+}
+export interface DiagnosticInfo {
+    message: string;
+    severity: "error" | "warning" | "info" | "hint";
+    line?: number;
+    column?: number;
+    tool?: string;
+}
+export interface ThemeConfig {
+    mode: "dark" | "light";
+    primary: string;
+    background: string;
+    surface: string;
+    text: string;
+    textSecondary: string;
+    border: string;
+    userBubble: string;
+    assistantBubble: string;
+    error: string;
+    success: string;
+}
+export interface WebSocketMessage {
+    type: "message" | "tool_call" | "tool_result" | "error" | "status" | "diagnostic";
+    payload: unknown;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAC;IAClF,OAAO,EAAE,OAAO,CAAC;CACjB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@wayofmono/wo-web-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Web UI components for WayOfMono — chat interface, session management, and tool call visualization",
   "type": "module",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
+    "dist",
     "src",
     "README.md"
   ],