ugly-app 0.1.333 → 0.1.335

package/dist/cli/version.d.ts

@@ -1,2 +1,2 @@
-export declare const CLI_VERSION = "0.1.333";
+export declare const CLI_VERSION = "0.1.335";
 //# sourceMappingURL=version.d.ts.map

package/dist/cli/version.js

@@ -1,3 +1,3 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.333";
+export const CLI_VERSION = "0.1.335";
 //# sourceMappingURL=version.js.map

package/dist/conversation/client/ChatContext.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { ChatMessage, ChatMessageAction, ChatReaction, ChatTypingEntry, ChatUser } from '../shared/types.js';
+export interface ChatContextValue {
+    messages: ChatMessage[];
+    userId: string;
+    onSend: (text: string, parentMessageId?: string | null) => void;
+    onDelete?: (messageId: string) => void;
+    onEdit?: (messageId: string, text: string) => void;
+    onReact?: (messageId: string, reaction: ChatReaction) => void;
+    typingEntries?: ChatTypingEntry[];
+    onTypingStart?: () => void;
+    getUser?: (userId: string) => ChatUser | null;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    renderContent?: (message: ChatMessage, width: number) => ReactNode;
+    renderMessage?: (message: ChatMessage, defaultRender: () => ReactNode) => ReactNode;
+    getMessageActions?: (message: ChatMessage) => ChatMessageAction[];
+    selectedMessageId: string | null;
+    setSelectedMessageId: (id: string | null) => void;
+}
+export declare const ChatContext: import("react").Context<ChatContextValue | null>;
+export declare function useChatContext(): ChatContextValue;
+//# sourceMappingURL=ChatContext.d.ts.map

package/dist/conversation/client/ChatContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,QAAQ,EACT,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,KAAK,SAAS,CAAC;IACpF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,iBAAiB,EAAE,CAAC;IAClE,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,cAAc,IAAI,gBAAgB,CAIjD"}

package/dist/conversation/client/ChatContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+export const ChatContext = createContext(null);
+export function useChatContext() {
+    const ctx = useContext(ChatContext);
+    if (!ctx)
+        throw new Error('useChatContext must be used within a ChatView');
+    return ctx;
+}
+//# sourceMappingURL=ChatContext.js.map

package/dist/conversation/client/ChatContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContext.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA6BlD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,cAAc;IAC5B,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAC3E,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/conversation/client/ChatMarkdownContent.d.ts

@@ -0,0 +1,7 @@
+export interface ChatMarkdownContentProps {
+    markdown: string;
+    width: number;
+    textIndex?: number;
+}
+export declare function ChatMarkdownContent({ markdown, width, textIndex, }: ChatMarkdownContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatMarkdownContent.d.ts.map

package/dist/conversation/client/ChatMarkdownContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMarkdownContent.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatMarkdownContent.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,wBAAwB,2CAQ1B"}

package/dist/conversation/client/ChatMarkdownContent.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MdastViewer } from '../../markdown/client/MdastViewer.js';
+export function ChatMarkdownContent({ markdown, width, textIndex, }) {
+    return (_jsx(MdastViewer, { markdown: markdown, width: width, textIndex: textIndex ?? null }));
+}
+//# sourceMappingURL=ChatMarkdownContent.js.map

package/dist/conversation/client/ChatMarkdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMarkdownContent.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatMarkdownContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAQnE,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,SAAS,GACgB;IACzB,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAAI,IAAI,GAC5B,CACH,CAAC;AACJ,CAAC"}

package/dist/conversation/client/ChatMarkdownInput.d.ts

