@cognivo/components 0.8.0

package/dist/components/ai-voice-panel/ai-voice-panel.js

@@ -0,0 +1,363 @@
+import { css as h, LitElement as v, html as o, nothing as l } from "lit";
+import { property as u, state as d, customElement as m } from "lit/decorators.js";
+import { h as f, r as b, g as _ } from "../../chunks/premium.css-9I4kHrsl.js";
+var w = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? y(e, i) : e, c = t.length - 1, p; c >= 0; c--)
+    (p = t[c]) && (s = (a ? p(e, i, s) : p(s)) || s);
+  return a && s && w(e, i, s), s;
+};
+const g = typeof window < "u" ? window.SpeechRecognition || window.webkitSpeechRecognition : void 0;
+let r = class extends v {
+  constructor() {
+    super(...arguments), this.rounded = "lg", this.language = "en-US", this.pushToTalk = !1, this.continuous = !1, this.timeout = 10, this._state = "idle", this._transcript = "", this._interimTranscript = "", this._errorMessage = "", this._recognition = null, this._timeoutId = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), g || (this._state = "unsupported");
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._cleanup();
+  }
+  /** Public API: start recognition */
+  startRecognition() {
+    if (!g || this._state === "listening") return;
+    this._cleanup();
+    const t = new g();
+    t.lang = this.language, t.continuous = this.continuous, t.interimResults = !0, t.onstart = () => {
+      this._state = "listening", this._interimTranscript = "", this._errorMessage = "", this._startTimeout(), this.dispatchEvent(new CustomEvent("ai-voice-start", { bubbles: !0, composed: !0 }));
+    }, t.onresult = (e) => {
+      this._resetTimeout();
+      let i = "", a = "";
+      for (let s = e.resultIndex; s < e.results.length; s++) {
+        const c = e.results[s];
+        c && (c.isFinal ? a += c[0]?.transcript ?? "" : i += c[0]?.transcript ?? "");
+      }
+      a && (this._transcript = (this._transcript ? this._transcript + " " : "") + a.trim(), this._interimTranscript = "", this.dispatchEvent(new CustomEvent("ai-voice-result", {
+        bubbles: !0,
+        composed: !0,
+        detail: { transcript: this._transcript, isFinal: !0 }
+      }))), i && (this._interimTranscript = i, this.dispatchEvent(new CustomEvent("ai-voice-result", {
+        bubbles: !0,
+        composed: !0,
+        detail: { transcript: i, isFinal: !1 }
+      })));
+    }, t.onerror = (e) => {
+      const i = e.error === "not-allowed" ? "Microphone access denied. Check browser permissions." : e.error === "no-speech" ? "No speech detected. Try again." : e.error === "network" ? "Network error. Speech recognition requires an internet connection." : `Speech error: ${e.error}`;
+      this._errorMessage = i, this._state = "error", this._clearTimeout(), this.dispatchEvent(new CustomEvent("ai-voice-error", {
+        bubbles: !0,
+        composed: !0,
+        detail: { error: e.error, message: i }
+      }));
+    }, t.onend = () => {
+      this._clearTimeout(), this._state === "listening" && (this._state = (this._transcript, "idle")), this.dispatchEvent(new CustomEvent("ai-voice-stop", { bubbles: !0, composed: !0 })), this._recognition = null;
+    }, this._recognition = t;
+    try {
+      t.start();
+    } catch {
+      this._errorMessage = "Could not start speech recognition.", this._state = "error";
+    }
+  }
+  /** Public API: stop recognition */
+  stopRecognition() {
+    this._recognition && this._recognition.stop(), this._clearTimeout();
+  }
+  /** Public API: clear transcript */
+  clearTranscript() {
+    this._transcript = "", this._interimTranscript = "";
+  }
+  /** Read-only access to current transcript */
+  get transcript() {
+    return this._transcript;
+  }
+  get interimTranscript() {
+    return this._interimTranscript;
+  }
+  get voiceState() {
+    return this._state;
+  }
+  _cleanup() {
+    if (this._recognition) {
+      try {
+        this._recognition.abort();
+      } catch {
+      }
+      this._recognition = null;
+    }
+    this._clearTimeout();
+  }
+  _startTimeout() {
+    this.timeout <= 0 || (this._clearTimeout(), this._timeoutId = window.setTimeout(() => {
+      this._state === "listening" && this.stopRecognition();
+    }, this.timeout * 1e3));
+  }
+  _resetTimeout() {
+    this.timeout > 0 && this._state === "listening" && this._startTimeout();
+  }
+  _clearTimeout() {
+    this._timeoutId && (window.clearTimeout(this._timeoutId), this._timeoutId = 0);
+  }
+  _handleMicClick() {
+    this._state === "processing" || this._state === "unsupported" || (this._state === "listening" ? this.stopRecognition() : this.startRecognition());
+  }
+  _handlePointerDown() {
+    !this.pushToTalk || this._state === "unsupported" || this.startRecognition();
+  }
+  _handlePointerUp() {
+    this.pushToTalk && this.stopRecognition();
+  }
+  _handleKeyDown(t) {
+    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.pushToTalk ? this.startRecognition() : this._handleMicClick());
+  }
+  _handleKeyUp(t) {
+    this.pushToTalk && (t.key === "Enter" || t.key === " ") && this.stopRecognition();
+  }
+  _getStateLabel() {
+    switch (this._state) {
+      case "listening":
+        return "Listening...";
+      case "processing":
+        return "Processing...";
+      case "error":
+        return "Error";
+      case "unsupported":
+        return "Not supported";
+      default:
+        return this.pushToTalk ? "Hold to talk" : "Tap to speak";
+    }
+  }
+  _getMicIcon() {
+    return this._state === "processing" ? o`<svg class="spinner" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12a9 9 0 11-6.219-8.56"/></svg>` : this._state === "error" ? o`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>` : this._state === "unsupported" ? o`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="9" y="1" width="6" height="11" rx="3"/><path d="M19 10v2a7 7 0 01-14 0v-2"/><line x1="1" y1="1" x2="23" y2="23"/></svg>` : o`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="1" width="6" height="11" rx="3"/><path d="M19 10v2a7 7 0 01-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>`;
+  }
+  render() {
+    const t = this._state === "unsupported";
+    return o`
+      <div class="panel" role="region" aria-label="Voice input">
+        <span class="state-label ${this._state}">${this._getStateLabel()}</span>
+
+        <div class="mic-area ${this._state}">
+          <div class="pulse-ring" aria-hidden="true"></div>
+          <div class="pulse-ring" aria-hidden="true"></div>
+          <div class="pulse-ring" aria-hidden="true"></div>
+          <button class="mic-btn ${this._state}"
+            ?disabled=${t}
+            aria-label="${this._state === "listening" ? "Stop recording" : "Start recording"}"
+            aria-pressed="${this._state === "listening" ? "true" : "false"}"
+            @click=${this.pushToTalk ? void 0 : this._handleMicClick}
+            @pointerdown=${this._handlePointerDown}
+            @pointerup=${this._handlePointerUp}
+            @pointercancel=${this._handlePointerUp}
+            @pointerleave=${this._handlePointerUp}
+            @keydown=${this._handleKeyDown}
+            @keyup=${this._handleKeyUp}>
+            ${this._getMicIcon()}
+          </button>
+        </div>
+
+        <div class="transcript-area">
+          ${this._state === "error" && this._errorMessage ? o`<div class="error-msg" role="alert">${this._errorMessage}</div>` : l}
+          ${t ? o`<div class="unsupported-msg">Speech recognition is not supported in this browser. Try Chrome or Edge.</div>` : l}
+          ${this._transcript ? o`<div class="transcript">${this._transcript}</div>` : l}
+          ${this._interimTranscript ? o`<div class="interim" aria-live="polite">${this._interimTranscript}</div>` : l}
+        </div>
+
+        ${this.language && !t ? o`<cg-badge variant="neutral" label=${this.language} size="sm" rounded="full"></cg-badge>` : l}
+
+        ${this.pushToTalk && !t ? o`<span class="ptt-hint" id="ptt-hint">Hold spacebar or mic button to talk</span>` : l}
+      </div>
+    `;
+  }
+};
+r.styles = [f, b, _, h`
+    :host {
+      animation: fadeIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out);
+    }
+
+    .panel {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--cg-spacing-20);
+      padding: var(--cg-spacing-32) var(--cg-spacing-24);
+      background: var(--cg-color-surface-cards-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      border-radius: var(--cg-border-radius-200);
+    }
+
+    /* ── State label ── */
+    .state-label {
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      text-transform: uppercase;
+      letter-spacing: var(--cg-letter-spacing-wide);
+      color: var(--cg-color-input-text-placeholder);
+    }
+    .state-label.listening { color: var(--cg-color-surface-base-text); }
+    .state-label.processing { color: var(--cg-color-status-warning-text-default); }
+    .state-label.error { color: var(--cg-color-status-error-text-default); }
+
+    /* ── Mic button area ── */
+    .mic-area {
+      position: relative;
+      width: var(--cg-spacing-80);
+      height: var(--cg-spacing-80);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* Pulse rings */
+    .pulse-ring {
+      position: absolute;
+      inset: var(--cg-spacing-4);
+      border-radius: var(--cg-border-radius-full);
+      border: var(--cg-border-width-100) solid var(--cg-color-action-primary-background-default);
+      opacity: 0;
+      pointer-events: none;
+    }
+    .listening .pulse-ring {
+      animation: voicePulse 2s var(--cg-transition-easing-default) infinite;
+    }
+    .listening .pulse-ring:nth-child(2) { animation-delay: 0.6s; }
+    .listening .pulse-ring:nth-child(3) { animation-delay: 1.2s; }
+
+    @keyframes voicePulse {
+      0% { transform: scale(1); opacity: 0.5; }
+      100% { transform: scale(1.8); opacity: 0; }
+    }
+
+    /* ── Mic button ── */
+    .mic-btn {
+      width: var(--cg-spacing-64);
+      height: var(--cg-spacing-64);
+      border-radius: var(--cg-border-radius-full);
+      border: var(--cg-border-width-100) solid var(--cg-color-surface-cards-border);
+      background: var(--cg-color-surface-base-background);
+      color: var(--cg-color-input-text-placeholder);
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition:
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        background var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+      z-index: 1;
+      position: relative;
+    }
+    .mic-btn:hover {
+      border-color: var(--cg-color-input-border-hover);
+      color: var(--cg-color-surface-base-text);
+    }
+    .mic-btn:active { transform: scale(var(--cg-interaction-press-scale)); }
+    .mic-btn:focus-visible {
+      outline: none;
+      box-shadow:
+        0 0 0 2px var(--cg-color-surface-base-background),
+        0 0 0 3px var(--cg-overlay-accent-strong);
+    }
+    .mic-btn.listening {
+      border-color: var(--cg-color-action-primary-background-default);
+      color: var(--cg-color-surface-base-text);
+      background: var(--cg-overlay-accent-subtle);
+    }
+    .mic-btn.processing {
+      border-color: var(--cg-color-status-warning-text-default);
+      color: var(--cg-color-status-warning-text-default);
+      cursor: wait;
+    }
+    .mic-btn.error {
+      border-color: var(--cg-color-status-error-text-default);
+      color: var(--cg-color-status-error-text-default);
+    }
+    .mic-btn:disabled {
+      opacity: 0.4;
+      cursor: not-allowed;
+    }
+    .mic-btn svg {
+      width: var(--cg-spacing-24);
+      height: var(--cg-spacing-24);
+    }
+
+    /* Spinner */
+    .spinner { animation: spin 1s linear infinite; }
+    @keyframes spin { to { transform: rotate(360deg); } }
+
+    /* ── Transcript area ── */
+    .transcript-area {
+      text-align: center;
+      width: 100%;
+      min-height: var(--cg-spacing-40);
+    }
+    .transcript {
+      font-size: var(--cg-font-size-sm);
+      color: var(--cg-color-surface-base-text);
+      line-height: var(--cg-line-height-relaxed);
+    }
+    .interim {
+      font-size: var(--cg-font-size-sm);
+      color: var(--cg-color-input-text-placeholder);
+      font-style: italic;
+      line-height: var(--cg-line-height-relaxed);
+    }
+    .error-msg {
+      font-size: var(--cg-font-size-sm);
+      color: var(--cg-color-status-error-text-default);
+      line-height: var(--cg-line-height-normal);
+    }
+    .unsupported-msg {
+      font-size: var(--cg-font-size-sm);
+      color: var(--cg-color-input-text-placeholder);
+      line-height: var(--cg-line-height-normal);
+    }
+
+    /* ── Push-to-talk hint ── */
+    .ptt-hint {
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+    }
+
+    /* ── Rounded variants ── */
+    :host([rounded="none"]) .panel { border-radius: 0; }
+    :host([rounded="sm"]) .panel { border-radius: var(--cg-border-radius-50); }
+    :host([rounded="md"]) .panel { border-radius: var(--cg-border-radius-100); }
+    :host([rounded="lg"]) .panel { border-radius: var(--cg-border-radius-200); }
+
+    @media (prefers-reduced-motion: reduce) {
+      .listening .pulse-ring { animation: none; }
+      .spinner { animation: none; }
+    }
+  `];
+n([
+  u({ reflect: !0 })
+], r.prototype, "rounded", 2);
+n([
+  u({ type: String })
+], r.prototype, "language", 2);
+n([
+  u({ type: Boolean })
+], r.prototype, "pushToTalk", 2);
+n([
+  u({ type: Boolean })
+], r.prototype, "continuous", 2);
+n([
+  u({ type: Number })
+], r.prototype, "timeout", 2);
+n([
+  d()
+], r.prototype, "_state", 2);
+n([
+  d()
+], r.prototype, "_transcript", 2);
+n([
+  d()
+], r.prototype, "_interimTranscript", 2);
+n([
+  d()
+], r.prototype, "_errorMessage", 2);
+r = n([
+  m("ai-voice-panel")
+], r);
+export {
+  r as AiVoicePanel
+};
+//# sourceMappingURL=ai-voice-panel.js.map

