bunnyquery 1.5.3 → 1.5.4

package/bunnyquery.css

@@ -246,14 +246,16 @@
 /* ============================================================================
  * AUTH VIEWS (login / signup / forgot / verify / settings)
  * ==========================================================================*/
-/* padded parent that nests a standalone page (login / signup / verify / …) */
+/* padded parent that nests a standalone page (login / signup / verify / …).
+   Sits below the shared .bq-section-title header (the top-left service badge),
+   so the top padding is small — the header supplies the top spacing. */
 .bq-page {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
-    padding: 2.5rem 1.5rem;
+    padding: 1rem 1.5rem 2.5rem;
 }
 .bq-settings {
     flex: 1;
@@ -264,6 +266,15 @@
     color: var(--bq-ink);
 }
 
+/* full-box loading view: fill the space above the footer and center the bunny */
+.bq-page-loading {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .bq-page-footer {
     flex-shrink: 0;
     text-align: center;
@@ -276,6 +287,12 @@
     text-decoration: none;
 }
 .bq-page-footer-link:hover { text-decoration: underline; }
+.bq-page-footer-version {
+    font-family: var(--bq-mono);
+    font-size: 0.7rem;
+    color: var(--bq-muted);
+    margin-top: 0.25rem;
+}
 
 .bq-settings-title {
     font-size: 1.5rem;
@@ -559,11 +576,11 @@
     align-items: center;
     gap: 0.45rem;
     padding: 0.3rem 0.6rem;
-    border: 1px solid var(--bq-line);
-    background: var(--bq-paper);
+    border: 1px solid var(--bq-main);
+    background: var(--bq-main-bg);
     font-size: 0.75rem;
     font-family: var(--bq-mono);
-    color: var(--bq-ink);
+    color: var(--bq-main);
     max-width: 100%;
     overflow: hidden;
 }
@@ -608,7 +625,16 @@
     margin: 0 auto;
     padding: 1.25rem 0 2rem;
 }
