@arcgis/ai-components 5.1.0-next.61 → 5.1.0-next.63

package/dist/components/arcgis-assistant-chat-entry/customElement.js

@@ -1,66 +1,162 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { css as h, html as l } from "lit";
-import { LitElement as d, createEvent as c, nothing as p } from "@arcgis/lumina";
-import { createRef as f, ref as g } from "lit/directives/ref.js";
-import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
-import { u as y } from "../../chunks/useT9n.js";
-import _ from "@arcgis/core/core/Collection.js";
-const v = h`.assistant-chat-entry__input-container{display:flex;flex-direction:column}.assistant-chat-entry__footer-start{display:flex;gap:var(--calcite-spacing-md);flex-wrap:wrap;align-items:center}.assistant-chat-entry__footer-end{display:flex;gap:var(--calcite-spacing-md);align-items:center}.assistant-chat-entry__status-indicator{width:9px;height:9px;border-radius:100%;background-color:var(--calcite-color-status-success)}.assistant-chat-entry__status-indicator[data-status=working]{background-color:var(--calcite-color-status-warning)}.assistant-chat-entry__status-indicator[data-status=error]{background-color:var(--calcite-color-status-danger)}.assistant-chat-entry__status-text{text-transform:capitalize}`;
-class w extends d {
+import { c as p } from "../../chunks/runtime.js";
+import { css as d, html as c } from "lit";
+import { LitElement as f, createEvent as h, nothing as g } from "@arcgis/lumina";
+import { createRef as v, ref as m } from "lit/directives/ref.js";
+import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
+import { u as _ } from "../../chunks/useT9n.js";
+import V from "@arcgis/core/core/Collection.js";
+const I = d`.assistant-chat-entry__input-container{display:flex;flex-direction:column}.assistant-chat-entry__footer-start{display:flex;gap:var(--calcite-spacing-md);flex-wrap:wrap;align-items:center}.assistant-chat-entry__footer-end{display:flex;gap:var(--calcite-spacing-md);align-items:center}.assistant-chat-entry__status-indicator{width:9px;height:9px;border-radius:100%;background-color:var(--calcite-color-status-success)}.assistant-chat-entry__status-indicator[data-status=working]{background-color:var(--calcite-color-status-warning)}.assistant-chat-entry__status-indicator[data-status=error]{background-color:var(--calcite-color-status-danger)}.assistant-chat-entry__status-text{text-transform:capitalize}`;
+function l(u) {
+  const { baseValue: t, transcript: s } = u;
+  if (!s)
+    return t;
+  const e = t.trim();
+  return e ? `${e} ${s}` : s;
+}
+class b extends f {
   constructor() {
-    super(...arguments), this.#s = f(), this.#t = -1, this.#e = "", this._messages = y({ blocking: !0 }), this.keyboardShortcutsDisabled = !1, this.awaitingResponse = !1, this.inputValue = "", this.messages = new _([]), this.arcgisCancel = c(), this.arcgisSubmit = c();
+    super(...arguments), this.#t = v(), this.#s = -1, this.#i = "", this.#e = null, this.#a = (t) => {
+      const s = t.detail;
+      this._applyVoiceInputTranscript(s?.transcript);
+    }, this.#n = () => {
+      this._startVoiceInputSession();
+    }, this.#r = () => {
+      this._finishVoiceInputSession();
+    }, this.#o = (t) => {
+      const s = t.detail;
+      this._applyVoiceInputTranscript(s?.transcript, { final: !0 });
+    }, this.#c = (t) => {
+    }, this._messages = _({ blocking: !0 }), this.keyboardShortcutsDisabled = !1, this.awaitingResponse = !1, this.inputValue = "", this.voiceInputEnabled = !1, this.messages = new V([]), this.arcgisCancel = h(), this.arcgisSubmit = h();
   }
   static {
-    this.properties = { _userMessages: 16, keyboardShortcutsDisabled: 5, entryPlaceholder: 1, awaitingResponse: 5, inputValue: 1, status: 1, messages: 0 };
+    this.properties = { _userMessages: 16, keyboardShortcutsDisabled: 5, entryPlaceholder: 1, awaitingResponse: 5, inputValue: 1, status: 1, voiceInputEnabled: 5, messages: 0 };
   }
   static {
-    this.styles = v;
+    this.styles = I;
   }
-  #s;
   #t;
+  #s;
+  #i;
   #e;
