@kodaris/krubble-app-components 1.0.90 → 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;
@@ -6815,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;