-.bq-chat-settings-loading { text-align: center; padding: 2.5rem 0; color: var(--bq-muted); }
+/* fill the messages box and center the bunny (matches .bq-history-loading.is-initial).
+   Resolves against .bq-messages (position: relative), not the max-width settings wrap. */
+.bq-chat-settings-loading {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--bq-muted);
+}
 
 /* chat container + scroll area */
 .bq-chat {
@@ -756,6 +782,8 @@
 .bq-input::placeholder { color: var(--bq-placeholder); }
 .bq-input:focus { outline: none; border-color: var(--bq-ink); }
 .bq-input:disabled { opacity: 0.5; cursor: default; }
+/* Attach button hidden (frozen DB): reclaim the reserved left gutter. */
+.bq-input.bq-input--noattach { padding-left: 0.7rem; }
 .bq-input-row .btn {
     align-self: flex-end;
     min-width: 5.5rem;

package/bunnyquery.js

@@ -1794,22 +1794,22 @@ ${options.inlineContentPlaceholder}
       var id = this.host.getIdentity();
       var svcId = id.serviceId, plat = id.platform;
       if (!svcId || plat === "none" || !this.host.isViewMounted()) return;
+      var presentIds = {};
+      var pendingIds = {};
+      this.state.messages.forEach(function(m) {
+        var sid = m._serverItemId;
+        if (sid == null) return;
+        presentIds[sid] = true;
+        if (m.isPending || m.isPendingInProcess || m.isPendingQueued) pendingIds[sid] = true;
+      });
       for (var i = this.bgTaskQueue.length - 1; i >= 0; i--) {
         var e = this.bgTaskQueue[i];
         if (e.serviceId !== svcId || e.platform !== plat) continue;
-        var present = this.state.messages.some(function(m) {
-          return m._serverItemId === e.id;
-        });
-        var stillPending = this.state.messages.some(function(m) {
-          return m._serverItemId === e.id && (m.isPending || m.isPendingInProcess || m.isPendingQueued);
-        });
-        if (present && !stillPending) this.bgTaskQueue.splice(i, 1);
+        if (presentIds[e.id] && !pendingIds[e.id]) this.bgTaskQueue.splice(i, 1);
       }
       this.bgTaskQueue.forEach(function(entry) {
         if (entry.serviceId !== svcId || entry.platform !== plat) return;
-        if (self.state.messages.some(function(m) {
-          return m._serverItemId === entry.id;
-        })) return;
+        if (presentIds[entry.id]) return;
         var isRunning = entry.status === "running";
         var userBubble = { role: "user", content: self.host.formatIndexingLabel(entry.filename, entry.mime, entry.size, entry.storagePath, entry.isReindex), isBackgroundTask: true, _serverItemId: entry.id };
         if (isRunning) userBubble.isPendingInProcess = true;
@@ -1818,6 +1818,7 @@ ${options.inlineContentPlaceholder}
         if (isRunning) {
           self.state.messages.push({ role: "assistant", content: "", isPending: true, isPendingInProcess: true, isBackgroundTask: true, _serverItemId: entry.id });
         }
+        presentIds[entry.id] = true;
         self.host.notify();
         self.updateHistoryCache();
         self.host.scrollToBottom(false);
@@ -2213,7 +2214,7 @@ ${options.inlineContentPlaceholder}
   (function() {
     var MCP_PROD = "https://mcp.broadwayinc.computer";
     var MCP_DEV = "https://mcp-dev.broadwayinc.computer";
-    var BQ_VERSION = "1.5.3" ;
+    var BQ_VERSION = "1.5.4" ;
     var ATTACHMENT_URL_EXPIRES_SECONDS = 600;
     var GOOGLE_AUTH_URL = "https://accounts.google.com/o/oauth2/v2/auth";
     var GOOGLE_TOKEN_URL = "https://oauth2.googleapis.com/token";
@@ -2453,7 +2454,29 @@ ${options.inlineContentPlaceholder}
       if (node) S.root.appendChild(node);
     }
     function pageRoot(content) {
-      return h("div", { class: "bq-page" }, h("div", { class: "bq-settings" }, content), pageFooter());
+      return h(
+        "div",
+        { class: "bq-meta" },
+        h(
+          "div",
+          { class: "bq-section-title" },
+          h(
+            "div",
+            { class: "bq-title-row" },
+            h(
+              "div",
+              { class: "bq-title-left" },
+              h("span", { class: "bq-agent-badge", text: agentBadgeText() })
+            )
+          )
+        ),
+        h(
+          "div",
+          { class: "bq-page" },
+          h("div", { class: "bq-settings" }, content),
+          pageFooter()
+        )
+      );
     }
     function pageFooter() {
       return h(
@@ -2465,7 +2488,8 @@ ${options.inlineContentPlaceholder}
           target: "_blank",
           rel: "noopener noreferrer",
           text: "www.bunnyquery.com"
-        })
+        }),
+        h("div", { class: "bq-page-footer-version", text: "v" + BQ_VERSION })
       );
     }
     var BUNNY_FRAME_A = '  (\\(\\\n  ( - -)\n c(")(")';
@@ -2497,12 +2521,15 @@ ${options.inlineContentPlaceholder}
     }
     function showLoading(label) {
       render("loading", function() {
-        return pageRoot(
+        return h(
+          "div",
+          { class: "bq-page" },
           h(
             "div",
-            { class: "bq-disabled-inner", style: { marginTop: "3rem" } },
+            { class: "bq-page-loading" },
             bunnyLoader("Loading...")
-          )
+          ),
+          pageFooter()
         );
       });
     }