package/dist/components/ai-voice-panel/ai-voice-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-voice-panel.js","sources":["../../../src/components/ai-voice-panel/ai-voice-panel.ts"],"sourcesContent":["/**\n * @element ai-voice-panel\n * Voice command panel with built-in Web Speech API integration, mic button with pulse\n * animations, real-time transcript, push-to-talk, browser detection, and permission handling.\n *\n * Self-managing by default — click the mic and it records. Also supports external control\n * via `startRecognition()` / `stopRecognition()` methods.\n *\n * @example\n * ```html\n * <ai-voice-panel language=\"en-US\"></ai-voice-panel>\n *\n * <ai-voice-panel pushToTalk language=\"pt-BR\"></ai-voice-panel>\n *\n * <ai-voice-panel continuous language=\"en-US\"></ai-voice-panel>\n * ```\n *\n * @fires {CustomEvent<{}>} ai-voice-start - Recording started\n * @fires {CustomEvent<{}>} ai-voice-stop - Recording stopped\n * @fires {CustomEvent<{transcript: string, isFinal: boolean}>} ai-voice-result - Speech result\n * @fires {CustomEvent<{error: string}>} ai-voice-error - Error occurred\n *\n * @cssprop --cg-color-action-primary-background-default - Listening pulse ring color\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeInKeyframes } from '../../styles/index.js';\n\n// Browser-compat SpeechRecognition\nconst SpeechRecognitionImpl: SpeechRecognitionCtor | undefined =\n  typeof window !== 'undefined'\n    ? window.SpeechRecognition || window.webkitSpeechRecognition\n    : undefined;\n\ntype VoiceState = 'idle' | 'listening' | 'processing' | 'error' | 'unsupported';\n\n@customElement('ai-voice-panel')\nexport class AiVoicePanel extends LitElement {\n  static override styles = [hostBlock, reducedMotion, fadeInKeyframes, css`\n    :host {\n      animation: fadeIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out);\n    }\n\n    .panel {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--cg-spacing-20);\n      padding: var(--cg-spacing-32) var(--cg-spacing-24);\n      background: var(--cg-color-surface-cards-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-200);\n    }\n\n    /* ── State label ── */\n    .state-label {\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      text-transform: uppercase;\n      letter-spacing: var(--cg-letter-spacing-wide);\n      color: var(--cg-color-input-text-placeholder);\n    }\n    .state-label.listening { color: var(--cg-color-surface-base-text); }\n    .state-label.processing { color: var(--cg-color-status-warning-text-default); }\n    .state-label.error { color: var(--cg-color-status-error-text-default); }\n\n    /* ── Mic button area ── */\n    .mic-area {\n      position: relative;\n      width: var(--cg-spacing-80);\n      height: var(--cg-spacing-80);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Pulse rings */\n    .pulse-ring {\n      position: absolute;\n      inset: var(--cg-spacing-4);\n      border-radius: var(--cg-border-radius-full);\n      border: var(--cg-border-width-100) solid var(--cg-color-action-primary-background-default);\n      opacity: 0;\n      pointer-events: none;\n    }\n    .listening .pulse-ring {\n      animation: voicePulse 2s var(--cg-transition-easing-default) infinite;\n    }\n    .listening .pulse-ring:nth-child(2) { animation-delay: 0.6s; }\n    .listening .pulse-ring:nth-child(3) { animation-delay: 1.2s; }\n\n    @keyframes voicePulse {\n      0% { transform: scale(1); opacity: 0.5; }\n      100% { transform: scale(1.8); opacity: 0; }\n    }\n\n    /* ── Mic button ── */\n    .mic-btn {\n      width: var(--cg-spacing-64);\n      height: var(--cg-spacing-64);\n      border-radius: var(--cg-border-radius-full);\n      border: var(--cg-border-width-100) solid var(--cg-color-surface-cards-border);\n      background: var(--cg-color-surface-base-background);\n      color: var(--cg-color-input-text-placeholder);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        background var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n      z-index: 1;\n      position: relative;\n    }\n    .mic-btn:hover {\n      border-color: var(--cg-color-input-border-hover);\n      color: var(--cg-color-surface-base-text);\n    }\n    .mic-btn:active { transform: scale(var(--cg-interaction-press-scale)); }\n    .mic-btn:focus-visible {\n      outline: none;\n      box-shadow:\n        0 0 0 2px var(--cg-color-surface-base-background),\n        0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n    .mic-btn.listening {\n      border-color: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-surface-base-text);\n      background: var(--cg-overlay-accent-subtle);\n    }\n    .mic-btn.processing {\n      border-color: var(--cg-color-status-warning-text-default);\n      color: var(--cg-color-status-warning-text-default);\n      cursor: wait;\n    }\n    .mic-btn.error {\n      border-color: var(--cg-color-status-error-text-default);\n      color: var(--cg-color-status-error-text-default);\n    }\n    .mic-btn:disabled {\n      opacity: 0.4;\n      cursor: not-allowed;\n    }\n    .mic-btn svg {\n      width: var(--cg-spacing-24);\n      height: var(--cg-spacing-24);\n    }\n\n    /* Spinner */\n    .spinner { animation: spin 1s linear infinite; }\n    @keyframes spin { to { transform: rotate(360deg); } }\n\n    /* ── Transcript area ── */\n    .transcript-area {\n      text-align: center;\n      width: 100%;\n      min-height: var(--cg-spacing-40);\n    }\n    .transcript {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-surface-base-text);\n      line-height: var(--cg-line-height-relaxed);\n    }\n    .interim {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-input-text-placeholder);\n      font-style: italic;\n      line-height: var(--cg-line-height-relaxed);\n    }\n    .error-msg {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-status-error-text-default);\n      line-height: var(--cg-line-height-normal);\n    }\n    .unsupported-msg {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-input-text-placeholder);\n      line-height: var(--cg-line-height-normal);\n    }\n\n    /* ── Push-to-talk hint ── */\n    .ptt-hint {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    /* ── Rounded variants ── */\n    :host([rounded=\"none\"]) .panel { border-radius: 0; }\n    :host([rounded=\"sm\"]) .panel { border-radius: var(--cg-border-radius-50); }\n    :host([rounded=\"md\"]) .panel { border-radius: var(--cg-border-radius-100); }\n    :host([rounded=\"lg\"]) .panel { border-radius: var(--cg-border-radius-200); }\n\n    @media (prefers-reduced-motion: reduce) {\n      .listening .pulse-ring { animation: none; }\n      .spinner { animation: none; }\n    }\n  `];\n\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n  /** BCP-47 language tag */\n  @property({ type: String }) language: string = 'en-US';\n  /** Hold mic to talk instead of click toggle */\n  @property({ type: Boolean }) pushToTalk: boolean = false;\n  /** Keep listening after each result (multi-sentence) */\n  @property({ type: Boolean }) continuous: boolean = false;\n  /** Auto-stop after N seconds of silence (0 = no timeout) */\n  @property({ type: Number }) timeout: number = 10;\n\n  @state() private _state: VoiceState = 'idle';\n  @state() private _transcript: string = '';\n  @state() private _interimTranscript: string = '';\n  @state() private _errorMessage: string = '';\n\n  private _recognition: SpeechRecognition | null = null;\n  private _timeoutId: number = 0;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!SpeechRecognitionImpl) {\n      this._state = 'unsupported';\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this._cleanup();\n  }\n\n  /** Public API: start recognition */\n  startRecognition() {\n    if (!SpeechRecognitionImpl || this._state === 'listening') return;\n\n    this._cleanup();\n    const recognition = new SpeechRecognitionImpl();\n    recognition.lang = this.language;\n    recognition.continuous = this.continuous;\n    recognition.interimResults = true;\n\n    recognition.onstart = () => {\n      this._state = 'listening';\n      this._interimTranscript = '';\n      this._errorMessage = '';\n      this._startTimeout();\n      this.dispatchEvent(new CustomEvent('ai-voice-start', { bubbles: true, composed: true }));\n    };\n\n    recognition.onresult = (event: SpeechRecognitionEvent) => {\n      this._resetTimeout();\n      let interim = '';\n      let final = '';\n      for (let i = event.resultIndex; i < event.results.length; i++) {\n        const result = event.results[i];\n        if (!result) continue;\n        if (result.isFinal) {\n          final += result[0]?.transcript ?? '';\n        } else {\n          interim += result[0]?.transcript ?? '';\n        }\n      }\n      if (final) {\n        this._transcript = (this._transcript ? this._transcript + ' ' : '') + final.trim();\n        this._interimTranscript = '';\n        this.dispatchEvent(new CustomEvent('ai-voice-result', {\n          bubbles: true, composed: true,\n          detail: { transcript: this._transcript, isFinal: true },\n        }));\n      }\n      if (interim) {\n        this._interimTranscript = interim;\n        this.dispatchEvent(new CustomEvent('ai-voice-result', {\n          bubbles: true, composed: true,\n          detail: { transcript: interim, isFinal: false },\n        }));\n      }\n    };\n\n    recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n      const msg = event.error === 'not-allowed'\n        ? 'Microphone access denied. Check browser permissions.'\n        : event.error === 'no-speech'\n          ? 'No speech detected. Try again.'\n          : event.error === 'network'\n            ? 'Network error. Speech recognition requires an internet connection.'\n            : `Speech error: ${event.error}`;\n      this._errorMessage = msg;\n      this._state = 'error';\n      this._clearTimeout();\n      this.dispatchEvent(new CustomEvent('ai-voice-error', {\n        bubbles: true, composed: true,\n        detail: { error: event.error, message: msg },\n      }));\n    };\n\n    recognition.onend = () => {\n      this._clearTimeout();\n      if (this._state === 'listening') {\n        this._state = this._transcript ? 'idle' : 'idle';\n      }\n      this.dispatchEvent(new CustomEvent('ai-voice-stop', { bubbles: true, composed: true }));\n      this._recognition = null;\n    };\n\n    this._recognition = recognition;\n    try {\n      recognition.start();\n    } catch {\n      this._errorMessage = 'Could not start speech recognition.';\n      this._state = 'error';\n    }\n  }\n\n  /** Public API: stop recognition */\n  stopRecognition() {\n    if (this._recognition) {\n      this._recognition.stop();\n    }\n    this._clearTimeout();\n  }\n\n  /** Public API: clear transcript */\n  clearTranscript() {\n    this._transcript = '';\n    this._interimTranscript = '';\n  }\n\n  /** Read-only access to current transcript */\n  get transcript(): string { return this._transcript; }\n  get interimTranscript(): string { return this._interimTranscript; }\n  get voiceState(): VoiceState { return this._state; }\n\n  private _cleanup() {\n    if (this._recognition) {\n      try { this._recognition.abort(); } catch { /* ignore */ }\n      this._recognition = null;\n    }\n    this._clearTimeout();\n  }\n\n  private _startTimeout() {\n    if (this.timeout <= 0) return;\n    this._clearTimeout();\n    this._timeoutId = window.setTimeout(() => {\n      if (this._state === 'listening') {\n        this.stopRecognition();\n      }\n    }, this.timeout * 1000);\n  }\n\n  private _resetTimeout() {\n    if (this.timeout > 0 && this._state === 'listening') {\n      this._startTimeout();\n    }\n  }\n\n  private _clearTimeout() {\n    if (this._timeoutId) {\n      window.clearTimeout(this._timeoutId);\n      this._timeoutId = 0;\n    }\n  }\n\n  private _handleMicClick() {\n    if (this._state === 'processing' || this._state === 'unsupported') return;\n    if (this._state === 'listening') {\n      this.stopRecognition();\n    } else {\n      this.startRecognition();\n    }\n  }\n\n  private _handlePointerDown() {\n    if (!this.pushToTalk || this._state === 'unsupported') return;\n    this.startRecognition();\n  }\n\n  private _handlePointerUp() {\n    if (!this.pushToTalk) return;\n    this.stopRecognition();\n  }\n\n  private _handleKeyDown(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (this.pushToTalk) {\n        this.startRecognition();\n      } else {\n        this._handleMicClick();\n      }\n    }\n  }\n\n  private _handleKeyUp(e: KeyboardEvent) {\n    if (this.pushToTalk && (e.key === 'Enter' || e.key === ' ')) {\n      this.stopRecognition();\n    }\n  }\n\n  private _getStateLabel(): string {\n    switch (this._state) {\n      case 'listening': return 'Listening...';\n      case 'processing': return 'Processing...';\n      case 'error': return 'Error';\n      case 'unsupported': return 'Not supported';\n      default: return this.pushToTalk ? 'Hold to talk' : 'Tap to speak';\n    }\n  }\n\n  private _getMicIcon() {\n    if (this._state === 'processing') {\n      return html`<svg class=\"spinner\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 11-6.219-8.56\"/></svg>`;\n    }\n    if (this._state === 'error') {\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"/></svg>`;\n    }\n    if (this._state === 'unsupported') {\n      return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"/></svg>`;\n    }\n    return html`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"1\" width=\"6\" height=\"11\" rx=\"3\"/><path d=\"M19 10v2a7 7 0 01-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/></svg>`;\n  }\n\n  override render() {\n    const isUnsupported = this._state === 'unsupported';\n\n    return html`\n      <div class=\"panel\" role=\"region\" aria-label=\"Voice input\">\n        <span class=\"state-label ${this._state}\">${this._getStateLabel()}</span>\n\n        <div class=\"mic-area ${this._state}\">\n          <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n          <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n          <div class=\"pulse-ring\" aria-hidden=\"true\"></div>\n          <button class=\"mic-btn ${this._state}\"\n            ?disabled=${isUnsupported}\n            aria-label=\"${this._state === 'listening' ? 'Stop recording' : 'Start recording'}\"\n            aria-pressed=\"${this._state === 'listening' ? 'true' : 'false'}\"\n            @click=${this.pushToTalk ? undefined : this._handleMicClick}\n            @pointerdown=${this._handlePointerDown}\n            @pointerup=${this._handlePointerUp}\n            @pointercancel=${this._handlePointerUp}\n            @pointerleave=${this._handlePointerUp}\n            @keydown=${this._handleKeyDown}\n            @keyup=${this._handleKeyUp}>\n            ${this._getMicIcon()}\n          </button>\n        </div>\n\n        <div class=\"transcript-area\">\n          ${this._state === 'error' && this._errorMessage\n            ? html`<div class=\"error-msg\" role=\"alert\">${this._errorMessage}</div>`\n            : nothing}\n          ${isUnsupported\n            ? html`<div class=\"unsupported-msg\">Speech recognition is not supported in this browser. Try Chrome or Edge.</div>`\n            : nothing}\n          ${this._transcript\n            ? html`<div class=\"transcript\">${this._transcript}</div>`\n            : nothing}\n          ${this._interimTranscript\n            ? html`<div class=\"interim\" aria-live=\"polite\">${this._interimTranscript}</div>`\n            : nothing}\n        </div>\n\n        ${this.language && !isUnsupported\n          ? html`<cg-badge variant=\"neutral\" label=${this.language} size=\"sm\" rounded=\"full\"></cg-badge>`\n          : nothing}\n\n        ${this.pushToTalk && !isUnsupported\n          ? html`<span class=\"ptt-hint\" id=\"ptt-hint\">Hold spacebar or mic button to talk</span>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],"names":["SpeechRecognitionImpl","AiVoicePanel","LitElement","recognition","event","interim","final","i","result","msg","e","html","isUnsupported","nothing","hostBlock","reducedMotion","fadeInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/ai-webhook-config/ai-webhook-config.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from 'lit';
+export interface WebhookDelivery {
+    /** HTTP status code from the last delivery attempt. */
+    status: number;
+    /** ISO date or epoch ms of the last attempt. */
+    at: string | number;
+    /** Number of retries that preceded the final result. */
+    retries?: number;
+}
+export interface WebhookEntry {
+    id: string;
+    url: string;
+    events: string[];
+    active: boolean;
+    /** Stripe / Svix-style: most recent delivery result. */
+    lastDelivery?: WebhookDelivery;
+    /** Auto-disabled after consecutive failures. */
+    disabled?: boolean;
+    /** @deprecated use lastDelivery instead */
+    lastTriggered?: string;
+}
+export declare class AiWebhookConfig extends LitElement {
+    static styles: import('lit').CSSResult[];
+    webhooks: WebhookEntry[];
+    availableEvents: string[];
+    private _showForm;
+    private _newUrl;
+    private _selectedEvents;
+    private _urlError;
+    private _toggleForm;
+    private _onUrlInput;
+    private _toggleEvent;
+    private _onCreate;
+    private _onToggle;
+    private _onDelete;
+    private _onTest;
+    private _deliveryVariant;
+    private _relativeTime;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-webhook-config': AiWebhookConfig;
+    }
+}
+//# sourceMappingURL=ai-webhook-config.d.ts.map

package/dist/components/ai-webhook-config/ai-webhook-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-webhook-config.d.ts","sourceRoot":"","sources":["../../../src/components/ai-webhook-config/ai-webhook-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAuInB;IAEwB,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,eAAe,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,SAAS,CAAM;IAIhC,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,OAAO;IASf,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,aAAa;IAiBZ,MAAM;CAgHhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}