+  #a;
+  #n;
+  #r;
+  #o;
+  #c;
   get _userMessages() {
     return this.messages.toArray().filter((t) => t.role === "user").map(({ content: t }) => t);
   }
   loaded() {
-    this.manager.onLifecycle(() => [
-      m(() => this.inputValue, (t) => {
-        this.#s.value && (this.#s.value.value = t);
-      }, { initial: !0 })
-    ]);
+    this.manager.onLifecycle(() => {
+      const t = [
+        {
+          eventType: "arcgisVoiceInputInterimTranscription",
+          callback: this.#a
+        },
+        {
+          eventType: "arcgisVoiceInputStart",
+          callback: this.#n
+        },
+        {
+          eventType: "arcgisVoiceInputStop",
+          callback: this.#r
+        },
+        {
+          eventType: "arcgisVoiceInputTranscription",
+          callback: this.#o
+        },
+        {
+          eventType: "arcgisVoiceInputTranscriptionStreamChunk",
+          callback: this.#c
+        }
+      ];
+      for (const { eventType: s, callback: e } of t)
+        this.el.addEventListener(s, e);
+      return [
+        y(() => this.inputValue, (s) => {
+          this.#t.value && (this.#t.value.value = s);
+        }, { initial: !0 }),
+        {
+          remove: () => {
+            for (const { eventType: s, callback: e } of t)
+              this.el.removeEventListener(s, e);
+          }
+        }
+      ];
+    });
   }
   async _submitMessage() {
     if (this.awaitingResponse) {
       this.arcgisCancel.emit();
       return;
     }
-    const t = this.#s.value?.value.trim();
-    t && (this.arcgisSubmit.emit(t), this.#t = -1, this.#e = "", this.#s.value && (this.#s.value.value = "", await this.#s.value.setFocus()));
+    const t = this.#t.value?.value.trim();
+    t && (this.arcgisSubmit.emit(t), this.#s = -1, this.#i = "", this._clearVoiceInputSession(), this.#t.value && (this.#t.value.value = "", await this.#t.value.setFocus()));
   }
-  async _navigateHistory(t, i) {
-    const s = this.#s.value;
-    if (!s)
+  async _navigateHistory(t, s) {
+    const e = this.#t.value;
+    if (!e)
       return;
-    const e = this._userMessages;
-    if (e.length === 0)
+    const i = this._userMessages;
+    if (i.length === 0)
       return;
-    const r = s.value ?? "", n = s.shadowRoot?.querySelector("textarea"), a = n?.selectionStart, o = n?.selectionEnd;
-    if (!(a == null || o == null) && !(a !== o || t === "up" && a !== 0 || t === "down" && a !== r.length)) {
+    const a = e.value ?? "", r = e.shadowRoot?.querySelector("textarea"), n = r?.selectionStart, o = r?.selectionEnd;
+    if (!(n == null || o == null) && !(n !== o || t === "up" && n !== 0 || t === "down" && n !== a.length)) {
       if (t === "up") {
-        this.#t === -1 ? (this.#e = r, this.#t = e.length - 1) : this.#t = Math.max(0, this.#t - 1), s.value = e[this.#t] ?? "", i.preventDefault();
+        this.#s === -1 ? (this.#i = a, this.#s = i.length - 1) : this.#s = Math.max(0, this.#s - 1), e.value = i[this.#s] ?? "", s.preventDefault();
+        return;
+      }
+      this.#s !== -1 && (this.#s < i.length - 1 ? (this.#s += 1, e.value = i[this.#s] ?? "") : (this.#s = -1, e.value = this.#i), s.preventDefault());
+    }
+  }
+  _startVoiceInputSession() {
+    this.#e = {
+      baseValue: this.#t.value?.value?.trim() ?? "",
+      phase: "listening",
+      transcript: ""
+    };
+  }
+  _finishVoiceInputSession() {
+    const t = this.#t.value, s = this.#e;
+    if (!t) {
+      this._clearVoiceInputSession();
+      return;
+    }
+    if (!s) {
+      this._setDraftValue(t.value?.trim() ?? "");
+      return;
+    }
+    const e = { ...s, phase: "stopped" }, i = l(e);
+    this.#e = e, this._setDraftValue(i);
+  }
+  async _applyVoiceInputTranscript(t, s) {
+    const e = this.#t.value, i = this.#e;
+    if (!e || !t || !i)
+      return;
+    if (i.phase === "stopped") {
+      const n = l(i);
+      if ((e.value?.trim() ?? "") !== n) {
+        this._clearVoiceInputSession();
         return;
       }
-      this.#t !== -1 && (this.#t < e.length - 1 ? (this.#t += 1, s.value = e[this.#t] ?? "") : (this.#t = -1, s.value = this.#e), i.preventDefault());
     }
+    const a = { ...i, transcript: t }, r = l(a);
+    this.#e = a, this._setDraftValue(r), s?.final && a.phase === "stopped" && await e.setFocus();
+  }
+  _setDraftValue(t) {
+    this.#t.value && (this.#t.value.value = t), this.#s = -1, this.#i = t;
+  }
+  _clearVoiceInputSession() {
+    this.#e = null;
   }
   render() {
-    return l`<div class="assistant-chat-entry__input-container"><calcite-text-area .value=${this.#s.value?.value} .placeholder=${this.entryPlaceholder ?? this._messages.entryPlaceholder} resize=vertical @keydown=${async (t) => {
+    return c`<div class="assistant-chat-entry__input-container"><calcite-text-area .value=${this.#t.value?.value} .placeholder=${this.entryPlaceholder ?? this._messages.entryPlaceholder} resize=vertical @keydown=${async (t) => {
       t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || this.keyboardShortcutsDisabled || (t.key === "Enter" ? (t.preventDefault(), await this._submitMessage()) : t.key === "ArrowUp" ? await this._navigateHistory("up", t) : t.key === "ArrowDown" && await this._navigateHistory("down", t));
-    }} ${g(this.#s)}><div slot=footer-start class="assistant-chat-entry__footer-start"><slot name=entry-actions-start></slot></div><div slot=footer-end class="assistant-chat-entry__footer-end">${this.status ? l`<div id=tooltip-status class="assistant-chat-entry__status-indicator" data-status=${this.status ?? p}></div><calcite-tooltip reference-element=tooltip-status offset-distance=12><span class="assistant-chat-entry__status-text">${this.status}</span></calcite-tooltip>` : null}<calcite-button .iconStart=${this.awaitingResponse ? "circle-stop" : "send"} slot=footer-end round @click=${() => void this._submitMessage()}>${this.awaitingResponse ? this._messages.stopButtonLabel : this._messages.askButtonLabel}</calcite-button></div></calcite-text-area></div>`;
+    }} ${m(this.#t)}><div slot=footer-start class="assistant-chat-entry__footer-start"><slot name=entry-actions-start></slot></div><div slot=footer-end class="assistant-chat-entry__footer-end">${this.status ? c`<div id=tooltip-status class="assistant-chat-entry__status-indicator" data-status=${this.status ?? g}></div><calcite-tooltip reference-element=tooltip-status offset-distance=12><span class="assistant-chat-entry__status-text">${this.status}</span></calcite-tooltip>` : null}${this.voiceInputEnabled ? c`<arcgis-assistant-chat-entry-speech-input .awaitingResponse=${this.awaitingResponse}></arcgis-assistant-chat-entry-speech-input>` : null}<calcite-button .iconStart=${this.awaitingResponse ? "circle-stop" : "send"} slot=footer-end round @click=${() => void this._submitMessage()}>${this.awaitingResponse ? this._messages.stopButtonLabel : this._messages.askButtonLabel}</calcite-button></div></calcite-text-area></div>`;
   }
 }
-u("arcgis-assistant-chat-entry", w);
+p("arcgis-assistant-chat-entry", b);
 export {
-  w as ArcgisAssistantChatEntry
+  b as ArcgisAssistantChatEntry
 };

package/dist/components/arcgis-assistant-chat-entry/index.js

@@ -1,4 +1,5 @@
 import "@esri/calcite-components/components/calcite-text-area";
 import "@esri/calcite-components/components/calcite-tooltip";
+import "../arcgis-assistant-chat-entry-speech-input/index.js";
 import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-assistant-chat-entry-speech-input/customElement.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { VoiceInputErrorCode, VoiceInputMode, VoiceInputTranscriptDetail, VoiceInputTranscriptionStreamChunkDetail } from "./support/types.js";
+
+/** @internal */
+export abstract class ArcgisAssistantChatEntrySpeechInput extends LitElement {
+  /** @default false */
+  accessor awaitingResponse: boolean;
+  accessor language: string | undefined;
+  /** @default "web-speech" */
+  accessor mode: VoiceInputMode;
+  readonly arcgisVoiceInputError: import("@arcgis/lumina").TargetedEvent<this, { errorCode: VoiceInputErrorCode; }>;
+  readonly arcgisVoiceInputInterimTranscription: import("@arcgis/lumina").TargetedEvent<this, VoiceInputTranscriptDetail>;
+  readonly arcgisVoiceInputStart: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisVoiceInputStop: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly arcgisVoiceInputTranscription: import("@arcgis/lumina").TargetedEvent<this, VoiceInputTranscriptDetail>;
+  readonly arcgisVoiceInputTranscriptionStreamChunk: import("@arcgis/lumina").TargetedEvent<this, VoiceInputTranscriptionStreamChunkDetail>;
+  readonly "@eventTypes": {
+    arcgisVoiceInputError: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputError"]["detail"];
+    arcgisVoiceInputInterimTranscription: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputInterimTranscription"]["detail"];
+    arcgisVoiceInputStart: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputStart"]["detail"];
+    arcgisVoiceInputStop: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputStop"]["detail"];
+    arcgisVoiceInputTranscription: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputTranscription"]["detail"];
+    arcgisVoiceInputTranscriptionStreamChunk: ArcgisAssistantChatEntrySpeechInput["arcgisVoiceInputTranscriptionStreamChunk"]["detail"];
+  };
+}

package/dist/components/arcgis-assistant-chat-entry-speech-input/customElement.js

@@ -0,0 +1,437 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as C } from "../../chunks/runtime.js";
+import { css as S, html as R } from "lit";
+import { when as f, watch as u } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as y, createEvent as h, nothing as v } from "@arcgis/lumina";
+import w from "@arcgis/core/core/Accessor.js";
+import { property as l, subclass as m } from "@arcgis/core/core/accessorSupport/decorators.js";
+const T = S`.assistant-chat-entry-speech-input__button{--calcite-button-background-color: var(--calcite-color-transparent);--calcite-button-border-color: transparent;--calcite-button-icon-color: var(--calcite-color-text-3);--calcite-button-text-color: var(--calcite-color-text-3);flex:0 0 auto;position:relative}.assistant-chat-entry-speech-input__button[data-state=disabled]{--calcite-button-icon-color: var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled)}.assistant-chat-entry-speech-input__button[data-state=listening]{--calcite-button-background-color: color-mix( in srgb, var(--calcite-color-brand) 14%, var(--calcite-color-foreground-1) );--calcite-button-border-color: color-mix(in srgb, var(--calcite-color-brand) 24%, transparent);--calcite-button-icon-color: var(--calcite-color-brand);--calcite-button-text-color: var(--calcite-color-brand);box-shadow:var(--calcite-shadow-sm)}.assistant-chat-entry-speech-input__button[data-state=listening]:hover{--calcite-button-background-color: color-mix( in srgb, var(--calcite-color-brand-hover, var(--calcite-color-brand)) 18%, var(--calcite-color-foreground-1) )}.assistant-chat-entry-speech-input__button[data-state=listening]:active{--calcite-button-background-color: color-mix( in srgb, var(--calcite-color-brand) 24%, var(--calcite-color-foreground-1) )}.assistant-chat-entry-speech-input__button[data-state=processing]{--calcite-button-background-color: color-mix( in srgb, var(--calcite-color-brand) 10%, var(--calcite-color-foreground-1) );--calcite-button-border-color: color-mix(in srgb, var(--calcite-color-brand) 20%, transparent);--calcite-button-icon-color: var(--calcite-color-brand);--calcite-button-text-color: var(--calcite-color-brand)}.assistant-chat-entry-speech-input__button[data-state=error]{--calcite-button-background-color: color-mix( in srgb, var(--calcite-color-status-danger) 12%, var(--calcite-color-foreground-1) );--calcite-button-border-color: color-mix(in srgb, var(--calcite-color-status-danger) 24%, transparent);--calcite-button-icon-color: var(--calcite-color-status-danger);--calcite-button-text-color: var(--calcite-color-status-danger)}.assistant-chat-entry-speech-input__button[data-state=listening]:after{content:"";position:absolute;inset:-4px;border:1px solid color-mix(in srgb,var(--calcite-color-brand) 40%,transparent);border-radius:inherit;opacity:0;pointer-events:none;transform:scale(.92);animation:assistant-chat-entry-speech-input-recording-pulse 1.8s ease-out infinite}@keyframes assistant-chat-entry-speech-input-recording-pulse{0%{opacity:.65;transform:scale(.92)}70%{opacity:0;transform:scale(1.16)}to{opacity:0;transform:scale(1.16)}}@media(prefers-reduced-motion){.assistant-chat-entry-speech-input__button[data-state=listening]:after{animation:none;opacity:1;transform:none}}`;
+var k = Object.defineProperty, I = Object.getOwnPropertyDescriptor, p = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? I(e, s) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && k(e, s, i), i;
+};
+let a = class extends w {
+  constructor(t) {
+    super(t), this.state = "idle", this.liveTranscript = "", this.transcript = "", this.errorCode = void 0;
+  }
+  static isSupported() {
+    return !1;
+  }
+};
+p([
+  l()
+], a.prototype, "language", 2);
+p([
+  l({ readOnly: !0 })
+], a.prototype, "state", 2);
+p([
+  l({ readOnly: !0 })
+], a.prototype, "liveTranscript", 2);
+p([
+  l({ readOnly: !0 })
+], a.prototype, "transcript", 2);
+p([
+  l({ readOnly: !0 })
+], a.prototype, "errorCode", 2);
+a = p([
+  m("SpeechController")
+], a);
+const x = [
+  "audio/webm;codecs=opus",
+  "audio/webm",
+  "audio/mp4",
+  "audio/ogg;codecs=opus",
+  "audio/ogg"
+];
+function d(t) {
+  return t.replace(/\s+/gu, " ").trim();
+}
+var O = Object.defineProperty, M = Object.getOwnPropertyDescriptor, g = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? M(e, s) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && O(e, s, i), i;
+};
+let c = class extends a {
+  constructor(t) {
+    super(t), this._activeSessionId = null, this._mediaRecorder = null, this._mediaRecorderChunkIndex = 0, this._mediaRecorderStopReason = null, this._mediaStream = null, this._pendingChunkOperations = /* @__PURE__ */ new Set(), this._recordedChunks = [], this.handleRecording = null, this.chunkTimeSlice = 3e3;
+  }
+  get _mimeType() {
+    return typeof window > "u" || typeof window.MediaRecorder?.isTypeSupported != "function" ? "" : x.find((t) => window.MediaRecorder.isTypeSupported(t)) ?? "";
+  }
+  initialize() {
+    c.isSupported() && this.addHandles(
+      f(
+        () => !!this.errorCode,
+        () => {
+          this._set("state", "error");
+        }
+      )
+    );
+  }
+  destroy() {
+    this._mediaRecorder && (this._mediaRecorder.onstart = null, this._mediaRecorder.ondataavailable = null, this._mediaRecorder.onerror = null, this._mediaRecorder.onstop = null), this.cancel(), this._mediaRecorder = null;
+  }
+  // Stop waits for any in-flight chunk transcription before finalizing the session transcript.
+  _queuePendingChunkOperation(t) {
+    this._pendingChunkOperations.add(t), t.finally(() => {
+      this._pendingChunkOperations.delete(t);
+    });
+  }
+  async _awaitPendingChunkOperations() {
+    this._pendingChunkOperations.size && await Promise.allSettled(Array.from(this._pendingChunkOperations));
+  }
+  _onDataAvailable(t) {
+    const e = this._activeSessionId;
+    e != null && this._queuePendingChunkOperation(this._processDataAvailable(t, e));
+  }
+  async _processDataAvailable(t, e) {
+    const s = t.data;
+    if (!s.size || e !== this._activeSessionId)
+      return;
+    this._recordedChunks.push(s);
+    const r = s.type || this._mediaRecorder?.mimeType || this._mimeType, i = this._mediaRecorderStopReason === "toggle" && this._mediaRecorder?.state === "inactive";
+    try {
+      if (!this.handleRecording)
+        return;
+      const n = d(
+        await this.handleRecording(s, r, this._mediaRecorderChunkIndex, i) ?? ""
+      );
+      if (e !== this._activeSessionId)
+        return;
+      n && this._set("liveTranscript", d(`${this.liveTranscript} ${n}`));
+    } catch (n) {
+      if (e !== this._activeSessionId)
+        return;
+      this._failSession(
+        n instanceof Error && n.message === "transcription-unavailable" ? "transcription-unavailable" : "transcription-failed"
+      );
+      return;
+    }
+    !i && e === this._activeSessionId && (this._mediaRecorderChunkIndex += 1);
+  }
+  _failSession(t) {
+    const e = this._mediaRecorder;
+    if (e) {
+      e.onstart = null, e.ondataavailable = null, e.onerror = null, e.onstop = null;
+      try {
+        e.state !== "inactive" && e.stop();
+      } catch {
+      }
+    }
+    this._activeSessionId = null, this._mediaRecorder = null, this._mediaRecorderChunkIndex = 0, this._mediaRecorderStopReason = null, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._releaseMediaStream(), this._set("liveTranscript", ""), this._set("transcript", ""), this._set("errorCode", t);
+  }
+  _onError() {
+    this._failSession("recording-failed");
+  }
+  _onStart() {
+    this._set("state", "listening");
+  }
+  _onStop() {
+    this._handleStop();
+  }
+  _releaseMediaStream() {
+    this._mediaStream?.getTracks().forEach((t) => t.stop()), this._mediaStream = null;
+  }
+  async _handleStop() {
+    const t = this._mediaRecorder, e = this._activeSessionId, s = this._mediaRecorderStopReason, r = t?.mimeType || this._recordedChunks.find((o) => !!o.type)?.type || "", i = [...this._recordedChunks];
+    if (this._mediaRecorder = null, this._mediaRecorderChunkIndex = 0, this._releaseMediaStream(), s === "cancel") {
+      this._activeSessionId === e && (this._activeSessionId = null), this._mediaRecorderStopReason = null, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._set("liveTranscript", ""), this._set("transcript", ""), this._set("state", "idle"), this._set("errorCode", void 0);
+      return;
+    }
+    if (e == null) {
+      this._mediaRecorderStopReason = null, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._set("state", "idle"), this._set("errorCode", void 0);
+      return;
+    }
+    if (await this._awaitPendingChunkOperations(), e !== this._activeSessionId)
+      return;
+    if (!(r ? new Blob(i, { type: r }) : new Blob(i)).size) {
+      this._activeSessionId === e && (this._activeSessionId = null), this._mediaRecorderStopReason = null, this._recordedChunks = [], this._set("errorCode", "recording-failed");
+      return;
+    }
+    this._set("state", "processing"), this._set("transcript", d(`${this.transcript} ${this.liveTranscript}`)), this._set("liveTranscript", ""), this._activeSessionId === e && (this._activeSessionId = null), this._set("state", "idle"), this._set("errorCode", void 0), this._mediaRecorderStopReason = null, this._recordedChunks = [];
+  }
+  start() {
+    if (!c.isSupported()) {
+      this._set("errorCode", "not-supported");
+      return;
+    }
+    const t = Date.now();
+    this._activeSessionId = t, this._mediaRecorderChunkIndex = 0, this._mediaRecorderStopReason = null, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._set("liveTranscript", ""), this._set("transcript", ""), this._set("errorCode", void 0), navigator.mediaDevices.getUserMedia({ audio: !0 }).then((e) => {
+      if (t !== this._activeSessionId) {
+        e.getTracks().forEach((i) => i.stop());
+        return;
+      }
+      const s = this._mimeType, r = s ? new window.MediaRecorder(e, { mimeType: s }) : new window.MediaRecorder(e);
+      this._mediaStream = e, this._mediaRecorder = r, this._mediaRecorderChunkIndex = 0, this._mediaRecorderStopReason = null, this._recordedChunks = [], r.ondataavailable = this._onDataAvailable.bind(this), r.onerror = this._onError.bind(this), r.onstart = this._onStart.bind(this), r.onstop = this._onStop.bind(this), this._mediaRecorder.start(this.chunkTimeSlice);
+    }).catch((e) => {
+      t === this._activeSessionId && (this._activeSessionId = null, this._mediaRecorder = null, this._mediaRecorderChunkIndex = 0, this._mediaRecorderStopReason = null, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._releaseMediaStream(), e instanceof DOMException && e.name === "NotAllowedError" ? this._set("errorCode", "not-allowed") : this._set("errorCode", "recording-failed"));
+    });
+  }
+  stop() {
+    if (this._mediaRecorder) {
+      this._mediaRecorderStopReason = "toggle";
+      try {
+        this._mediaRecorder.state !== "inactive" ? this._mediaRecorder.stop() : this._handleStop();
+      } catch {
+      }
+    }
+  }
+  cancel() {
+    const t = this._mediaRecorder;
+    if (this._activeSessionId = null, this._mediaRecorderStopReason = "cancel", this._mediaRecorderChunkIndex = 0, this._pendingChunkOperations.clear(), this._recordedChunks = [], this._set("liveTranscript", ""), this._set("transcript", ""), this._set("state", "idle"), this._set("errorCode", void 0), !t) {
+      this._releaseMediaStream();
+      return;
+    }
+    try {
+      if (t.state !== "inactive") {
+        t.stop();
+        return;
+      }
+    } catch {
+    }
+    this._mediaRecorder = null, this._releaseMediaStream();
+  }
+  static isSupported() {
+    return typeof window < "u" && !!(window.MediaRecorder && navigator.mediaDevices?.getUserMedia);
+  }
+};
+g([
+  l()
+], c.prototype, "_mimeType", 1);
+g([
+  l()
+], c.prototype, "handleRecording", 2);
+g([
+  l()
+], c.prototype, "chunkTimeSlice", 2);
+c = g([
+  m("MediaRecorderController")
+], c);
+var E = Object.getOwnPropertyDescriptor, $ = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? E(e, s) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = o(i) || i);
+  return i;
+};
+function b() {
+  if (typeof window > "u")
+    return null;
+  const t = window;
+  return t.SpeechRecognition ?? t.webkitSpeechRecognition ?? null;
+}
+let _ = class extends a {
+  constructor(t) {
+    super(t), this._isCancelled = !1, this._recognition = null;
+  }
+  initialize() {
+    const t = b();
+    if (!t)
+      return;
+    const e = new t();
+    e.continuous = !0, e.interimResults = !0, this.language && (e.lang = this.language), e.onstart = this._onStart.bind(this), e.onresult = this._onResult.bind(this), e.onerror = this._onError.bind(this), e.onend = this._onEnd.bind(this), e.onspeechend = this._onSpeechEnd.bind(this), this._recognition = e, this.addHandles(
+      f(
+        () => !!this.errorCode,
+        () => {
+          this._set("state", "error");
+        }
+      )
+    );
+  }
+  destroy() {
+    this._recognition && (this._recognition.onstart = null, this._recognition.onresult = null, this._recognition.onerror = null, this._recognition.onend = null, this._recognition.onspeechend = null, this.cancel(), this._recognition = null);
+  }
+  _onStart() {
+    this._isCancelled = !1, this._set("state", "listening");
+  }
+  // SpeechRecognition result lists are cumulative, so rebuild finalized and live text from the full list.
+  _onResult(t) {
+    const { finalTranscript: e, liveTranscript: s } = Array.from(t.results).reduce(
+      (r, i) => (i.isFinal ? r.finalTranscript += i[0].transcript : r.liveTranscript += i[0].transcript, r),
+      { finalTranscript: "", liveTranscript: "" }
+    );
+    this._set("transcript", d(e)), this._set("liveTranscript", d(s));
+  }
+  _onError(t) {
+    if (t.error === "aborted" && this._isCancelled) {
+      this._set("state", "idle");
+      return;
+    }
+    let e = "unhandled";
+    switch (t.error) {
+      case "no-speech":
+        e = "no-speech";
+        break;
+      case "service-not-allowed":
+      case "not-allowed":
+        e = "not-allowed";
+        break;
+      default:
+        e = "unhandled";
+    }
+    this._set("errorCode", e);
+  }
+  // Natural end can arrive before the last interim segment becomes final, so preserve that trailing text.
+  _onEnd() {
+    const t = d(`${this.transcript} ${this.liveTranscript}`);
+    if (this._set("liveTranscript", ""), this._isCancelled) {
+      this._set("transcript", ""), this._set("state", "idle"), this._set("errorCode", void 0);
+      return;
+    }
+    this.errorCode ? this._set("transcript", "") : (this._set("transcript", t), this._set("state", "idle")), this._set("errorCode", void 0);
+  }
+  _onSpeechEnd() {
+    this._set("state", "processing");
+  }
+  _reset(t = !1) {
+    this._isCancelled = t, this._set("liveTranscript", ""), this._set("transcript", ""), this._set("errorCode", void 0), this._set("state", "idle");
+  }
+  start() {
+    if (!this._recognition) {
+      this._set("errorCode", "not-supported");
+      return;
+    }
+    this._reset(!1);
+    try {
+      this._recognition.start();
+    } catch {
+      this._set("errorCode", "unhandled");
+    }
+  }
+  stop() {
+    if (this._recognition) {
+      this._set("state", "processing");
+      try {
+        this._recognition.stop();
+      } catch {
+      }
+    }
+  }
+  cancel() {
+    if (this._recognition) {
+      this._reset(!0);
+      try {
+        this._recognition.abort();
+      } catch {
+      }
+    }
+  }
+  static isSupported() {
+    return !!b();
+  }
+};
+_ = $([
+  m("WebSpeechController")
+], _);
+class D extends y {
+  constructor() {
+    super(...arguments), this._resolvedMode = "disabled", this.awaitingResponse = !1, this.mode = "web-speech", this.arcgisVoiceInputError = h(), this.arcgisVoiceInputStart = h(), this.arcgisVoiceInputStop = h(), this.arcgisVoiceInputInterimTranscription = h(), this.arcgisVoiceInputTranscription = h(), this.arcgisVoiceInputTranscriptionStreamChunk = h();
+  }
+  static {
+    this.properties = { _resolvedMode: 16, _state: 16, _errorCode: 16, _liveTranscript: 16, _transcript: 16, _isButtonDisabled: 16, _buttonLabel: 16, awaitingResponse: 5, language: 1, mode: 1 };
+  }
+  static {
+    this.styles = T;
+  }
+  get _state() {
+    return this._speechController?.state ?? "idle";
+  }
+  get _errorCode() {
+    return this._speechController?.errorCode ?? null;
+  }
+  get _liveTranscript() {
+    return this._speechController?.liveTranscript ?? "";
+  }
+  get _transcript() {
+    return this._speechController?.transcript ?? "";
+  }
+  get _isButtonDisabled() {
+    return this._resolvedMode === "disabled" || this.awaitingResponse || this._state === "processing";
+  }
+  get _buttonLabel() {
+    if (this.awaitingResponse)
+      return "Voice input unavailable while assistant is responding";
+    if (this._resolvedMode === "disabled")
+      return "Voice input unavailable";
+    switch (this._state) {
+      case "error":
+        return this._errorCode === "not-allowed" ? "Microphone permission denied. Retry voice input" : "Retry voice input";
+      case "listening":
+        return "Stop voice input";
+      case "processing":
+        return "Processing voice input";
+      default:
+        return "Start voice input";
+    }
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      u(() => [this.mode, this.language], () => {
+        this._configureController();
+      }, { initial: !0 }),
+      u(() => this.awaitingResponse, (e) => {
+        e && this._cancelActiveSession();
+      }, { initial: !0 }),
+      u(() => this._liveTranscript, (e) => {
+        if (e) {
+          const s = d(`${this._transcript} ${e}`);
+          this.arcgisVoiceInputInterimTranscription.emit({ transcript: s });
+        }
+      }),
+      u(() => this._transcript, (e) => {
+        e && this.arcgisVoiceInputTranscription.emit({ transcript: e });
+      }),
+      u(() => this._state, (e) => {
+        e === "error" && this._errorCode && this.arcgisVoiceInputError.emit({ errorCode: this._errorCode });
+      })
+    ]);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._destroySpeechController();
+  }
+  _configureController() {
+    const e = this._resolveMode();
+    this._destroySpeechController(), this._resolvedMode = e, e !== "disabled" && (this._speechController = e === "web-speech" ? new _({
+      language: this.language
+    }) : new c({
+      language: this.language,
+      handleRecording: this._handleRecording.bind(this)
+    }));
+  }
+  _destroySpeechController() {
+    this._speechController?.cancel(), this._speechController?.destroy(), this._speechController = void 0;
+  }
+  async _handleToggle() {
+    if (!(this._isButtonDisabled || !this._speechController)) {
+      if (this._state === "listening") {
+        this._speechController.stop(), this.arcgisVoiceInputStop.emit();
+        return;
+      }
+      this._speechController.start(), this.arcgisVoiceInputStart.emit();
+    }
+  }
+  async _handleRecording(e, s, r, i) {
+    let n;
+    return this.arcgisVoiceInputTranscriptionStreamChunk.emit({
+      blob: e,
+      chunkIndex: r,
+      isFinal: i,
+      mimeType: s,
+      respondWithTranscript: (o) => {
+        n = o;
+      }
+    }), n;
+  }
+  _resolveMode() {
+    return this.mode === "disabled" ? "disabled" : this.mode === "web-speech" && _.isSupported() ? "web-speech" : c.isSupported() ? "media-recorder" : "disabled";
+  }
+  async _cancelActiveSession() {
+    this._speechController && this._resolvedMode !== "disabled" && this._speechController.cancel();
+  }
+  render() {
+    return R`<calcite-button appearance=transparent class="assistant-chat-entry-speech-input__button" data-mode=${this._resolvedMode ?? v} data-state=${(this._resolvedMode === "disabled" ? "disabled" : this._state) ?? v} .disabled=${this._isButtonDisabled} icon-start=microphone kind=neutral .label=${this._buttonLabel} .loading=${this._state === "processing"} round scale=m @click=${() => void this._handleToggle()}></calcite-button>`;
+  }
+}
+C("arcgis-assistant-chat-entry-speech-input", D);
+export {
+  D as ArcgisAssistantChatEntrySpeechInput
+};