@kodaris/krubble-app-components 1.0.89 → 1.0.91

package/dist/krubble-app.umd.js

@@ -685,6 +685,19 @@
        *
        * @param itemId - The unique identifier of the nav group to toggle
        */
+      /**
+       * Expand a nav group by id. Public so consumers can keep a group open after
+       * adding it dynamically — the scaffold only auto-expands groups once at startup,
+       * so a group added later (e.g. an async "Recent" list) would otherwise stay
+       * collapsed. Idempotent; a no-op if the group is already expanded.
+       */
+      expandNavGroup(groupId) {
+          if (this.navItemsExpanded.has(groupId)) {
+              return;
+          }
+          this.navItemsExpanded.add(groupId);
+          this.requestUpdate();
+      }
       toggleNavItem(itemId) {
           const navItem = this.shadowRoot?.querySelector(`.nav-item[data-id="${itemId}"]`);
           const groupEl = navItem?.nextElementSibling;
@@ -5592,6 +5605,7 @@
    *
    * @fires message-submit - When the user sends a message. Cancelable. Detail: `{ message: string }`
    * @fires stream-event - Dispatched for every SSE message received. Detail contains the parsed event data.
+   * @fires conversation-created - When a turn with no target creates a new conversation and the chatbot pins it. Detail: `{ conversation }` (the full conversation object).
    */
   exports.Chatbot = class KRChatbot extends i$3 {
       constructor() {
@@ -6814,16 +6828,31 @@
                               body: form,
                           })
                               .then((r) => r.json())
-                              .then((res) => res?.data?.conversationFileID);
-                      })).then((ids) => ids.filter((id) => typeof id === 'number'));
+                              // Keep the whole file DTO the upload returns (id + niceName +
+                              // mimeType + …), not just the id — it's attached to the sent message
+                              // below so the attachment shows immediately.
+                              .then((res) => res.data);
+                      }));
                   }
-                  return uploaded.then((fileIds) => {
+                  return uploaded.then((files) => {
+                      // Attach the uploaded files to the just-sent user message so its
+                      // thumbnails show right away (no reload). The last user message is the
+                      // one _send appended before the trailing empty assistant message.
+                      if (files.length) {
+                          for (let i = this.messages.length - 1; i >= 0; i--) {
+                              if (this.messages[i].type === 'user') {
+                                  this.messages[i].conversationFiles = files;
+                                  this.requestUpdate();
+                                  break;
+                              }
+                          }
+                      }
                       // Conversation targeting: continue `conversationId` when set, else
                       // start a fresh conversation (createNew) for this turn. The pin below
                       // means createNew only fires on the very first untargeted turn.
                       const body = {
                           userText: params.message,
-                          fileIds,
+                          fileIds: files.map((f) => f.conversationFileID),
                       };
                       if (this.conversationId != null) {
                           body.conversationID = this.conversationId;
@@ -6847,9 +6876,19 @@
                               krubbleHttp.Http.fetch({ url: '/api/system/conversation/last' })
                                   .then((r) => r.json())
                                   .then((res) => {
-                                  const id = res?.data?.conversationID;
+                                  const conversation = res?.data;
+                                  const id = conversation?.conversationID;
                                   if (typeof id === 'number') {
                                       this.conversationId = id;
+                                      // Announce the newly-created conversation so consumers can react
+                                      // (e.g. update the route from /chat/new to /chat/{id}). The full
+                                      // conversation object is passed, not just the id, so consumers
+                                      // have the title/timestamps too.
+                                      this.dispatchEvent(new CustomEvent('conversation-created', {
+                                          detail: { conversation },
+                                          bubbles: true,
+                                          composed: true,
+                                      }));
                                   }
                               })
                                   .catch(() => { });