@widgetic/chat 0.1.4 → 0.1.6

package/dist/components/ActionBar.svelte

@@ -169,7 +169,7 @@
     class:completed={isCompleted}
     onclick={handleCompletionToggle}
     disabled={disabled || !conversationId}
-    title={isCompleted ? 'Mark as Active' : 'Mark as Complete'}
+    title={isCompleted ? 'Mark as Active — you can keep iterating either way' : 'Mark this chat as done. You can still send messages and iterate on the widget.'}
     aria-label={isCompleted ? 'Mark conversation as active' : 'Mark conversation as complete'}
   >
     {#if isCompleted}

package/dist/components/Chat.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte';
+  import { onMount, onDestroy, untrack } from 'svelte';
   import { chatStore, getCurrentMessages } from '../stores/chatStore.js';
   import { createChatService } from '../services/chatService.js';
   import { setLogsEnabled, chatLog, chatWarn } from '../utils/logger.js';
@@ -20,7 +20,7 @@
     isCompleted?: boolean;
     onStatsUpdate?: (messageCount: number, firstMessage: string | null) => void;
     onChatReady?: (chatMethods: ChatMethods) => void;
-    onCompletionToggle?: () => void;
+    onCompletionToggle?: (detail?: { conversationId: string | null; completed: boolean }) => void;
     /** When provided, called instead of the built-in mock service for sending messages.
      *  The parent handles the actual API call and can push assistant messages via addAssistantMessage. */
     onSendMessage?: (
@@ -42,7 +42,7 @@
       conversationId: string,
       content: string,
       messageType: string,
-      attachments?: Array<{ url?: string; file_type?: string; file_name?: string | null; file_size?: number | null; display_order?: number }>,
+      attachments?: Array<{ url?: string; file?: File; file_type?: string; file_name?: string | null; file_size?: number | null; display_order?: number }>,
     ) => Promise<any>;
     onRestoreCheckpointBackend?: (conversationId: string, checkpointMessageId: string) => Promise<any>;
     onTakeScreenshot?: () => Promise<string | null>;
@@ -77,8 +77,8 @@
      * internal messages area grows/shrinks within the current chat height.
      */
     resizeExpandsContainer?: boolean;
-    /** Delta in pixels for the current drag frame (positive = grew downward). */
-    onMessagesResize?: (deltaPx: number) => void;
+    /** Delta in pixels, plus the resulting chat container height (for parent-owned resize). */
+    onMessagesResize?: (deltaPx: number, nextContainerHeightPx?: number) => void;
   }
 
   // Expose methods to parent component
@@ -110,6 +110,10 @@
     updateLatestCodegenStatusMessage: (content: string) => void;
     /** Reload messages from backend and refresh widget HEAD marker. */
     reloadConversationMessages: () => Promise<void>;
+    /** Select an existing conversation (loads its messages into the chat). */
+    selectConversation: (conversationId: string) => Promise<void>;
+    /** Replace attachments on the latest user message (CDN URLs after persist). */
+    updateLastUserMessageAttachments: (attachments: Array<{ id?: string; url: string; file_type?: string; file_name?: string | null }>) => void;
   }
 
   let { context, config = {}, class: className = '', style = '', isCompleted = false, onStatsUpdate, onChatReady, onCompletionToggle, onSendMessage, onLoadConversations, onLoadMessages, onCreateConversation, onSaveMessage, onRestoreCheckpointBackend, onTakeScreenshot, onConversationChange, onDraftChange, onRetryMessage, onUploadChatFile, showHeader = true, headerTitle = '', showDescriptionHeader = true, showLogs = true, resizeExpandsContainer = false, onMessagesResize }: Props = $props();
