bunnyquery 1.1.1 → 1.1.3

package/bunnyquery.css

@@ -353,7 +353,7 @@
     font-size: 0.9em;
     padding: 0.1em 0.35em;
     background: rgba(0, 0, 0, 0.06);
-    border-radius: 3px;
+    border-radius: 0;
     white-space: pre-wrap;
     word-break: break-word;
 }
@@ -362,7 +362,7 @@
     padding: 0.6em 0.8em;
     background: #1e1e1e;
     color: #f5f5f5;
-    border-radius: 4px;
+    border-radius: 0;
     overflow-x: auto;
     white-space: pre;
 }
@@ -850,6 +850,7 @@ a.bq-link-button:hover {
 .bq-modal-delete-header {
     display: flex;
     align-items: center;
+    justify-content: space-between;
     gap: 0.5rem;
     font-size: 0.95rem;
     font-weight: 600;
@@ -1144,13 +1145,12 @@ a.bq-link-button:hover {
 
 @media (max-width: 800px) {
     .bq-modal-backdrop {
-        padding: 0;
+        padding: 0.5rem;
     }
 }
 
 @media (max-width: 430px) {
     .bq-modal-delete {
-        max-width: calc(100% - 1rem);
         max-height: calc(100% - 1rem);
     }
 

package/bunnyquery.js

@@ -320,28 +320,16 @@
     };
 
     // ----- file-fence helpers (mirrors agent.vue) ---------------------------
-    // Bare language tags we treat as downloadable files. Maps to the
-    // extension used in the synthesized filename. Mirrors the file types the
-    // host agent (agent.vue) is known to emit as ```filename.ext fences.
-    const FENCE_LANGUAGE_EXTENSIONS = {
-        html: 'html',
-        htm: 'html',
-        csv: 'csv',
-        tsv: 'tsv',
-        json: 'json',
-        xml: 'xml',
-        svg: 'svg',
-        md: 'md',
-        markdown: 'md',
-        yaml: 'yaml',
-        yml: 'yml',
-        txt: 'txt',
-        sql: 'sql',
-        css: 'css',
-    };
+    // Only `\`\`\`filename.ext\n...\n\`\`\`` fences become downloadable file
+    // anchors (matches the host system prompt in agent.vue). Bare-language
+    // fences like \`\`\`html / \`\`\`csv render as normal code blocks.
 
+    // Minimal MIME table for the file extensions the host agent is known to
+    // emit. Anything else falls back to text/plain so the browser still
+    // downloads the blob as a text file.
     const FENCE_MIME_TYPES = {
         html: 'text/html',
+        htm: 'text/html',
         csv: 'text/csv',
         tsv: 'text/tab-separated-values',
         json: 'application/json',
@@ -355,22 +343,9 @@
         css: 'text/css',
     };
 
-    // Closed fences with `filename.ext` after the opening backticks.
-    const FENCE_FILENAME_RE = /```([\w.-]+\.[a-zA-Z0-9]+)\n([\s\S]*?)```/g;
-    // Closed fences whose info-string is one of the known language tags
-    // above. The model often emits ```html ... ``` or ```csv ... ``` instead
-    // of a full filename — surface those as downloadable files too.
-    const FENCE_LANG_RE = new RegExp(
-        '```(' + Object.keys(FENCE_LANGUAGE_EXTENSIONS).join('|') + ')[ \\t]*\\n([\\s\\S]*?)```',
-        'gi'
-    );
-    // Open (still-streaming) fences for either pattern, used to suppress the
-    // raw fence text mid-typewriter.
+    // Open (still-streaming) filename fence, used to suppress the raw fence
+    // text mid-typewriter.
     const OPEN_FENCE_FILENAME_RE = /```([\w.-]+\.[a-zA-Z0-9]+)\n?/;
-    const OPEN_FENCE_LANG_RE = new RegExp(
-        '```(' + Object.keys(FENCE_LANGUAGE_EXTENSIONS).join('|') + ')[ \\t]*\\n?',
-        'i'
-    );
 
     // Cache blob URLs keyed by (filename + content) so re-renders don't leak
     // a fresh ObjectURL on every tick of streaming text.
@@ -387,16 +362,6 @@
         return href;
     };
 
-    // Counter used to mint stable filenames for bare-language fences within
-    // a single rendered message ("download.html", "download-2.html", ...).
-    // Keyed by message identity so re-renders of the same message reuse the
-    // same names (which lets the blob cache hit).
-    const _bareFenceNameCounters = new WeakMap();
-    const _bareFilenameFor = (msgKey, ext, occurrence) => {
-        const base = 'download';
-        return occurrence === 0 ? `${base}.${ext}` : `${base}-${occurrence + 1}.${ext}`;
-    };
-
     // Split message content into renderable parts. When `marked` is loaded,
     // returns a single `{type:'html', html}` part containing the full
     // markdown-rendered bubble (with file/link anchors spliced back in).
@@ -440,44 +405,19 @@
             return PH(idx);
         };
 
-        // Bare-fence filename minting state, keyed per-message so re-renders
-        // (typewriter ticks) reuse the same synthesized names → blob cache
-        // hits instead of leaking ObjectURLs every frame.
-        let bareCounters = msgKey ? _bareFenceNameCounters.get(msgKey) : null;
-        if (!bareCounters && msgKey) {
-            bareCounters = {};
-            _bareFenceNameCounters.set(msgKey, bareCounters);
-        }
-        const bareSeen = {};
-
-        // 1a. Closed filename fences: ```filename.ext\n...\n```
+        // 1. Closed filename fences: ```filename.ext\n...\n```
         let working = content.replace(
             /```([\w.-]+\.[a-zA-Z0-9]+)\n([\s\S]*?)```/g,
             (_full, filename, body) =>
                 push(fileToAnchorHtml(filename, _getOrCreateFileHref(filename, body))),
         );
 