@@ -2917,8 +2944,21 @@ ${options.inlineContentPlaceholder}
     }
     function authShell(title, children, opts) {
       opts = opts || {};
-      var kids = authHeader(title).concat(children);
-      if (opts.back !== false) {
+      var kids = [];
+      if (opts.topBack) {
+        kids.push(h(
+          "div",
+          { class: "bq-settings-top" },
+          h("button", {
+            class: "bq-link",
+            type: "button",
+            onclick: opts.topBack.onClick,
+            text: opts.topBack.label || "\u2190 Back"
+          })
+        ));
+      }
+      kids = kids.concat(authHeader(title)).concat(children);
+      if (opts.back !== false && !opts.topBack) {
         kids.push(h(
           "div",
           { class: "bq-actions", style: { marginTop: "1.5rem" } },
@@ -3313,7 +3353,13 @@ ${options.inlineContentPlaceholder}
             note,
             h("div", { class: "bq-form-bottom" }, btn)
           )
-        ], { back: false });
+        ], { topBack: {
+          label: "\u2190 Back to settings",
+          onClick: function() {
+            renderChat();
+            openChatSettings();
+          }
+        } });
         sendCode(note);
         return shell;
       }
@@ -3768,6 +3814,8 @@ ${options.inlineContentPlaceholder}
       // [{ id, name, file, status, progress, uploadedUrl, storagePath, errorMessage }]
       uploadingAttachments: false,
       attachmentWarning: "",
+      attachmentCapHit: false,
+      // true once an add hit MAX_ATTACHMENT_FILE_COUNT; blocks the composer
       attachmentsRow: null,
       // .bq-attachments DOM node
       attachBtnEl: null,
@@ -4285,6 +4333,8 @@ ${options.inlineContentPlaceholder}
     var FILE_ICON_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
     var FOLDER_ICON_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>';
     var MAX_CHATBOX_FILE_COUNT = 20;
+    var MAX_ATTACHMENT_FILE_COUNT = 100;
+    var VISIBLE_CHIP_CAP = 30;
     var ESTIMATED_BYTES_PER_TOKEN = 3;
     var ESTIMATED_PDF_BYTES_PER_TOKEN = 5e3;
     var ESTIMATED_IMAGE_TOKENS = 800;
@@ -4337,6 +4387,10 @@ ${options.inlineContentPlaceholder}
       return el ? (el.value || "").trim() : "";
     }
     function recomputeAttachmentWarning() {
+      if (CS.attachmentCapHit) {
+        CS.attachmentWarning = "You can attach up to " + MAX_ATTACHMENT_FILE_COUNT + " files per message.";
+        return;
+      }
       if (!currentChatInputText()) {
         CS.attachmentWarning = "";
         return;
@@ -4379,19 +4433,36 @@ ${options.inlineContentPlaceholder}
       CS.attachments.forEach(function(a) {
         seen[attachmentKey(a)] = true;
       });
+      var remaining = MAX_ATTACHMENT_FILE_COUNT - attachmentFileCount();
+      var dropped = 0;
       var changed = false;
       (attObjs || []).forEach(function(a) {
         if (!a) return;
         var k = attachmentKey(a);
         if (seen[k]) return;
+        var count = a.kind === "folder" ? a.files ? a.files.length : 0 : 1;
+        if (remaining <= 0) {
+          dropped += count;
+          return;
+        }
+        if (a.kind === "folder" && count > remaining) {
+          dropped += count - remaining;
+          a.files = a.files.slice(0, remaining);
+          count = remaining;
+        }
         seen[k] = true;
         CS.attachments.push(a);
+        remaining -= count;
         changed = true;
       });
+      if (dropped > 0) CS.attachmentCapHit = true;
       if (changed) {
         recomputeAttachmentWarning();
         renderAttachmentChips();
         scheduleAttachmentOverflowRecompute();
+      } else if (dropped > 0) {
+        recomputeAttachmentWarning();
+        renderAttachmentChips();
       }
       updateComposerControls();
     }
@@ -4466,11 +4537,11 @@ ${options.inlineContentPlaceholder}
         CS.visibleAttachmentCount = Infinity;
         return;
       }
