@kodaris/krubble-app-components 1.0.100 → 1.0.102

package/dist/chatbot.d.ts

@@ -261,6 +261,24 @@ export declare class KRChatbot extends LitElement {
      * in place; call requestUpdate() after changing it to re-render.
      */
     private _globalSkillPending;
+    /**
+     * The live Web Speech recognizer while dictating, else null. Not reactive —
+     * `_isDictating` drives the UI; this is just the handle used to stop it.
+     */
+    private _speechRecognition;
+    /**
+     * The composer text as it stood when dictation started. Each `result` event
+     * re-reports the whole utterance (final + interim), so the value is rebuilt as
+     * this base + the transcript rather than appended to — appending would repeat
+     * the interim text on every event.
+     */
+    private _speechBaseValue;
+    /**
+     * Transcript of utterances the recognizer has marked final this session.
+     * Held separately because `results` is pruned in continuous mode on some
+     * browsers; without this, earlier sentences would vanish mid-dictation.
+     */
+    private _speechFinalTranscript;
     /**
      * Callback function for sending messages. Receives the user's message and
      * current conversation history. Must return a Response with a streaming SSE body.
@@ -408,6 +426,8 @@ export declare class KRChatbot extends LitElement {
     private _skillBrowseSource;
     /** Search text in the browse dialog, routed to the active tab's search. */
     private _skillBrowseQuery;
+    /** True while the mic is live and speech is being transcribed into the composer. */
+    private _isDictating;
     private _panelEl;
     private _messagesEl;
     private _inputEl;
@@ -451,6 +471,16 @@ export declare class KRChatbot extends LitElement {
     private _showOverlay;
     private _handleHeaderMouseDown;
     private _handleResizeMouseDown;
+    /**
+     * Close the `/` skill menu when the click lands outside it.
+     *
+     * Bound at the document because a click anywhere — including outside this
+     * component entirely — should dismiss the menu. `composedPath()` rather than
+     * `e.target` since the menu lives in this component's shadow root, where
+     * `target` on a document listener is retargeted to the host element and every
+     * inside click would look like an outside one.
+     */
+    private _handleDocumentClick;
     private _handleMouseMove;
     private _handleMouseUp;
     private _handleToggle;
@@ -502,6 +532,16 @@ export declare class KRChatbot extends LitElement {
     private _handleGlobalSkillEnable;
     /** The `+` button toggles the skill/attachment menu open (showing all skills). */
     private _handlePlusClick;
+    /**
+     * The mic button toggles dictation. Speech is transcribed straight into the
+     * composer as editable text — the user still reviews and presses send, so a
+     * misheard word is fixable and nothing is sent by voice alone.
+     *
+     * Recognition runs entirely in the browser's Web Speech API (Chrome/Edge send
+     * audio to Google's service, Safari to Apple's). No audio reaches Kodaris, and
+     * there's no backend call or cost on our side.
+     */
+    private _handleMicClick;
     /** Insert `/code ` into the composer and focus it, ready for the message. */
     private _handleSkillSelect;
     /** Activate a skill card via keyboard (Enter/Space), since it's a div role=button. */
@@ -559,6 +599,13 @@ export declare class KRChatbot extends LitElement {
     private _handleDebugResizeMouseUp;
     private _readStreamChunk;
     private _handleStreamError;
+    /**
+     * The composer's controls: attach, the textarea, the mic, and send/stop.
+     *
+     * While dictating, only the mic swaps — to a stop button — so the textarea
+     * stays visible with the transcript streaming into it and send stays reachable.
+     */
+    private _renderComposerControls;
     /** The `/` skill menu shown above the composer while typing a slash command. */
     private _renderSkillMenu;
     /** The "Browse all skills" dialog — a searchable grid of Org / Kodaris cards. */

package/dist/chatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../src/chatbot.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../src/chatbot.ts"],"names":[],"mappings":"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"}

package/dist/chatbot.js

@@ -113,6 +113,24 @@ let KRChatbot = class KRChatbot extends LitElement {
          * in place; call requestUpdate() after changing it to re-render.
          */
         this._globalSkillPending = new Set();
+        /**
+         * The live Web Speech recognizer while dictating, else null. Not reactive —
+         * `_isDictating` drives the UI; this is just the handle used to stop it.
+         */
+        this._speechRecognition = null;
+        /**
+         * The composer text as it stood when dictation started. Each `result` event
+         * re-reports the whole utterance (final + interim), so the value is rebuilt as
+         * this base + the transcript rather than appended to — appending would repeat
+         * the interim text on every event.
+         */
+        this._speechBaseValue = '';
+        /**
+         * Transcript of utterances the recognizer has marked final this session.
+         * Held separately because `results` is pruned in continuous mode on some
+         * browsers; without this, earlier sentences would vanish mid-dictation.
+         */
+        this._speechFinalTranscript = '';
         // --- @property (public API) ---
         /**
          * Callback function for sending messages. Receives the user's message and
@@ -262,6 +280,33 @@ let KRChatbot = class KRChatbot extends LitElement {
         this._skillBrowseSource = 'org';
         /** Search text in the browse dialog, routed to the active tab's search. */
         this._skillBrowseQuery = '';
+        /** True while the mic is live and speech is being transcribed into the composer. */
+        this._isDictating = false;
+        /**
+         * Close the `/` skill menu when the click lands outside it.
+         *
+         * Bound at the document because a click anywhere — including outside this
+         * component entirely — should dismiss the menu. `composedPath()` rather than
+         * `e.target` since the menu lives in this component's shadow root, where
+         * `target` on a document listener is retargeted to the host element and every
+         * inside click would look like an outside one.
+         */
+        this._handleDocumentClick = (e) => {
+            if (!this._skillMenuOpened) {
+                return;
+            }
+            // Excluded: the textarea, since clicking it keeps editing the same `/` command
+            // and dismissing there would fight the user still typing it; and the plus
+            // button, which owns the menu's open/close itself. The plus exclusion matters
+            // in both directions — this listener runs after the button's own handler, so
+            // without it a click that just opened the menu would immediately close it
+            // again, and a click meant to toggle it shut would be double-handled.
+            const path = e.composedPath();
+            if (path.some((el) => el instanceof HTMLElement && (el.classList.contains('skill-menu') || el.classList.contains('input') || el.classList.contains('input-plus')))) {
+                return;
+            }
+            this._skillMenuOpened = false;
+        };
         this._handleMouseMove = (e) => {
             if (this._isDragging) {
                 let newLeft = this._dragStartLeft + (e.clientX - this._dragStartX);
@@ -405,6 +450,7 @@ let KRChatbot = class KRChatbot extends LitElement {
             this.opened = true;
         }
         this._restoreState();
+        document.addEventListener('click', this._handleDocumentClick);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
@@ -414,6 +460,15 @@ let KRChatbot = class KRChatbot extends LitElement {
         }
         document.removeEventListener('mousemove', this._handleMouseMove);
         document.removeEventListener('mouseup', this._handleMouseUp);
+        document.removeEventListener('click', this._handleDocumentClick);
+        // Release the mic if the chatbot is torn down mid-dictation — otherwise the
+        // recognizer keeps the browser's recording indicator lit with nothing to
+        // transcribe into. abort() (not stop()) since the discarded text has nowhere to go.
+        if (this._speechRecognition) {
+            this._speechRecognition.abort();
+            this._speechRecognition = null;
+            this._isDictating = false;
+        }
         // Release any object URLs still held by staged attachments.
         this._pendingConversationFiles.forEach((p) => {
             if (p.previewUrl) {
@@ -627,7 +682,12 @@ let KRChatbot = class KRChatbot extends LitElement {
             }
             const state = JSON.parse(raw);
             // Draft text and the debug drawer are persisted for all variants.
-            if (typeof state.message === 'string') {
+            // A lone `/` is dropped — it's the in-progress half of a menu interaction,
+            // not a draft, and restoring it would revive a stale menu the user never
+            // used. Anything with an actual command after the slash (`/code`, `/code do
+            // the thing`) is a real draft and restores normally. Trimmed before testing
+            // so a stray space around the slash doesn't defeat the check.
+            if (typeof state.message === 'string' && state.message.trim() !== '/') {
                 this._inputValue = state.message;
             }
             this._debugPanelOpen = state.debugPanelOpen === 'true';
@@ -1020,6 +1080,92 @@ let KRChatbot = class KRChatbot extends LitElement {
         this._skillMenuOpened = true;
         this._searchInvocableSkills('');
     }
+    /**
+     * The mic button toggles dictation. Speech is transcribed straight into the
+     * composer as editable text — the user still reviews and presses send, so a
+     * misheard word is fixable and nothing is sent by voice alone.
+     *
+     * Recognition runs entirely in the browser's Web Speech API (Chrome/Edge send
+     * audio to Google's service, Safari to Apple's). No audio reaches Kodaris, and
+     * there's no backend call or cost on our side.
+     */
+    _handleMicClick() {
+        // Second click stops. `stop()` flushes the pending utterance as a final
+        // result, so the last words aren't lost; onend clears the state.
+        if (this._speechRecognition) {
+            this._speechRecognition.stop();
+            return;
+        }
+        // Prefixed in Chrome/Edge/Safari; the unprefixed name is checked first for
+        // whenever they drop the prefix. The mic button isn't rendered without one of
+        // these, so reaching here unsupported means a mid-session change — bail quietly.
+        const SpeechRecognitionCtor = window.SpeechRecognition || window.webkitSpeechRecognition;
+        if (!SpeechRecognitionCtor) {
+            return;
+        }
+        const recognition = new SpeechRecognitionCtor();
+        // Keep listening through natural pauses — a chat message is often several
+        // sentences, and the default stops at the first one.
+        recognition.continuous = true;
+        // Show words as they're recognized rather than only at end of utterance.
+        recognition.interimResults = true;
+        // `lang` is deliberately left unset so the recognizer follows the page/OS
+        // language, which is correct for every consumer of this component.
+        // Dictation ADDS to whatever is already typed rather than replacing it, so
+        // the user can type half a message and speak the rest. The separating space
+        // is part of the base so the transcript never runs into the existing word.
+        this._speechBaseValue = this._inputValue;
+        if (this._speechBaseValue && !this._speechBaseValue.endsWith(' ')) {
+            this._speechBaseValue += ' ';
+        }
+        this._speechFinalTranscript = '';
+        recognition.onresult = (e) => {
+            // Everything from resultIndex on is new since the last event: finalized
+            // pieces move to _speechFinalTranscript permanently, while non-final ones
+            // are rebuilt each event because the browser revises its guess as it hears
+            // more. Rebuilding the whole value (base + final + interim) is what keeps
+            // those revisions from stacking up as duplicated text.
+            let interim = '';
+            for (let i = e.resultIndex; i < e.results.length; i++) {
+                if (e.results[i].isFinal) {
+                    this._speechFinalTranscript += e.results[i][0].transcript;
+                }
+                else {
+                    interim += e.results[i][0].transcript;
+                }
+            }
+            this._inputValue = this._speechBaseValue + this._speechFinalTranscript + interim;
+            this._saveState();
+            // Grow the textarea as dictated text wraps — the same clamp the typing path
+            // uses, since @input doesn't fire for programmatic value changes.
+            if (this._inputEl) {
+                this._inputEl.style.height = 'auto';
+                this._inputEl.style.height = Math.min(this._inputEl.scrollHeight, 120) + 'px';
+            }
+        };
+        recognition.onerror = (e) => {
+            // Denied mic permission is the one error worth explaining — the user has to
+            // fix it in browser settings, and the button would otherwise look broken.
+            if (e.error === 'not-allowed' || e.error === 'service-not-allowed') {
+                this._error = 'Microphone access is blocked. Allow it in your browser settings to use voice input.';
+                return;
+            }
+            // `no-speech` (silence) and `aborted` (user stopped) are normal; anything
+            // else is a transient service hiccup. onend still runs, so the mic resets.
+        };
+        // Fires on stop(), on error, and when the browser ends recognition on its own
+        // (e.g. a long silence) — the single place the live state is torn down.
+        recognition.onend = () => {
+            this._speechRecognition = null;
+            this._isDictating = false;
+        };
+        // start() is what triggers the browser's mic permission prompt.
+        this._speechRecognition = recognition;
+        this._isDictating = true;
+        this._error = '';
+        recognition.start();
+        this._inputEl?.focus();
+    }
     /** Insert `/code ` into the composer and focus it, ready for the message. */
     _handleSkillSelect(skill) {
         // A global skill must be installed before it can be chosen — inserting /code
@@ -1089,6 +1235,15 @@ let KRChatbot = class KRChatbot extends LitElement {
         // the menu interaction, and the picker is a separate window so the menu would
         // otherwise linger open behind it (and after a file is chosen).
         this._skillMenuOpened = false;
+        // A lone `/` was only the means of reaching this action, so it shouldn't be
+        // left behind in the composer once the picker opens. Nothing else is touched:
+        // a real command (`/code`) stays because `/code` plus an attachment is a valid
+        // invocation, and the plus button reaches this same method with an arbitrary
+        // draft in the composer, which must survive.
+        if (this._inputValue.trim() === '/') {
+            this._inputValue = '';
+            this._saveState();
+        }
         this._pendingAttachAnalyze = aiAnalyze;
         this._fileInputEl?.click();
     }
@@ -1290,6 +1445,13 @@ let KRChatbot = class KRChatbot extends LitElement {
                 previewUrl: p.previewUrl,
             }));
         }
+        // The message is on its way, so stop the mic if it's still live — otherwise
+        // it would keep transcribing into the now-cleared composer. abort() rather
+        // than stop() because a trailing pending utterance belongs to the message
+        // just sent; flushing it would drop stray words into the next one.
+        if (this._speechRecognition) {
+            this._speechRecognition.abort();
+        }
         this.messages = [...this.messages, userMessage];
         this._inputValue = '';
         this._saveState();
@@ -1643,6 +1805,122 @@ let KRChatbot = class KRChatbot extends LitElement {
         }
     }
     // --- Render ---
+    /**
+     * The composer's controls: attach, the textarea, the mic, and send/stop.
+     *
+     * While dictating, only the mic swaps — to a stop button — so the textarea
+     * stays visible with the transcript streaming into it and send stays reachable.
+     */
+    _renderComposerControls() {
+        return html `
+      <button
+        class="input-plus"
+        @click=${this._handlePlusClick}
+      >+</button>
+      <textarea
+        class="input"
+        .value=${this._inputValue}
+        placeholder=${this.placeholder}
+        rows="1"
+        @input=${this._handleInputChange}
+        @keydown=${this._handleKeyDown}
+        @paste=${this._handlePaste}
+      ></textarea>
+      ${window.SpeechRecognition || window.webkitSpeechRecognition ? html `
+        ${this._isDictating ? html `
+          <button
+            class="mic-stop"
+            title="Stop dictation"
+            aria-label="Stop dictation"
+            @click=${this._handleMicClick}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="currentColor"
+              viewBox="0 0 24 24"
+              class="mic-stop-icon"
+              aria-hidden="true"
+            >
+              <rect
+                x="6"
+                y="6"
+                width="12"
+                height="12"
+                rx="2"
+              />
+            </svg>
+          </button>
+        ` : html `
+          <button
+            class="mic"
+            title="Dictate a message"
+            aria-label="Dictate a message"
+            @click=${this._handleMicClick}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.75"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="mic-icon"
+              aria-hidden="true"
+            >
+              <path d="M12 15a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3Z"/>
+              <path d="M19 11a7 7 0 0 1-14 0"/>
+              <path d="M12 18v3"/>
+            </svg>
+          </button>
+        `}
+      ` : nothing}
+      ${this._isStreaming ? html `
+        <button
+          class="stop"
+          @click=${this._handleStop}
+          title="Stop generating"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="currentColor"
+            viewBox="0 0 24 24"
+            class="stop-icon"
+          >
+            <rect
+              x="6"
+              y="6"
+              width="12"
+              height="12"
+              rx="2"
+            />
+          </svg>
+        </button>
+      ` : html `
+        <button
+          class=${classMap({
+            'send': true,
+            'send--disabled': !this._inputValue.trim() && !this._pendingConversationFiles.length,
+        })}
+          @click=${this._handleSubmit}
+          title="Send message"
+        >
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            class="send-icon"
+          >
+            <path d="M12 19V5M5 12l7-7 7 7"/>
+          </svg>
+        </button>
+      `}
+    `;
+    }
     /** The `/` skill menu shown above the composer while typing a slash command. */
     _renderSkillMenu() {
         const skills = this._invocableSkills;
@@ -2349,63 +2627,7 @@ let KRChatbot = class KRChatbot extends LitElement {
           />
           ${this._skillMenuOpened ? this._renderSkillMenu() : nothing}
           <div class="input-wrapper">
-            <button
-              class="input-plus"
-              @click=${this._handlePlusClick}
-            >+</button>
-            <textarea
-              class="input"
-              .value=${this._inputValue}
-              placeholder=${this.placeholder}
-              rows="1"
-              @input=${this._handleInputChange}
-              @keydown=${this._handleKeyDown}
-              @paste=${this._handlePaste}
-            ></textarea>
-            ${this._isStreaming ? html `
-              <button
-                class="stop"
-                @click=${this._handleStop}
-                title="Stop generating"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  class="stop-icon"
-                >
-                  <rect
-                    x="6"
-                    y="6"
-                    width="12"
-                    height="12"
-                    rx="2"
-                  />
-                </svg>
-              </button>
-            ` : html `
-              <button
-                class=${classMap({
-            'send': true,
-            'send--disabled': !this._inputValue.trim() && !this._pendingConversationFiles.length,
-        })}
-                @click=${this._handleSubmit}
-                title="Send message"
-              >
-                <svg
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2.5"
-                  stroke-linecap="round"
-                  class="send-icon"
-                >
-                  <path d="M12 19V5M5 12l7-7 7 7"/>
-                </svg>
-              </button>
-            `}
+            ${this._renderComposerControls()}
           </div>
         </div>
         ${this._skillBrowseOpened ? this._renderSkillBrowse() : nothing}
@@ -3205,6 +3427,71 @@ KRChatbot.styles = css `
       color: #b0b0b0;
     }
 
+    /* margin-right rather than a wider .input-wrapper gap, which would also push
+       the plus button and textarea apart. Applied to both mic states so the
+       spacing doesn't shift when dictation swaps one for the other. */
+    .mic,
+    .mic-stop {
+      margin-right: 4px;
+    }
+
+    .mic {
+      width: 34px;
+      height: 34px;
+      border: none;
+      background: transparent;
+      color: var(--kr-chatbot-text);
+      border-radius: 50%;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: background 0.15s, color 0.15s;
+    }
+
+    .mic:hover {
+      background: #f8f9fc;
+    }
+
+    .mic-icon {
+      width: 21px;
+      height: 21px;
+    }
+
+    /* Dictation swaps the mic for this stop button, sitting in the mic's slot so
+       the composer's layout is unchanged and the textarea stays visible with the
+       transcript streaming into it. Structurally identical to .stop; only the
+       colors differ — dictation isn't an error state, so it takes a neutral grey
+       instead of the error red, and that also keeps it distinct from the solid
+       send button sitting right beside it. The icon is dark rather than white
+       because white on this grey wouldn't meet contrast. */
+    .mic-stop {
+      width: 34px;
+      height: 34px;
+      border-radius: 50%;
+      background: #eae7e7;
+      color: #1f1f1f;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: all 0.15s;
+    }
+
+    .mic-stop:hover {
+      background: #ded9d9;
+    }
+
+    /* Larger than .stop-icon's 14px: the rect fills only half its 24-unit
+       viewBox, so the drawn square is half this value. */
+    .mic-stop-icon {
+      width: 20px;
+      height: 20px;
+    }
+
     .send {
       width: 34px;
       height: 34px;
@@ -3832,6 +4119,9 @@ __decorate([
 __decorate([
     state()
 ], KRChatbot.prototype, "_skillBrowseQuery", void 0);
+__decorate([
+    state()
+], KRChatbot.prototype, "_isDictating", void 0);
 __decorate([
     query('.panel')
 ], KRChatbot.prototype, "_panelEl", void 0);