@@ -0,0 +1,8 @@
+export interface ChatMarkdownInputProps {
+    placeholder?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    width?: number;
+}
+export declare function ChatMarkdownInput({ placeholder, disabled, autoFocus, width, }: ChatMarkdownInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatMarkdownInput.d.ts.map

package/dist/conversation/client/ChatMarkdownInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMarkdownInput.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatMarkdownInput.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAiC,EACjC,QAAgB,EAChB,SAAiB,EACjB,KAAW,GACZ,EAAE,sBAAsB,2CAqCxB"}

package/dist/conversation/client/ChatMarkdownInput.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import { MarkdownEditor } from '../../markdown/client/MarkdownEditor.js';
+import { useChatContext } from './ChatContext.js';
+export function ChatMarkdownInput({ placeholder = 'Type a message...', disabled = false, autoFocus = false, width = 600, }) {
+    const ctx = useChatContext();
+    const editorRef = useRef(null);
+    const [value, setValue] = useState('');
+    const handleSend = useCallback(() => {
+        const text = value.trim();
+        if (!text)
+            return;
+        ctx.onSend(text);
+        setValue('');
+        editorRef.current?.setValue('');
+    }, [value, ctx]);
+    const handleValueChanged = useCallback((newValue) => {
+        setValue(newValue);
+        ctx.onTypingStart?.();
+    }, [ctx]);
+    return (_jsx(MarkdownEditor, { value: value, onValueChanged: handleValueChanged, disabled: disabled, autoFocus: autoFocus, compact: true, limitedToolbar: true, menuAbove: true, editorMode: "prose", width: width, fileId: null, placeholder: placeholder, editorRef: editorRef }));
+}
+//# sourceMappingURL=ChatMarkdownInput.js.map

package/dist/conversation/client/ChatMarkdownInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMarkdownInput.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatMarkdownInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,UAAU,iBAAiB,CAAC,EAChC,WAAW,GAAG,mBAAmB,EACjC,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,GAAG,GACY;IACvB,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,GAAG,CAAC,aAAa,EAAE,EAAE,CAAC;IACxB,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,EACb,cAAc,EAAE,IAAI,EACpB,SAAS,EAAE,IAAI,EACf,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/conversation/client/ChatMessageBubble.d.ts

@@ -0,0 +1,7 @@
+import type { ChatMessage } from '../shared/types.js';
+export interface ChatMessageBubbleProps {
+    message: ChatMessage;
+    isGrouped: boolean;
+}
+export declare function ChatMessageBubble({ message, isGrouped }: ChatMessageBubbleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatMessageBubble.d.ts.map

package/dist/conversation/client/ChatMessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAsFD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAkD/E"}

package/dist/conversation/client/ChatMessageBubble.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChatContext } from './ChatContext.js';
+import { ChatTextContent } from './ChatTextContent.js';
+const rowStyle = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 8,
+    padding: '2px 12px',
+};
+const rowWithHeaderStyle = {
+    ...rowStyle,
+    paddingTop: 8,
+};
+const avatarStyle = {
+    width: 32,
+    height: 32,
+    borderRadius: '50%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: 14,
+    fontWeight: 600,
+    color: '#fff',
+    flexShrink: 0,
+};
+const avatarPlaceholderStyle = {
+    width: 32,
+    flexShrink: 0,
+};
+const contentColumnStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    minWidth: 0,
+    flex: 1,
+};
+const headerStyle = {
+    display: 'flex',
+    alignItems: 'baseline',
+    gap: 6,
+    marginBottom: 2,
+};
+const nameStyle = {
+    fontWeight: 600,
+    fontSize: 14,
+    color: 'var(--app-foreground)',
+};
+const timeStyle = {
+    fontSize: 11,
+    color: 'var(--app-foreground)',
+    opacity: 0.5,
+};
+const bodyStyle = {
+    fontSize: 14,
+    lineHeight: '1.45',
+    color: 'var(--app-foreground)',
+};
+const colorMap = {
+    accent: { color: 'var(--app-primary)' },
+    error: { color: '#e53935' },
+    notice: { color: 'var(--app-primary)', opacity: 0.8 },
+};
+/** Simple hash to pick a consistent avatar color */
+function avatarColor(userId) {
+    const colors = ['#e57373', '#64b5f6', '#81c784', '#ffb74d', '#ba68c8', '#4dd0e1'];
+    let hash = 0;
+    for (let i = 0; i < userId.length; i++) {
+        hash = (hash * 31 + userId.charCodeAt(i)) | 0;
+    }
+    return colors[Math.abs(hash) % colors.length];
+}
+function formatTime(ts) {
+    const d = new Date(ts);
+    return d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+}
+export function ChatMessageBubble({ message, isGrouped }) {
+    const ctx = useChatContext();
+    const user = ctx.getUser?.(message.userId);
+    const displayName = user?.name ?? 'Unknown';
+    const initial = displayName.charAt(0).toUpperCase();
+    const handleClick = () => {
+        ctx.setSelectedMessageId(ctx.selectedMessageId === message.id ? null : message.id);
+    };
+    const colorStyle = message.color ? colorMap[message.color] : undefined;
+    const defaultRender = () => (_jsx("div", { style: { ...bodyStyle, ...colorStyle }, children: ctx.renderContent
+            ? ctx.renderContent(message, 600)
+            : _jsx(ChatTextContent, { text: message.text ?? '' }) }));
+    const content = ctx.renderMessage
+        ? ctx.renderMessage(message, defaultRender)
+        : defaultRender();
+    return (_jsxs("div", { "data-message-id": message.id, style: isGrouped ? rowStyle : rowWithHeaderStyle, onClick: handleClick, children: [isGrouped ? (_jsx("div", { style: avatarPlaceholderStyle })) : (_jsx("div", { style: { ...avatarStyle, backgroundColor: avatarColor(message.userId) }, children: initial })), _jsxs("div", { style: contentColumnStyle, children: [!isGrouped && (_jsxs("div", { style: headerStyle, children: [_jsx("span", { style: nameStyle, children: displayName }), _jsx("span", { style: timeStyle, children: formatTime(message.created) })] })), content] })] }));
+}
+//# sourceMappingURL=ChatMessageBubble.js.map

