@kodaris/krubble-app-components 1.0.88 → 1.0.90

package/dist/krubble-app.umd.js

@@ -5592,6 +5592,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() {
@@ -5864,29 +5865,17 @@
           super.connectedCallback();
           // Default to loading a conversation's messages when the consumer hasn't
           // provided their own `load`. With `conversationId` set we rebuild that
-          // conversation; with none set we resume the caller's most recent one via
-          // `/conversation/last` (KRHttp rejects its 404 when they have none yet →
-          // stays null → empty chat) and pin it so this session continues it. Rows
-          // already match KRChatbotMessage ({ type, content }); we only parse each row's
+          // conversation; with none set the user wants a NEW conversation, so we start
+          // blank (no resume — the first message creates one via `send`). Rows already
+          // match KRChatbotMessage ({ type, content }); we only parse each row's
           // `conversationFileIDs` (a JSON array string of ids) into `conversationFiles`.
           if (!this.load) {
               this.load = () => {
-                  let resolve = Promise.resolve();
                   if (this.conversationId == null) {
-                      resolve = krubbleHttp.Http.fetch({ url: '/api/system/conversation/last' })
-                          .then((r) => r.json())
-                          .then((res) => {
-                          this.conversationId = res?.data?.conversationID ?? null;
-                      })
-                          .catch(() => { });
+                      return Promise.resolve([]);
                   }
-                  return resolve
-                      .then(() => {
-                      if (this.conversationId == null) {
-                          return { data: [] };
-                      }
-                      return krubbleHttp.Http.fetch({ url: `/api/system/conversation/${this.conversationId}/messages` }).then((r) => r.json());
-                  })
+                  return krubbleHttp.Http.fetch({ url: `/api/system/conversation/${this.conversationId}/messages` })
+                      .then((r) => r.json())
                       .then((res) => Promise.all((res?.data || []).map((msg) => {
                       // Resolve this message's `conversationFileIDs` (a JSON array string of
                       // ids) into full file objects — each fetch response IS the
@@ -6859,9 +6848,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(() => { });