-      CS.visibleAttachmentCount = total;
+      var count = Math.min(total, VISIBLE_CHIP_CAP);
+      CS.visibleAttachmentCount = count;
       renderAttachmentChips();
       var maxHeight = chat.clientHeight * ATTACHMENTS_MAX_HEIGHT_RATIO;
       if (maxHeight <= 0) return;
-      var count = total;
       while (count > 0 && row.scrollHeight > maxHeight) {
         count--;
         CS.visibleAttachmentCount = count;
@@ -4495,6 +4566,7 @@ ${options.inlineContentPlaceholder}
         return true;
       });
       CS.visibleAttachmentCount = Infinity;
+      CS.attachmentCapHit = false;
       recomputeAttachmentWarning();
       renderAttachmentChips();
       updateComposerControls();
@@ -4513,6 +4585,7 @@ ${options.inlineContentPlaceholder}
         }
       }
       CS.attachments.splice(i, 1);
+      CS.attachmentCapHit = false;
       recomputeAttachmentWarning();
       renderAttachmentChips();
       updateComposerControls();
@@ -4529,6 +4602,7 @@ ${options.inlineContentPlaceholder}
       });
       CS.attachments = [];
       CS.attachmentWarning = "";
+      CS.attachmentCapHit = false;
       renderAttachmentChips();
       updateComposerControls();
       scheduleAttachmentOverflowRecompute();
@@ -4540,6 +4614,7 @@ ${options.inlineContentPlaceholder}
       CS.attachments.forEach(function(a) {
         a._abort = null;
       });
+      CS.attachmentCapHit = false;
       recomputeAttachmentWarning();
       renderAttachmentChips();
       updateComposerControls();
@@ -4576,7 +4651,7 @@ ${options.inlineContentPlaceholder}
         row.appendChild(h("div", { class: "bq-attachment-warning" }, h("span", { text: CS.attachmentWarning })));
       }
       var sorted = sortedAttachments();
-      var vis = CS.visibleAttachmentCount;
+      var vis = Math.min(CS.visibleAttachmentCount, VISIBLE_CHIP_CAP);
       var shown = vis >= sorted.length ? sorted : sorted.slice(0, Math.max(0, vis));
       var hidden = sorted.slice(shown.length);
       shown.forEach(function(att) {
@@ -4610,11 +4685,13 @@ ${options.inlineContentPlaceholder}
         row.appendChild(chip);
       });
       if (hidden.length > 0) {
+        var moreNames = hidden.slice(0, 50).map(function(a) {
+          return a.kind === "folder" ? a.name + "/" : a.name;
+        });
+        if (hidden.length > moreNames.length) moreNames.push("...and " + (hidden.length - moreNames.length) + " more");
         var moreChip = h("div", {
           class: "bq-attachment bq-attachment-more",
-          title: hidden.map(function(a) {
-            return a.kind === "folder" ? a.name + "/" : a.name;
-          }).join("\n")
+          title: moreNames.join("\n")
         });
         moreChip.appendChild(h("span", { class: "bq-attachment-name", text: "\u2026(" + hidden.length + ") more" }));
         if (!CS.uploadingAttachments) {
@@ -4654,9 +4731,10 @@ ${options.inlineContentPlaceholder}
     }
     function updateComposerControls() {
       var uploading = CS.uploadingAttachments;
-      if (CS.attachBtnEl) CS.attachBtnEl.disabled = uploading;
-      if (CS.inputEl) CS.inputEl.disabled = uploading;
-      if (CS.sendBtnEl) CS.sendBtnEl.disabled = uploading || !!CS.attachmentWarning;
+      var blocked = uploading || CS.attachmentCapHit;
+      if (CS.attachBtnEl) CS.attachBtnEl.disabled = blocked;
+      if (CS.inputEl) CS.inputEl.disabled = blocked;
+      if (CS.sendBtnEl) CS.sendBtnEl.disabled = blocked || !!CS.attachmentWarning;
     }
     function onAttachInputChange(inputEl) {
       if (inputEl && inputEl.files && inputEl.files.length) addFilesToAttachments(inputEl.files);
@@ -4989,6 +5067,7 @@ ${options.inlineContentPlaceholder}
       CS.attachments = [];
       CS.uploadingAttachments = false;
       CS.attachmentWarning = "";
+      CS.attachmentCapHit = false;
       CS.attachmentsRow = null;
       CS.attachBtnEl = null;
       CS.sendBtnEl = null;
@@ -5076,6 +5155,7 @@ ${options.inlineContentPlaceholder}
           autoGrowInput(input);
         });
         var attachDisabled = uploadsFrozenForUser();