package/dist/conversation/client/ChatMessageBubble.js.map

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

package/dist/conversation/client/ChatScrollButton.d.ts

@@ -0,0 +1,6 @@
+export interface ChatScrollButtonProps {
+    onClick: () => void;
+    visible: boolean;
+}
+export declare function ChatScrollButton({ onClick, visible }: ChatScrollButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatScrollButton.d.ts.map

package/dist/conversation/client/ChatScrollButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatScrollButton.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatScrollButton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AA6BD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAe3E"}

package/dist/conversation/client/ChatScrollButton.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const buttonStyle = {
+    position: 'absolute',
+    bottom: 16,
+    right: 16,
+    width: 36,
+    height: 36,
+    borderRadius: '50%',
+    border: '1px solid var(--app-border)',
+    backgroundColor: 'var(--app-background)',
+    color: 'var(--app-foreground)',
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+    transition: 'opacity 0.2s, transform 0.2s',
+    zIndex: 10,
+};
+const arrowStyle = {
+    width: 0,
+    height: 0,
+    borderLeft: '5px solid transparent',
+    borderRight: '5px solid transparent',
+    borderTop: '6px solid currentColor',
+};
+export function ChatScrollButton({ onClick, visible }) {
+    return (_jsx("button", { onClick: onClick, style: {
+            ...buttonStyle,
+            opacity: visible ? 1 : 0,
+            transform: visible ? 'translateY(0)' : 'translateY(8px)',
+            pointerEvents: visible ? 'auto' : 'none',
+        }, "aria-label": "Scroll to bottom", children: _jsx("span", { style: arrowStyle }) }));
+}
+//# sourceMappingURL=ChatScrollButton.js.map

package/dist/conversation/client/ChatScrollButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatScrollButton.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatScrollButton.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,6BAA6B;IACrC,eAAe,EAAE,uBAAuB;IACxC,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,4BAA4B;IACvC,UAAU,EAAE,8BAA8B;IAC1C,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,uBAAuB;IACnC,WAAW,EAAE,uBAAuB;IACpC,SAAS,EAAE,wBAAwB;CACpC,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAyB;IAC1E,OAAO,CACL,iBACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,GAAG,WAAW;YACd,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB;YACxD,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACzC,gBACU,kBAAkB,YAE7B,eAAM,KAAK,EAAE,UAAU,GAAI,GACpB,CACV,CAAC;AACJ,CAAC"}

package/dist/conversation/client/ChatTextContent.d.ts

@@ -0,0 +1,5 @@
+export interface ChatTextContentProps {
+    text: string;
+}
+export declare function ChatTextContent({ text }: ChatTextContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatTextContent.d.ts.map

package/dist/conversation/client/ChatTextContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextContent.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatTextContent.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;CACd;AAOD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAE7D"}

package/dist/conversation/client/ChatTextContent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const textStyle = {
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word',
+};
+export function ChatTextContent({ text }) {
+    return _jsx("span", { style: textStyle, children: text });
+}
+//# sourceMappingURL=ChatTextContent.js.map

package/dist/conversation/client/ChatTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextContent.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatTextContent.tsx"],"names":[],"mappings":";AAMA,MAAM,SAAS,GAAkB;IAC/B,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAwB;IAC5D,OAAO,eAAM,KAAK,EAAE,SAAS,YAAG,IAAI,GAAQ,CAAC;AAC/C,CAAC"}

package/dist/conversation/client/ChatTextInput.d.ts

@@ -0,0 +1,7 @@
+export interface ChatTextInputProps {
+    placeholder?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+}
+export declare function ChatTextInput({ placeholder, disabled, autoFocus, }: ChatTextInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatTextInput.d.ts.map

package/dist/conversation/client/ChatTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextInput.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatTextInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmBD,wBAAgB,aAAa,CAAC,EAC5B,WAAiC,EACjC,QAAgB,EAChB,SAAiB,GAClB,EAAE,kBAAkB,2CAkCpB"}

package/dist/conversation/client/ChatTextInput.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { useChatContext } from './ChatContext.js';
+const textareaStyle = {
+    width: '100%',
+    minHeight: 40,
+    maxHeight: 160,
+    padding: '8px 12px',
+    fontSize: 14,
+    lineHeight: '1.45',
+    border: '1px solid var(--app-border)',
+    borderRadius: 8,
+    backgroundColor: 'var(--app-background)',
+    color: 'var(--app-foreground)',
+    resize: 'none',
+    outline: 'none',
+    fontFamily: 'inherit',
+    boxSizing: 'border-box',
+};
+export function ChatTextInput({ placeholder = 'Type a message...', disabled = false, autoFocus = false, }) {
+    const ctx = useChatContext();
+    const ref = useRef(null);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            const text = ref.current?.value.trim();
+            if (text) {
+                ctx.onSend(text);
+                if (ref.current)
+                    ref.current.value = '';
+            }
+        }
+    }, [ctx]);
+    const handleInput = useCallback(() => {
+        ctx.onTypingStart?.();
+    }, [ctx]);
+    return (_jsx("textarea", { ref: ref, style: textareaStyle, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, onKeyDown: handleKeyDown, onInput: handleInput, rows: 1 }));
+}
+//# sourceMappingURL=ChatTextInput.js.map