-        // 1b. Closed bare-language fences: ```html ... ``` etc.
-        working = working.replace(FENCE_LANG_RE, (_full, lang, body) => {
-            const ext = FENCE_LANGUAGE_EXTENSIONS[lang.toLowerCase()] || 'txt';
-            const occurrence = bareSeen[ext] || 0;
-            bareSeen[ext] = occurrence + 1;
-            const filename = _bareFilenameFor(msgKey, ext, occurrence);
-            return push(fileToAnchorHtml(filename, _getOrCreateFileHref(filename, body)));
-        });
-
         // 2. Mid-typewriter unclosed fence → hide raw streaming source.
         if (ctx.isTyping) {
-            const fnOpen = working.match(OPEN_FENCE_FILENAME_RE);
-            const langOpen = working.match(OPEN_FENCE_LANG_RE);
-            const open = fnOpen && (!langOpen || fnOpen.index <= langOpen.index)
-                ? { match: fnOpen, label: fnOpen[1] }
-                : langOpen
-                    ? { match: langOpen, label: 'download.' + (FENCE_LANGUAGE_EXTENSIONS[langOpen[1].toLowerCase()] || 'txt') }
-                    : null;
-            if (open && typeof open.match.index === 'number') {
+            const open = working.match(OPEN_FENCE_FILENAME_RE);
+            if (open && typeof open.index === 'number') {
                 const dots = '.'.repeat(((ctx.dotTick || 0) % 3) + 1);
-                working = working.slice(0, open.match.index) + `\n[generating ${open.label}${dots}]`;
+                working = working.slice(0, open.index) + `\n[generating ${open[1]}${dots}]`;
             }
         }
 
@@ -1095,6 +1035,7 @@
             this._loadingOlder = false;
             this._loadingFirstHistory = false;
             this._initialHistoryLoaded = false;
+            this._isPromptComposing = false;
 
             this.refs = {};
 
@@ -1516,12 +1457,11 @@
                 rows: '1',
                 placeholder: `Ask anything about ${this.projectName || 'the project'}...`,
                 oninput: (e) => this._autoGrow(e.target),
-                onkeydown: (e) => {
-                    if (e.key === 'Enter' && !e.shiftKey) {
-                        e.preventDefault();
-                        this._sendMessage();
-                    }
+                onkeydown: (e) => this._handlePromptEnter(e),
+                oncompositionstart: () => {
+                    this._isPromptComposing = true;
                 },
+                oncompositionend: () => this._handlePromptCompositionEnd(),
             });
             const sendBtn = $('button', { type: 'submit', class: 'btn' }, 'Send');
 
@@ -1669,6 +1609,23 @@
             el.style.height = Math.min(el.scrollHeight, 200) + 'px';
         }
 
+        _handlePromptCompositionEnd() {
+            this._isPromptComposing = false;
+            if (this.refs.textarea) {
+                this._autoGrow(this.refs.textarea);
+            }
+        }
+
+        _handlePromptEnter(e) {
+            if (e.key !== 'Enter' || e.shiftKey) return;
+            if (e.isComposing || this._isPromptComposing || e.keyCode === 229 || e.which === 229) {
+                return;
+            }
+
+            e.preventDefault();
+            Promise.resolve().then(() => this._sendMessage());
+        }
+
         _anyPending() {
             return this.messages.some((m) => m.isPending);
         }
@@ -1909,6 +1866,13 @@
                 },
             }, 'Clear');
 
+            const closeBtn = $('button', {
+                type: 'button',
+                class: 'bq-modal-close',
+                'aria-label': 'Close',
+                onclick: close,
+            }, '×');
+
             const modal = $('div', {
                 class: 'bq-modal-backdrop',
                 onclick: (e) => { if (e.target === modal) close(); },
@@ -1916,6 +1880,7 @@
                 $('div', { class: 'bq-modal-delete' }, [
                     $('div', { class: 'bq-modal-delete-header' }, [
                         $('span', null, 'Clear chat history'),
+                        closeBtn,
                     ]),
                     $('div', { class: 'bq-modal-delete-body' }, [
                         $('p', null, 'Hide all previous messages from this chat?'),
@@ -1965,6 +1930,13 @@
                 },
             }, 'Logout');
 
+            const closeBtn = $('button', {
+                type: 'button',
+                class: 'bq-modal-close',
+                'aria-label': 'Close',
+                onclick: close,
+            }, '×');
+
             const modal = $('div', {
                 class: 'bq-modal-backdrop',
                 onclick: (e) => { if (e.target === modal) close(); },
@@ -1972,6 +1944,7 @@
                 $('div', { class: 'bq-modal-delete' }, [
                     $('div', { class: 'bq-modal-delete-header' }, [
                         $('span', null, 'Logout'),
+                        closeBtn,
                     ]),
                     $('div', { class: 'bq-modal-delete-body' }, [
                         $('p', null, 'Log out of this chat?'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bunnyquery",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "BunnyQuery AI chat client",
   "main": "bunnyquery.js",
   "files": [