@@ -170,67 +174,115 @@
   /** Prefer a conversation that already has messages (avoids empty auto-created convos). */
   async function activateBestConversation(conversations: any[]): Promise<void> {
     for (const conversation of conversations) {
+      const conversationId = conversation.id || conversation.conversation_id || conversation.conversationId;
+      if (!conversationId) continue;
       const loadedMessages = onLoadMessages
-        ? await onLoadMessages(conversation.id)
-        : await chatService.getMessages(conversation.id);
+        ? await onLoadMessages(conversationId)
+        : await chatService.getMessages(conversationId);
       const messageList = loadedMessages || [];
-      chatStore.actions.setMessages(conversation.id, messageList);
+      chatStore.actions.setMessages(conversationId, messageList);
 
       if (messageList.length > 0) {
-        currentConversationId = conversation.id;
+        currentConversationId = conversationId;
         markWidgetHeadAtLatestCommit();
-        chatLog('[Chat] Restored conversation with history:', conversation.id, messageList.length, 'messages');
+        chatLog('[Chat] Restored conversation with history:', conversationId, messageList.length, 'messages');
         return;
       }
     }
 
     const fallbackConversation = conversations[0];
-    chatLog('[Chat] All conversations empty — using latest:', fallbackConversation.id);
-    currentConversationId = fallbackConversation.id;
+    const fallbackId =
+      fallbackConversation?.id ||
+      fallbackConversation?.conversation_id ||
+      fallbackConversation?.conversationId;
+    chatLog('[Chat] All conversations empty — using latest:', fallbackId);
+    currentConversationId = fallbackId || null;
+  }
+
+  let lastLoadedContextId = $state('');
+
+  async function initializeForContext(contextId: string) {
+    if (!contextId) return;
+    lastLoadedContextId = contextId;
+    chatLog('[Chat] Initializing with context:', contextId);
+    chatStore.actions.setActiveContext(contextId, true);
+
+    let loaded: any[] | null = null;
+    for (let attempt = 0; attempt < 4; attempt++) {
+      loaded = await loadConversations();
+      if (loaded !== null) break;
+      if (attempt < 3) {
+        await new Promise((resolve) => setTimeout(resolve, 400 * (attempt + 1)));
+      }
+    }
+
+    if (loaded === null) {
+      chatStore.actions.updateUI({
+        errorMessage: 'Could not load chat history.',
+      });
+      return;
+    }
+
+    if (loaded.length === 0) {
+      chatLog('[Chat] No existing conversations, creating new one');
+      await createNewConversation();
+    } else {
+      chatLog('[Chat] Selecting from', loaded.length, 'conversation(s)');
+      await activateBestConversation(loaded);
+    }
+    chatLog('[Chat] Initialized successfully');
+  }
+
+  async function retryLoadHistory() {
+    chatLog('[Chat] Retry load history for', context?.id);
+    chatStore.actions.updateUI({ errorMessage: null });
+    lastLoadedContextId = '';
+    try {
+      await initializeForContext(context.id);
+    } catch (error) {
+      console.error('[Chat] Retry load history failed:', error);
+      chatStore.actions.updateUI({
+        errorMessage: 'Could not load chat history.',
+      });
+    }
   }
 
   // Lifecycle
   onMount(async () => {
     try {
-      chatLog('[Chat] Initializing with context:', context.id);
-      
-      chatStore.actions.setActiveContext(context.id, true);
-      
-      let loaded: any[] | null = null;
-      for (let attempt = 0; attempt < 4; attempt++) {
-        loaded = await loadConversations();
-        if (loaded !== null) break;
-        if (attempt < 3) {
-          await new Promise((resolve) => setTimeout(resolve, 400 * (attempt + 1)));
-        }
-      }
-
-      if (loaded === null) {
-        chatStore.actions.updateUI({
-          errorMessage: 'Could not load chat history. Try refreshing the page.',
-        });
-        isInitialized = true;
-        return;
-      }
-      
-      if (loaded.length === 0) {
-        chatLog('[Chat] No existing conversations, creating new one');
-        await createNewConversation();
-      } else {
-        chatLog('[Chat] Selecting from', loaded.length, 'conversation(s)');
-        await activateBestConversation(loaded);
-      }
-      
+      await initializeForContext(context.id);
       isInitialized = true;
-      chatLog('[Chat] Initialized successfully');
     } catch (error) {
       console.error('[Chat] Failed to initialize:', error);
-      chatStore.actions.updateUI({ 
-        errorMessage: 'Failed to initialize chat. Please try again.' 
+      chatStore.actions.updateUI({
+        errorMessage: 'Failed to initialize chat. Please try again.',
       });
+      isInitialized = true;
     }
   });
 
+  $effect(() => {
+    const nextId = context?.id;
+    if (!isInitialized || !nextId) return;
+    if (nextId === lastLoadedContextId) return;
+    untrack(() => {
+      const prevConv = currentConversationId;
+      const prevMsgs = prevConv ? [...(getCurrentMessages(prevConv) || [])] : [];
+      const prevUserWithImage = [...prevMsgs].reverse().find(
+        (m: any) => m.messageType === 'user' && Array.isArray(m.attachments) && m.attachments.length > 0,
+      );
+      void initializeForContext(nextId).then(() => {
+        if (!prevUserWithImage?.attachments?.length) return;
+        const nextMsgs = getCurrentMessages(currentConversationId) || [];
+        const nextUser = [...nextMsgs].reverse().find((m: any) => m.messageType === 'user');
+        if (!nextUser) return;
+        if (nextUser.attachments && nextUser.attachments.length > 0) return;
+        updateLastUserMessageAttachments(prevUserWithImage.attachments);
+        chatLog('[Chat] Restored image attachments after widget id migrate:', prevUserWithImage.attachments.length);
+      });
+    });
+  });
+
   // Methods
   async function loadConversations(): Promise<any[] | null> {
     try {
@@ -335,15 +387,28 @@
       // Persist user message to backend and update local ID with DB UUID
       if (onSaveMessage) {
         try {
+          const persistAttachments = (submittedAttachments || []).map((att: any, i: number) => ({
+            url: att.uploadedUrl || userMessage.attachments?.[i]?.url,
+            file: att.file,
+            file_type: att.file?.type || userMessage.attachments?.[i]?.file_type,
+            file_name: att.file?.name || userMessage.attachments?.[i]?.file_name,
+            file_size: att.file?.size || userMessage.attachments?.[i]?.file_size,
+            display_order: i + 1,
+          })).filter((att: { url?: string; file?: File }) => !!att.url || att.file instanceof File);
           const saved = await onSaveMessage(
             currentConversationId,
             submittedContent,
             'user',
-            userMessage.attachments,
+            persistAttachments.length > 0 ? persistAttachments : userMessage.attachments,
           );
           if (saved?.id && saved.id !== userMessage.id) {
             chatStore.actions.updateMessageId(currentConversationId, userMessage.id, saved.id);
           }
+          const savedAttachments = saved?.attachments || saved?.data?.attachments;
+          if (Array.isArray(savedAttachments) && savedAttachments.length > 0) {
+            const targetId = saved?.id || userMessage.id;
+            chatStore.actions.updateMessageAttachments(currentConversationId, targetId, savedAttachments);
+          }
         } catch (err) {
           chatWarn('[Chat] Failed to persist user message:', err);
         }
@@ -352,7 +417,7 @@
       if (onSendMessage) {
         const outgoing = (submittedAttachments || []).map((att) => ({
           file: att.file,
-          url: att.uploadedUrl,
+          url: att.uploadedUrl || att.preview,
           uploadId: att.uploadId,
           fileType: att.file.type,
           fileName: att.file.name,
@@ -546,11 +611,7 @@
   }
 
   function isCdnUploadableFile(file: File): boolean {
-    return (
-      file.type.startsWith('image/') ||
-      file.type.startsWith('video/') ||
-      file.type === 'application/pdf'
-    );
+    return !!file && file.size > 0;
   }
 
   function bumpAttachmentProgress(attachmentIndex: number, percentage: number) {
@@ -566,7 +627,7 @@
     options: { source?: string } = {},
   ): Promise<void> {
     if (!onUploadChatFile || !isCdnUploadableFile(file)) {
-      if (file.type.startsWith('image/')) {
+      if (file.type.startsWith('image/') || file.type.startsWith('video/') || file.type === 'application/pdf') {
         entry.preview = URL.createObjectURL(file);
       }
       return;
@@ -580,7 +641,7 @@
       });
       entry.uploadedUrl = uploaded.url;
       entry.uploadId = uploaded.id;
-      if (file.type.startsWith('image/')) {
+      if (file.type.startsWith('image/') || file.type.startsWith('video/') || file.type === 'application/pdf') {
         entry.preview = uploaded.url;
       }
       entry.uploadProgress = 100;
@@ -590,7 +651,7 @@
       chatLog('[Chat] Attachment uploaded to CDN:', uploaded.url.slice(0, 80), 'id:', uploaded.id);
     } catch (uploadError) {
       console.error('[Chat] Upload failed, using local preview where possible:', uploadError);
-      if (file.type.startsWith('image/')) {
+      if (file.type.startsWith('image/') || file.type.startsWith('video/') || file.type === 'application/pdf') {
         entry.preview = URL.createObjectURL(file);
       }
       entry.uploadProgress = 0;
@@ -608,7 +669,7 @@
     const fileInput = document.createElement('input');
     fileInput.type = 'file';
     fileInput.multiple = true;
-    fileInput.accept = 'image/*,video/*,.pdf,.txt,.md,.mermaid';
+    fileInput.accept = '*/*';
 
     fileInput.onchange = async (event) => {
       const files = Array.from((event.target as HTMLInputElement).files || []);
@@ -646,26 +707,30 @@
   }
 
   async function handleComplete({ detail }: { detail: { completed: boolean } }) {
-    chatLog('Conversation completion toggle requested');
-    
+    chatLog('Conversation completion toggle requested', {
+      conversationId: currentConversationId,
+      completed: detail?.completed,
+    });
+
     if (!currentConversationId) {
       console.error('No active conversation to mark as complete');
       return;
     }
-    
+
     try {
-      // Call parent's completion toggle function
       if (onCompletionToggle) {
-        onCompletionToggle();
+        onCompletionToggle({
+          conversationId: currentConversationId,
+          completed: detail?.completed,
+        });
         chatLog('Completion toggled via parent callback');
       } else {
         chatWarn('No onCompletionToggle callback provided');
       }
-      
     } catch (error) {
       console.error('Failed to update conversation status:', error);
-      chatStore.actions.updateUI({ 
-        errorMessage: 'Failed to update conversation status' 
+      chatStore.actions.updateUI({
+        errorMessage: 'Failed to update conversation status'
       });
     }
   }
@@ -812,8 +877,9 @@
 
   function getAttachmentDataUrls(): string[] {
     return localAttachments
-      .filter((att) => att.type === 'image' && (att.preview || att.file.type.startsWith('image/')))
-      .map((att) => att.preview || '');
+      .filter((att) => att.type === 'image' && (att.uploadedUrl || att.preview || att.file?.type?.startsWith('image/')))
+      .map((att) => att.uploadedUrl || att.preview || '')
+      .filter((url) => !!url);
   }
 
   function getAttachmentUploadIds(): string[] {
@@ -851,12 +917,18 @@
     return /^Updated \d+ files?/i.test(trimmed) && /\n\nCommit\s+[a-f0-9]{7,40}/i.test(trimmed);
   }
 
-  /** Widget HEAD applies only to codegen completion lines, not preview-rebuild status. */
+  /** Widget HEAD: codegen completion, saved-code summaries, or visible preview-recompiled bubbles. */
   function messageHasWidgetCommit(content?: string | null): boolean {
     const trimmed = (content || '').trim();
-    if (!trimmed || isPreviewRecompiledMessage(trimmed)) return false;
-    if (isCodegenFailureMessage(trimmed)) return false;
-    if (/^Code generation completed/i.test(trimmed) && CODEGEN_COMMIT_REGEX.test(trimmed)) return true;
+    if (!trimmed || isCodegenFailureMessage(trimmed)) return false;
+    if (isPreviewRecompiledMessage(trimmed) && CODEGEN_COMMIT_REGEX.test(trimmed)) return true;
+    if (CODEGEN_COMMIT_REGEX.test(trimmed) && (
+      /^Code generation completed/i.test(trimmed) ||
+      /^Code saved/i.test(trimmed) ||
+      isBackendCodegenSummary(trimmed)
+    )) {
+      return true;
+    }
     return isBackendCodegenSummary(trimmed);
   }
 
@@ -896,7 +968,12 @@
 
   function isCodegenFailureMessage(content?: string | null): boolean {
     const t = (content || '').trim();
-    return /^Code generation failed/i.test(t);
+    return (
+      /^Code generation failed/i.test(t) ||
+      /^⚠️/.test(t) ||
+      /Too many generation requests/i.test(t) ||
+      /temporarily unavailable/i.test(t)
+    );
   }
 
   function markWidgetHeadAtLatestCommit(preferredMessageId?: string) {
@@ -981,13 +1058,40 @@
     }
   }
 
+  function updateLastUserMessageAttachments(
+    attachments: Array<{ id?: string; url: string; file_type?: string; file_name?: string | null }>,
+  ) {
+    if (!currentConversationId || !attachments?.length) return;
+    const msgs = getCurrentMessages(currentConversationId);
+    const idx = getLastUserMessageIndex(msgs);
+    if (idx < 0) return;
+    const mapped = attachments.map((a, i) => ({
+      id: a.id || `att_${Date.now()}_${i}`,
+      url: a.url,
+      file_type: a.file_type || 'application/octet-stream',
+      file_name: a.file_name || 'attachment',
+      file_size: null,
+      display_order: i + 1,
+      created_at: new Date().toISOString(),
+    }));
+    chatStore.actions.updateMessageAttachments(currentConversationId, msgs[idx].id, mapped);
+    chatLog('[Chat] Patched last user message attachments:', mapped.length);
+  }
+
   /** Reload messages from backend and re-mark widget HEAD (picks up server-persisted summaries). */
   async function reloadConversationMessages() {
     if (!currentConversationId || !onLoadMessages) return;
     try {
+      const localMsgs = getCurrentMessages(currentConversationId);
+      const localHasHead = localMsgs.some((m) => m.isWidgetHead || messageHasWidgetCommit(m.messageContent));
       const loaded = await onLoadMessages(currentConversationId);
+      const loadedHasHead = (loaded || []).some((m) => messageHasWidgetCommit(m.messageContent));
       if (loaded?.length) {
-        chatStore.actions.setMessages(currentConversationId, loaded);
+        if (localHasHead && !loadedHasHead) {
+          chatLog('[Chat] Keep local HEAD commit message — DB reload has no commit yet');
+        } else {
+          chatStore.actions.setMessages(currentConversationId, loaded);
+        }
       }
       markWidgetHeadAtLatestCommit();
       chatLog('[Chat] Reloaded conversation messages:', loaded?.length ?? 0);
@@ -1035,6 +1139,10 @@
       markWidgetHeadAtLatestCommit,
       updateLatestCodegenStatusMessage,
       reloadConversationMessages,
+      updateLastUserMessageAttachments,
+      selectConversation: async (conversationId: string) => {
+        await loadConversation(conversationId);
+      },
     };
     onChatReady(chatMethods);
   });
@@ -1086,29 +1194,38 @@
 
   function handleMessagesResizeStart(e: PointerEvent) {
     e.preventDefault();
-    isResizingMessages = true;
+    e.stopPropagation();
     const handle = e.currentTarget as HTMLElement;
-    const messagesEl = handle.previousElementSibling as HTMLElement | null;
-    if (!messagesEl) return;
+    try {
+      handle.setPointerCapture?.(e.pointerId);
+    } catch {
+      /* pointer capture is best-effort */
+    }
+    isResizingMessages = true;
+    const messagesEl =
+      (handle.previousElementSibling as HTMLElement | null) ||
+      (chatContainer?.querySelector('.prompt-chat-messages-area') as HTMLElement | null);
     const startY = e.clientY;
-    const startHeight = messagesEl.getBoundingClientRect().height;
+    const startHeight = messagesEl?.getBoundingClientRect().height ?? MIN_MESSAGES_HEIGHT;
     let lastDy = 0;
 
     const onMove = (ev: PointerEvent) => {
       const dy = ev.clientY - startY;
       if (resizeExpandsContainer) {
-        // Report the incremental delta to the parent so it can enlarge the outer chat
-        // container. The messages area stays flex:1 within the new container height.
         const frameDelta = dy - lastDy;
         lastDy = dy;
         if (frameDelta !== 0) onMessagesResize?.(frameDelta);
       } else {
-        const next = Math.max(MIN_MESSAGES_HEIGHT, startHeight + dy);
-        messagesAreaHeight = next;
+        messagesAreaHeight = Math.max(MIN_MESSAGES_HEIGHT, startHeight + dy);
       }
     };
     const onUp = () => {
       isResizingMessages = false;
+      try {
+        handle.releasePointerCapture?.(e.pointerId);
+      } catch {
+        /* already released */
+      }
       window.removeEventListener('pointermove', onMove);
       window.removeEventListener('pointerup', onUp);
     };
@@ -1119,7 +1236,7 @@
 
 <div 
   bind:this={chatContainer}
-  class="{className ? className : 'prompt-chat-ct'} relative flex flex-col overflow-hidden bg-white border border-gray-300 rounded-medium h-full"
+  class="{className ? className : 'prompt-chat-ct'} relative flex flex-col overflow-hidden bg-white border border-gray-300 rounded-medium {resizeExpandsContainer ? 'shrink-0' : 'h-full'}"
   style={style}
 >
   {#if showHeader}
@@ -1155,7 +1272,7 @@
   <!-- Chat Interface -->
   {#if isInitialized}
     <div
-      class="prompt-chat-messages-area overflow-hidden"
+      class="prompt-chat-messages-area flex min-h-0 flex-col overflow-hidden"
       style="{messagesAreaHeight !== null
         ? `flex: 0 0 ${messagesAreaHeight}px; height: ${messagesAreaHeight}px;`
         : 'flex: 1 1 auto; min-height: 0;'}"
@@ -1197,7 +1314,7 @@
       showScreenshot={config?.features?.screenshot !== false}
       showRecord={config?.features?.screenRecording !== false}
       showUpload={config?.features?.fileUpload !== false}
-      showComplete={config?.features?.restoreCheckpoint !== false}
+      showComplete={config?.features?.markComplete !== false}
       on:screenshot={handleScreenshot}
       on:recordStart={handleRecordStart}
       on:recordStop={handleRecordStop}
@@ -1238,14 +1355,25 @@
 
   <!-- Error Display -->
   {#if ui?.errorMessage}
-    <div class="error-message-ct absolute top-0 left-0 right-0 bg-red-50 border-l-4 border-red-400 p-3 flex items-center justify-between text-sm text-red-700 rounded-none z-50">
-      <span>{ui.errorMessage}</span>
-      <button 
-        class="ml-2 text-red-400 hover:text-red-600 font-semibold w-5 h-5 flex items-center justify-center"
-        onclick={() => chatStore.actions.updateUI({ errorMessage: null })}
-      >
-        ✕
-      </button>
+    <div class="error-message-ct absolute top-0 left-0 right-0 bg-red-50 border-l-4 border-red-400 p-3 flex items-center justify-between gap-2 text-sm text-red-700 rounded-none z-10">
+      <span class="error-message-text min-w-0 flex-1">{ui.errorMessage}</span>
+      <div class="error-message-actions flex items-center gap-2 shrink-0">
+        {#if ui.errorMessage.startsWith('Could not load chat history') || ui.errorMessage.startsWith('Failed to load')}
+          <button
+            type="button"
+            class="retry-load-history-btn px-2 py-1 text-xs font-semibold rounded border border-red-300 bg-white text-red-700 hover:bg-red-100"
+            onclick={() => void retryLoadHistory()}
+          >
+            Retry load history
+          </button>
+        {/if}
+        <button
+          class="ml-0 text-red-400 hover:text-red-600 font-semibold w-5 h-5 flex items-center justify-center"
+          onclick={() => chatStore.actions.updateUI({ errorMessage: null })}
+        >
+          ✕
+        </button>
+      </div>
     </div>
   {/if}
 </div>

package/dist/components/Chat.svelte.d.ts

@@ -33,6 +33,15 @@ interface ChatMethods {
     updateLatestCodegenStatusMessage: (content: string) => void;
     /** Reload messages from backend and refresh widget HEAD marker. */
     reloadConversationMessages: () => Promise<void>;
+    /** Select an existing conversation (loads its messages into the chat). */
+    selectConversation: (conversationId: string) => Promise<void>;
+    /** Replace attachments on the latest user message (CDN URLs after persist). */
+    updateLastUserMessageAttachments: (attachments: Array<{
+        id?: string;
+        url: string;
+        file_type?: string;
+        file_name?: string | null;
+    }>) => void;
 }
 interface Props {
     context: ChatContext;
@@ -43,7 +52,10 @@ interface Props {
     isCompleted?: boolean;
     onStatsUpdate?: (messageCount: number, firstMessage: string | null) => void;
     onChatReady?: (chatMethods: ChatMethods) => void;
-    onCompletionToggle?: () => void;
+    onCompletionToggle?: (detail?: {
+        conversationId: string | null;
+        completed: boolean;
+    }) => void;
     /** When provided, called instead of the built-in mock service for sending messages.
      *  The parent handles the actual API call and can push assistant messages via addAssistantMessage. */
     onSendMessage?: (content: string, attachments?: Array<{
@@ -60,6 +72,7 @@ interface Props {
     onCreateConversation?: (contextId: string, title: string) => Promise<any>;
     onSaveMessage?: (conversationId: string, content: string, messageType: string, attachments?: Array<{
         url?: string;
+        file?: File;
         file_type?: string;
         file_name?: string | null;
         file_size?: number | null;
@@ -104,8 +117,8 @@ interface Props {
      * internal messages area grows/shrinks within the current chat height.
      */
     resizeExpandsContainer?: boolean;
-    /** Delta in pixels for the current drag frame (positive = grew downward). */
-    onMessagesResize?: (deltaPx: number) => void;
+    /** Delta in pixels, plus the resulting chat container height (for parent-owned resize). */
+    onMessagesResize?: (deltaPx: number, nextContainerHeightPx?: number) => void;
 }
 declare const Chat: import("svelte").Component<Props, {}, "">;
 type Chat = ReturnType<typeof Chat>;