package/dist/conversation/client/ChatTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextInput.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,aAAa,GAAkB;IACnC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,GAAG;IACd,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,6BAA6B;IACrC,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,uBAAuB;IACxC,KAAK,EAAE,uBAAuB;IAC9B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAC5B,WAAW,GAAG,mBAAmB,EACjC,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,GACE;IACnB,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAqC,EAAE,EAAE;QACxC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;YACvC,IAAI,IAAI,EAAE,CAAC;gBACT,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACjB,IAAI,GAAG,CAAC,OAAO;oBAAE,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,GAAG,CAAC,aAAa,EAAE,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,CAAC,GACP,CACH,CAAC;AACJ,CAAC"}

package/dist/conversation/client/ChatTypingIndicator.d.ts

@@ -0,0 +1,2 @@
+export declare function ChatTypingIndicator(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChatTypingIndicator.d.ts.map

package/dist/conversation/client/ChatTypingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatTypingIndicator.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,mBAAmB,mDAkClC"}

package/dist/conversation/client/ChatTypingIndicator.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChatContext } from './ChatContext.js';
+const containerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    padding: '4px 12px',
+    fontSize: 13,
+    color: 'var(--app-foreground)',
+    opacity: 0.6,
+    minHeight: 24,
+};
+const dotsStyle = {
+    display: 'inline-flex',
+    gap: 2,
+};
+const dotBaseStyle = {
+    width: 4,
+    height: 4,
+    borderRadius: '50%',
+    backgroundColor: 'currentColor',
+    animation: 'chat-typing-dot 1.4s infinite ease-in-out both',
+};
+export function ChatTypingIndicator() {
+    const { typingEntries, userId, getUser } = useChatContext();
+    const others = typingEntries?.filter((e) => e.userId !== userId) ?? [];
+    if (others.length === 0)
+        return null;
+    const names = others.map((e) => {
+        const user = getUser?.(e.userId);
+        return user?.name ?? 'Someone';
+    });
+    const label = names.length === 1
+        ? `${names[0]} is typing`
+        : names.length === 2
+            ? `${names[0]} and ${names[1]} are typing`
+            : `${names.length} people are typing`;
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("style", { children: `
+        @keyframes chat-typing-dot {
+          0%, 80%, 100% { transform: scale(0); }
+          40% { transform: scale(1); }
+        }
+      ` }), _jsx("span", { children: label }), _jsxs("span", { style: dotsStyle, children: [_jsx("span", { style: { ...dotBaseStyle, animationDelay: '-0.32s' } }), _jsx("span", { style: { ...dotBaseStyle, animationDelay: '-0.16s' } }), _jsx("span", { style: { ...dotBaseStyle, animationDelay: '0s' } })] })] }));
+}
+//# sourceMappingURL=ChatTypingIndicator.js.map