+        if (attachDisabled) input.classList.add("bq-input--noattach");
         var attachFileInput = null, attachBtn = null;
         if (!attachDisabled) {
           attachFileInput = h("input", { class: "bq-attach-input", type: "file", multiple: "multiple" });
@@ -5228,7 +5308,7 @@ ${options.inlineContentPlaceholder}
     }
     function agentBadgeText() {
       if (S.aiPlatform === "none") return "No agent configured";
-      return S.serviceName ? "BunnyQuery \xB7 " + S.serviceName : "BunnyQuery";
+      return S.serviceName || "BunnyQuery";
     }
     function parseAiAgentValue(value) {
       var raw = (value || "").trim();
@@ -5282,6 +5362,15 @@ ${options.inlineContentPlaceholder}
     }
     function boot() {
       showLoading();
+      return loadServiceInfo().then(function(conn) {
+        if (conn) {
+          S.service = conn;
+          applyAgentConfig();
+        }
+      }).catch(function() {
+      }).then(bootFlow);
+    }
+    function bootFlow() {
       if (isInboundPlatformOAuth()) {
         stashInboundPlatformOAuth();
         return getProfile().then(function(user) {

package/dist/engine.cjs

@@ -1828,22 +1828,22 @@ var ChatSession = class {
     var id = this.host.getIdentity();
     var svcId = id.serviceId, plat = id.platform;
     if (!svcId || plat === "none" || !this.host.isViewMounted()) return;
+    var presentIds = {};
+    var pendingIds = {};
+    this.state.messages.forEach(function(m) {
+      var sid = m._serverItemId;
+      if (sid == null) return;
+      presentIds[sid] = true;
+      if (m.isPending || m.isPendingInProcess || m.isPendingQueued) pendingIds[sid] = true;
+    });
     for (var i = this.bgTaskQueue.length - 1; i >= 0; i--) {
       var e = this.bgTaskQueue[i];
       if (e.serviceId !== svcId || e.platform !== plat) continue;
-      var present = this.state.messages.some(function(m) {
-        return m._serverItemId === e.id;
-      });
-      var stillPending = this.state.messages.some(function(m) {
-        return m._serverItemId === e.id && (m.isPending || m.isPendingInProcess || m.isPendingQueued);
-      });
-      if (present && !stillPending) this.bgTaskQueue.splice(i, 1);
+      if (presentIds[e.id] && !pendingIds[e.id]) this.bgTaskQueue.splice(i, 1);
     }
     this.bgTaskQueue.forEach(function(entry) {
       if (entry.serviceId !== svcId || entry.platform !== plat) return;
-      if (self.state.messages.some(function(m) {
-        return m._serverItemId === entry.id;
-      })) return;
+      if (presentIds[entry.id]) return;
       var isRunning = entry.status === "running";
       var userBubble = { role: "user", content: self.host.formatIndexingLabel(entry.filename, entry.mime, entry.size, entry.storagePath, entry.isReindex), isBackgroundTask: true, _serverItemId: entry.id };
       if (isRunning) userBubble.isPendingInProcess = true;
@@ -1852,6 +1852,7 @@ var ChatSession = class {
       if (isRunning) {
         self.state.messages.push({ role: "assistant", content: "", isPending: true, isPendingInProcess: true, isBackgroundTask: true, _serverItemId: entry.id });
       }
+      presentIds[entry.id] = true;
       self.host.notify();
       self.updateHistoryCache();
       self.host.scrollToBottom(false);