package/dist/conversation/client/ChatTypingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTypingIndicator.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatTypingIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,cAAc,GAAkB;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,uBAAuB;IAC9B,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,aAAa;IACtB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,cAAc;IAC/B,SAAS,EAAE,gDAAgD;CAC5D,CAAC;AAEF,MAAM,UAAU,mBAAmB;IACjC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAE5D,MAAM,MAAM,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,EAAE,CAAC;IACvE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACjC,OAAO,IAAI,EAAE,IAAI,IAAI,SAAS,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GACT,KAAK,CAAC,MAAM,KAAK,CAAC;QAChB,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY;QACzB,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;YAClB,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,aAAa;YAC1C,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,oBAAoB,CAAC;IAE5C,OAAO,CACL,eAAK,KAAK,EAAE,cAAc,aACxB,0BAAQ;;;;;OAKP,GAAS,EACV,yBAAO,KAAK,GAAQ,EACpB,gBAAM,KAAK,EAAE,SAAS,aACpB,eAAM,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAI,EAC9D,eAAM,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAI,EAC9D,eAAM,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,GAAI,IACrD,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/conversation/client/ChatView.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { ChatMessage, ChatMessageAction, ChatReaction, ChatTypingEntry, ChatUser } from '../shared/types.js';
+export interface ChatViewProps {
+    messages: ChatMessage[];
+    userId: string;
+    onSend: (text: string, parentMessageId?: string | null) => void;
+    onDelete?: (messageId: string) => void;
+    onEdit?: (messageId: string, text: string) => void;
+    onReact?: (messageId: string, reaction: ChatReaction) => void;
+    typingEntries?: ChatTypingEntry[];
+    onTypingStart?: () => void;
+    getUser?: (userId: string) => ChatUser | null;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    renderContent?: (message: ChatMessage, width: number) => ReactNode;
+    renderMessage?: (message: ChatMessage, defaultRender: () => ReactNode) => ReactNode;
+    getMessageActions?: (message: ChatMessage) => ChatMessageAction[];
+    children?: ReactNode;
+}
+export declare function ChatView({ messages, userId, onSend, onDelete, onEdit, onReact, typingEntries, onTypingStart, getUser, hasMore, onLoadMore, renderContent, renderMessage, getMessageActions, children, }: ChatViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatView.d.ts.map

package/dist/conversation/client/ChatView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatView.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,QAAQ,EACT,MAAM,oBAAoB,CAAC;AA+E5B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,KAAK,SAAS,CAAC;IACpF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,iBAAiB,EAAE,CAAC;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE,aAAa,2CAoIf"}

package/dist/conversation/client/ChatView.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { ChatContext } from './ChatContext.js';
+import { ChatMessageBubble } from './ChatMessageBubble.js';
+import { ChatTypingIndicator } from './ChatTypingIndicator.js';
+import { ChatScrollButton } from './ChatScrollButton.js';
+// ─── Duration separator ─────────────────────────────────────────────────────
+const DURATION_SEPARATOR_MS = 5 * 60 * 1000; // 5 minutes
+function formatDateSeparator(ts) {
+    const d = new Date(ts);
+    const now = new Date();
+    const isToday = d.getDate() === now.getDate() &&
+        d.getMonth() === now.getMonth() &&
+        d.getFullYear() === now.getFullYear();
+    if (isToday) {
+        return 'Today at ' + d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+    }
+    return d.toLocaleDateString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: d.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
+    }) + ' at ' + d.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+}
+// ─── Styles ─────────────────────────────────────────────────────────────────
+const outerStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+    minHeight: 0,
+    position: 'relative',
+};
+const scrollContainerStyle = {
+    flex: 1,
+    overflowY: 'auto',
+    display: 'flex',
+    flexDirection: 'column',
+};
+const innerStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    marginTop: 'auto',
+};
+const separatorStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: '12px 0',
+    fontSize: 11,
+    color: 'var(--app-foreground)',
+    opacity: 0.45,
+    userSelect: 'none',
+};
+const loadMoreStyle = {
+    display: 'flex',
+    justifyContent: 'center',
+    padding: 8,
+};
+const loadMoreButtonStyle = {
+    background: 'none',
+    border: 'none',
+    color: 'var(--app-primary)',
+    cursor: 'pointer',
+    fontSize: 13,
+    padding: '4px 12px',
+};
+// ─── Component ──────────────────────────────────────────────────────────────
+export function ChatView({ messages, userId, onSend, onDelete, onEdit, onReact, typingEntries, onTypingStart, getUser, hasMore, onLoadMore, renderContent, renderMessage, getMessageActions, children, }) {
+    const scrollRef = useRef(null);
+    const [selectedMessageId, setSelectedMessageId] = useState(null);
+    const [showScrollButton, setShowScrollButton] = useState(false);
+    const isAtBottomRef = useRef(true);
+    const prevMessageCountRef = useRef(messages.length);
+    // ─── Context value ──────────────────────────────────────────────────────
+    const ctxValue = useMemo(() => ({
+        messages,
+        userId,
+        onSend,
+        onDelete,
+        onEdit,
+        onReact,
+        typingEntries,
+        onTypingStart,
+        getUser,
+        hasMore,
+        onLoadMore,
+        renderContent,
+        renderMessage,
+        getMessageActions,
+        selectedMessageId,
+        setSelectedMessageId,
+    }), [
+        messages,
+        userId,
+        onSend,
+        onDelete,
+        onEdit,
+        onReact,
+        typingEntries,
+        onTypingStart,
+        getUser,
+        hasMore,
+        onLoadMore,
+        renderContent,
+        renderMessage,
+        getMessageActions,
+        selectedMessageId,
+    ]);
+    // ─── Scroll handling ──────────────────────────────────────────────────
+    const scrollToBottom = useCallback(() => {
+        const el = scrollRef.current;
+        if (el) {
+            el.scrollTop = el.scrollHeight;
+        }
+    }, []);
+    const handleScroll = useCallback(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+        const atBottom = distanceFromBottom < 40;
+        isAtBottomRef.current = atBottom;
+        setShowScrollButton(!atBottom);
+    }, []);
+    // Auto-scroll on new messages
+    useEffect(() => {
+        if (messages.length > prevMessageCountRef.current && isAtBottomRef.current) {
+            scrollToBottom();
+        }
+        prevMessageCountRef.current = messages.length;
+    }, [messages.length, scrollToBottom]);
+    // Initial scroll
+    useEffect(() => {
+        scrollToBottom();
+    }, [scrollToBottom]);
+    // ─── Build message rows with separators ────────────────────────────────
+    const rows = useMemo(() => {
+        const result = [];
+        for (let i = 0; i < messages.length; i++) {
+            const msg = messages[i];
+            const prev = i > 0 ? messages[i - 1] : null;
+            // Duration separator
+            if (prev && msg.created - prev.created > DURATION_SEPARATOR_MS) {
+                result.push(_jsx("div", { style: separatorStyle, children: formatDateSeparator(msg.created) }, `sep-${msg.id}`));
+            }
+            const isGrouped = !!prev &&
+                prev.userId === msg.userId &&
+                msg.created - prev.created <= DURATION_SEPARATOR_MS;
+            result.push(_jsx(ChatMessageBubble, { message: msg, isGrouped: isGrouped }, msg.id));
+        }
+        return result;
+    }, [messages]);
+    return (_jsx(ChatContext.Provider, { value: ctxValue, children: _jsxs("div", { style: outerStyle, children: [_jsx("div", { ref: scrollRef, style: scrollContainerStyle, onScroll: handleScroll, "data-testid": "conversation-scroll-container", children: _jsxs("div", { "data-testid": "message-list-inner", style: innerStyle, children: [hasMore && onLoadMore && (_jsx("div", { style: loadMoreStyle, children: _jsx("button", { style: loadMoreButtonStyle, onClick: onLoadMore, children: "Load more" }) })), rows] }) }), _jsx(ChatTypingIndicator, {}), _jsx(ChatScrollButton, { onClick: scrollToBottom, visible: showScrollButton }), children] }) }));
+}
+//# sourceMappingURL=ChatView.js.map

package/dist/conversation/client/ChatView.js.map

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