@cognivo/components 0.8.0

package/dist/components/ai-audio-player/ai-audio-player.js

@@ -0,0 +1,274 @@
+import { css as h, LitElement as g, html as u } from "lit";
+import { property as l, state as c, customElement as p } from "lit/decorators.js";
+import { h as f, r as v, f as _ } from "../../chunks/premium.css-9I4kHrsl.js";
+var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (t, a, r, o) => {
+  for (var i = o > 1 ? void 0 : o ? m(a, r) : a, n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (i = (o ? d(a, r, i) : d(i)) || i);
+  return o && i && b(a, r, i), i;
+};
+let e = class extends g {
+  constructor() {
+    super(...arguments), this.src = "", this.title = "Audio", this.duration = 0, this._playing = !1, this._currentTime = 0, this._loaded = !1, this._speed = 1, this._waveBars = [], this._audio = null, this._raf = 0, this._speeds = [1, 1.5, 2], this._tick = () => {
+      this._audio && this._playing && (this._currentTime = this._audio.currentTime, this._raf = requestAnimationFrame(this._tick));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._waveBars = Array.from({ length: 40 }, () => 20 + Math.random() * 80), this._audio = new Audio(), this._audio.addEventListener("loadedmetadata", () => {
+      this._loaded = !0, this.duration || (this.duration = this._audio.duration);
+    }), this._audio.addEventListener("ended", () => {
+      this._playing = !1, this._currentTime = 0, cancelAnimationFrame(this._raf), this.dispatchEvent(new CustomEvent("ai-audio-end", { bubbles: !0, composed: !0 }));
+    }), this.src && (this._audio.src = this.src);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), cancelAnimationFrame(this._raf), this._audio?.pause(), this._audio = null;
+  }
+  updated(t) {
+    t.has("src") && this._audio && this.src && (this._audio.src = this.src, this._audio.load());
+  }
+  _togglePlay() {
+    this._audio && (this._playing ? (this._audio.pause(), this._playing = !1, cancelAnimationFrame(this._raf), this.dispatchEvent(new CustomEvent("ai-audio-pause", { bubbles: !0, composed: !0 }))) : (this._audio.play().catch(() => {
+      this._playing = !1;
+    }), this._playing = !0, this._raf = requestAnimationFrame(this._tick), this.dispatchEvent(new CustomEvent("ai-audio-play", { bubbles: !0, composed: !0 }))));
+  }
+  _seek(t) {
+    const r = t.currentTarget.getBoundingClientRect(), o = Math.max(0, Math.min(1, (t.clientX - r.left) / r.width)), i = this.duration || this._audio?.duration || 0;
+    this._audio && i && (this._audio.currentTime = o * i, this._currentTime = this._audio.currentTime);
+  }
+  _seekKeydown(t) {
+    const a = this.duration || this._audio?.duration || 0;
+    if (!this._audio || !a) return;
+    let r = !0;
+    switch (t.key) {
+      case "ArrowRight":
+        this._audio.currentTime = Math.min(a, this._audio.currentTime + 5);
+        break;
+      case "ArrowLeft":
+        this._audio.currentTime = Math.max(0, this._audio.currentTime - 5);
+        break;
+      case "Home":
+        this._audio.currentTime = 0;
+        break;
+      case "End":
+        this._audio.currentTime = a;
+        break;
+      default:
+        r = !1;
+    }
+    r && (t.preventDefault(), this._currentTime = this._audio.currentTime);
+  }
+  _cycleSpeed() {
+    const t = this._speeds.indexOf(this._speed);
+    this._speed = this._speeds[(t + 1) % this._speeds.length] ?? 1, this._audio && (this._audio.playbackRate = this._speed);
+  }
+  _fmt(t) {
+    const a = Math.floor(t / 60), r = Math.floor(t % 60);
+    return `${a}:${r.toString().padStart(2, "0")}`;
+  }
+  render() {
+    const t = this.duration || this._audio?.duration || 0, a = t > 0 ? this._currentTime / t * 100 : 0, r = t > 0 ? this._currentTime / t : 0;
+    return u`
+      <div class="player" role="region" aria-label="Audio player: ${this.title}">
+        <button
+          class="play-btn"
+          aria-label=${this._playing ? "Pause" : "Play"}
+          @click=${this._togglePlay}
+        >
+          <cg-icon name="${this._playing ? "pause" : "play"}" size="sm"></cg-icon>
+        </button>
+
+        <div class="content">
+          <div class="title-row">
+            <span class="title">${this.title}</span>
+            <span class="time">${this._fmt(this._currentTime)} / ${this._fmt(t)}</span>
+          </div>
+          <div class="waveform" aria-hidden="true">
+            ${this._waveBars.map((o, i) => {
+      const n = i / this._waveBars.length <= r;
+      return u`<span class="wave-bar ${n ? "past" : "future"}" style="height: ${o}%"></span>`;
+    })}
+          </div>
+          <div
+            class="progress-track"
+            role="slider"
+            tabindex="0"
+            aria-label="Seek"
+            aria-valuemin="0"
+            aria-valuemax=${Math.floor(t)}
+            aria-valuenow=${Math.floor(this._currentTime)}
+            @click=${this._seek}
+            @keydown=${this._seekKeydown}
+          >
+            <div class="progress-fill" style="width: ${a}%"></div>
+          </div>
+        </div>
+
+        <button class="speed-btn" aria-label="Playback speed" @click=${this._cycleSpeed}>
+          ${this._speed}x
+        </button>
+      </div>
+    `;
+  }
+};
+e.styles = [f, v, _, h`
+    :host {
+      animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-ease-out) both;
+    }
+    :host([hidden]) { display: none; }
+
+    .player {
+      display: flex;
+      align-items: center;
+      gap: var(--cg-spacing-12);
+      padding: var(--cg-spacing-12) var(--cg-spacing-16);
+      background: var(--cg-color-surface-container-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      border-radius: var(--cg-border-radius-150);
+    }
+
+    .play-btn {
+      width: var(--cg-spacing-40);
+      height: var(--cg-spacing-40);
+      border-radius: var(--cg-border-radius-full);
+      border: none;
+      background: var(--cg-color-action-primary-background-default);
+      color: var(--cg-color-action-primary-text-default);
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      padding: 0;
+      transition: transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .play-btn:hover { transform: scale(1.05); }
+    .play-btn:active { transform: scale(var(--cg-interaction-press-scale)); }
+    .play-btn:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);
+    }
+
+    .content {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: var(--cg-spacing-6);
+    }
+
+    .title-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .title {
+      color: var(--cg-color-surface-base-text);
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-semibold);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .time {
+      color: var(--cg-color-surface-container-outlined);
+      font-size: var(--cg-font-size-xs);
+      font-variant-numeric: tabular-nums;
+      flex-shrink: 0;
+    }
+
+    .waveform {
+      display: flex;
+      align-items: center;
+      gap: var(--cg-spacing-2);
+      height: var(--cg-spacing-24);
+    }
+
+    .wave-bar {
+      flex: 1;
+      min-width: var(--cg-spacing-2);
+      max-width: var(--cg-spacing-4);
+      border-radius: var(--cg-border-radius-full);
+      transition: background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .wave-bar.past {
+      background: var(--cg-color-action-primary-background-default);
+    }
+    .wave-bar.future {
+      background: var(--cg-color-surface-cards-border);
+    }
+
+    .progress-track {
+      width: 100%;
+      height: var(--cg-spacing-4);
+      background: var(--cg-color-surface-cards-border);
+      border-radius: var(--cg-border-radius-full);
+      cursor: pointer;
+      position: relative;
+    }
+    .progress-fill {
+      height: 100%;
+      background: var(--cg-color-action-primary-background-default);
+      border-radius: var(--cg-border-radius-full);
+      transition: width var(--cg-transition-duration-fast) var(--cg-transition-easing-linear);
+    }
+
+    .speed-btn {
+      background: none;
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      color: var(--cg-color-surface-container-outlined);
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      padding: var(--cg-spacing-4) var(--cg-spacing-8);
+      border-radius: var(--cg-border-radius-100);
+      cursor: pointer;
+      flex-shrink: 0;
+      font-family: inherit;
+      transition:
+        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .speed-btn:hover {
+      color: var(--cg-color-surface-base-text);
+      background: var(--cg-color-action-tertiary-background-hover);
+    }
+    .speed-btn:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .wave-bar { transition: none; }
+      .progress-fill { transition: none; }
+    }
+  `];
+s([
+  l({ type: String })
+], e.prototype, "src", 2);
+s([
+  l({ type: String })
+], e.prototype, "title", 2);
+s([
+  l({ type: Number })
+], e.prototype, "duration", 2);
+s([
+  c()
+], e.prototype, "_playing", 2);
+s([
+  c()
+], e.prototype, "_currentTime", 2);
+s([
+  c()
+], e.prototype, "_loaded", 2);
+s([
+  c()
+], e.prototype, "_speed", 2);
+s([
+  c()
+], e.prototype, "_waveBars", 2);
+e = s([
+  p("ai-audio-player")
+], e);
+export {
+  e as AiAudioPlayer
+};
+//# sourceMappingURL=ai-audio-player.js.map

package/dist/components/ai-audio-player/ai-audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-audio-player.js","sources":["../../../src/components/ai-audio-player/ai-audio-player.ts"],"sourcesContent":["/**\n * @element ai-audio-player\n * Audio player with decorative waveform visualization, progress seek bar, and speed control.\n *\n * @example\n * ```html\n * <ai-audio-player\n *   src=\"/audio/podcast-ep12.mp3\"\n *   title=\"Episode 12: AI Safety\"\n *   duration=\"1842\"\n * ></ai-audio-player>\n * ```\n *\n * @fires {CustomEvent} ai-audio-play - Playback started\n * @fires {CustomEvent} ai-audio-pause - Playback paused\n * @fires {CustomEvent} ai-audio-end - Playback reached the end\n *\n * @cssprop [--cg-brand-ai-accent=#dfff61] - Play button, waveform progress, and seek fill color\n */\nimport { LitElement, html, css } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\n\n@customElement('ai-audio-player')\nexport class AiAudioPlayer extends LitElement {\n  static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, css`\n    :host {\n      animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-ease-out) both;\n    }\n    :host([hidden]) { display: none; }\n\n    .player {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-12);\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      background: var(--cg-color-surface-container-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-150);\n    }\n\n    .play-btn {\n      width: var(--cg-spacing-40);\n      height: var(--cg-spacing-40);\n      border-radius: var(--cg-border-radius-full);\n      border: none;\n      background: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-text-default);\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      transition: transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .play-btn:hover { transform: scale(1.05); }\n    .play-btn:active { transform: scale(var(--cg-interaction-press-scale)); }\n    .play-btn:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);\n    }\n\n    .content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-6);\n    }\n\n    .title-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .title {\n      color: var(--cg-color-surface-base-text);\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-semibold);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .time {\n      color: var(--cg-color-surface-container-outlined);\n      font-size: var(--cg-font-size-xs);\n      font-variant-numeric: tabular-nums;\n      flex-shrink: 0;\n    }\n\n    .waveform {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-2);\n      height: var(--cg-spacing-24);\n    }\n\n    .wave-bar {\n      flex: 1;\n      min-width: var(--cg-spacing-2);\n      max-width: var(--cg-spacing-4);\n      border-radius: var(--cg-border-radius-full);\n      transition: background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .wave-bar.past {\n      background: var(--cg-color-action-primary-background-default);\n    }\n    .wave-bar.future {\n      background: var(--cg-color-surface-cards-border);\n    }\n\n    .progress-track {\n      width: 100%;\n      height: var(--cg-spacing-4);\n      background: var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-full);\n      cursor: pointer;\n      position: relative;\n    }\n    .progress-fill {\n      height: 100%;\n      background: var(--cg-color-action-primary-background-default);\n      border-radius: var(--cg-border-radius-full);\n      transition: width var(--cg-transition-duration-fast) var(--cg-transition-easing-linear);\n    }\n\n    .speed-btn {\n      background: none;\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      color: var(--cg-color-surface-container-outlined);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      padding: var(--cg-spacing-4) var(--cg-spacing-8);\n      border-radius: var(--cg-border-radius-100);\n      cursor: pointer;\n      flex-shrink: 0;\n      font-family: inherit;\n      transition:\n        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .speed-btn:hover {\n      color: var(--cg-color-surface-base-text);\n      background: var(--cg-color-action-tertiary-background-hover);\n    }\n    .speed-btn:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .wave-bar { transition: none; }\n      .progress-fill { transition: none; }\n    }\n  `];\n  @property({ type: String }) src = '';\n  @property({ type: String }) override title = 'Audio';\n  @property({ type: Number }) duration = 0;\n\n  @state() private _playing = false;\n  @state() private _currentTime = 0;\n  @state() private _loaded = false;\n  @state() private _speed = 1;\n  @state() private _waveBars: number[] = [];\n\n  private _audio: HTMLAudioElement | null = null;\n  private _raf = 0;\n  private _speeds = [1, 1.5, 2];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._waveBars = Array.from({ length: 40 }, () => 20 + Math.random() * 80);\n    this._audio = new Audio();\n    this._audio.addEventListener('loadedmetadata', () => {\n      this._loaded = true;\n      if (!this.duration) this.duration = this._audio!.duration;\n    });\n    this._audio.addEventListener('ended', () => {\n      this._playing = false;\n      this._currentTime = 0;\n      cancelAnimationFrame(this._raf);\n      this.dispatchEvent(new CustomEvent('ai-audio-end', { bubbles: true, composed: true }));\n    });\n    if (this.src) this._audio.src = this.src;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    cancelAnimationFrame(this._raf);\n    this._audio?.pause();\n    this._audio = null;\n  }\n\n  override updated(changed: Map<string, unknown>) {\n    if (changed.has('src') && this._audio && this.src) {\n      this._audio.src = this.src;\n      this._audio.load();\n    }\n  }\n\n  private _tick = () => {\n    if (this._audio && this._playing) {\n      this._currentTime = this._audio.currentTime;\n      this._raf = requestAnimationFrame(this._tick);\n    }\n  };\n\n  private _togglePlay() {\n    if (!this._audio) return;\n    if (this._playing) {\n      this._audio.pause();\n      this._playing = false;\n      cancelAnimationFrame(this._raf);\n      this.dispatchEvent(new CustomEvent('ai-audio-pause', { bubbles: true, composed: true }));\n    } else {\n      this._audio.play().catch(() => {\n        this._playing = false;\n      });\n      this._playing = true;\n      this._raf = requestAnimationFrame(this._tick);\n      this.dispatchEvent(new CustomEvent('ai-audio-play', { bubbles: true, composed: true }));\n    }\n  }\n\n  private _seek(e: MouseEvent) {\n    const track = e.currentTarget as HTMLElement;\n    const rect = track.getBoundingClientRect();\n    const pct = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));\n    const dur = this.duration || this._audio?.duration || 0;\n    if (this._audio && dur) {\n      this._audio.currentTime = pct * dur;\n      this._currentTime = this._audio.currentTime;\n    }\n  }\n\n  private _seekKeydown(e: KeyboardEvent) {\n    const dur = this.duration || this._audio?.duration || 0;\n    if (!this._audio || !dur) return;\n    let handled = true;\n    switch (e.key) {\n      case 'ArrowRight': this._audio.currentTime = Math.min(dur, this._audio.currentTime + 5); break;\n      case 'ArrowLeft': this._audio.currentTime = Math.max(0, this._audio.currentTime - 5); break;\n      case 'Home': this._audio.currentTime = 0; break;\n      case 'End': this._audio.currentTime = dur; break;\n      default: handled = false;\n    }\n    if (handled) {\n      e.preventDefault();\n      this._currentTime = this._audio.currentTime;\n    }\n  }\n\n  private _cycleSpeed() {\n    const idx = this._speeds.indexOf(this._speed);\n    this._speed = this._speeds[(idx + 1) % this._speeds.length] ?? 1;\n    if (this._audio) this._audio.playbackRate = this._speed;\n  }\n\n  private _fmt(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = Math.floor(sec % 60);\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n\n  override render() {\n    const dur = this.duration || this._audio?.duration || 0;\n    const pct = dur > 0 ? (this._currentTime / dur) * 100 : 0;\n    const barPct = dur > 0 ? this._currentTime / dur : 0;\n\n    return html`\n      <div class=\"player\" role=\"region\" aria-label=\"Audio player: ${this.title}\">\n        <button\n          class=\"play-btn\"\n          aria-label=${this._playing ? 'Pause' : 'Play'}\n          @click=${this._togglePlay}\n        >\n          <cg-icon name=\"${this._playing ? 'pause' : 'play'}\" size=\"sm\"></cg-icon>\n        </button>\n\n        <div class=\"content\">\n          <div class=\"title-row\">\n            <span class=\"title\">${this.title}</span>\n            <span class=\"time\">${this._fmt(this._currentTime)} / ${this._fmt(dur)}</span>\n          </div>\n          <div class=\"waveform\" aria-hidden=\"true\">\n            ${this._waveBars.map((h, i) => {\n              const past = i / this._waveBars.length <= barPct;\n              return html`<span class=\"wave-bar ${past ? 'past' : 'future'}\" style=\"height: ${h}%\"></span>`;\n            })}\n          </div>\n          <div\n            class=\"progress-track\"\n            role=\"slider\"\n            tabindex=\"0\"\n            aria-label=\"Seek\"\n            aria-valuemin=\"0\"\n            aria-valuemax=${Math.floor(dur)}\n            aria-valuenow=${Math.floor(this._currentTime)}\n            @click=${this._seek}\n            @keydown=${this._seekKeydown}\n          >\n            <div class=\"progress-fill\" style=\"width: ${pct}%\"></div>\n          </div>\n        </div>\n\n        <button class=\"speed-btn\" aria-label=\"Playback speed\" @click=${this._cycleSpeed}>\n          ${this._speed}x\n        </button>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-audio-player': AiAudioPlayer;\n  }\n}\n"],"names":["AiAudioPlayer","LitElement","changed","e","rect","pct","dur","handled","idx","sec","m","s","barPct","html","h","past","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/ai-avatar/ai-avatar.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class AiAvatar extends LitElement {
+    static styles: import('lit').CSSResult[];
+    src: string;
+    name: string;
+    size: 'sm' | 'md' | 'lg';
+    status: 'online' | 'away' | 'offline' | 'busy' | '';
+    type: 'user' | 'agent' | 'system';
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleClick;
+    private _handleKeydown;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-avatar': AiAvatar;
+    }
+}
+//# sourceMappingURL=ai-avatar.d.ts.map

package/dist/components/ai-avatar/ai-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ai-avatar/ai-avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,2BAA2B,CAAC;AAInC,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAanB;IAEyB,GAAG,SAAM;IACT,IAAI,SAAM;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,EAAE,CAAM;IACzD,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAU;IAE7E,iBAAiB;IAgBjB,oBAAoB;IAM7B,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,cAAc,CAKpB;IAEO,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/ai-avatar/ai-avatar.js

@@ -0,0 +1,77 @@
+import { css as p, LitElement as d, html as u } from "lit";
+import { property as i, customElement as v } from "lit/decorators.js";
+import { a as y } from "../../chunks/premium.css-9I4kHrsl.js";
+import "../cg-avatar/cg-avatar.js";
+var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, r = (s, a, o, n) => {
+  for (var t = n > 1 ? void 0 : n ? b(a, o) : a, c = s.length - 1, l; c >= 0; c--)
+    (l = s[c]) && (t = (n ? l(a, o, t) : l(t)) || t);
+  return n && t && m(a, o, t), t;
+};
+let h = !1, e = class extends d {
+  constructor() {
+    super(...arguments), this.src = "", this.name = "", this.size = "md", this.status = "", this.type = "user", this._handleClick = () => {
+      this.dispatchEvent(new CustomEvent("ai-avatar-click", {
+        detail: { name: this.name, type: this.type },
+        bubbles: !0,
+        composed: !0
+      }));
+    }, this._handleKeydown = (s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this._handleClick());
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("tabindex") || (this.tabIndex = 0), this.setAttribute("role", "button"), this.addEventListener("click", this._handleClick), this.addEventListener("keydown", this._handleKeydown), h || (h = !0, console.warn(
+      '[cognivo] <ai-avatar> is deprecated. Use <cg-avatar type="agent"> directly. This shim will be removed in v0.6.0.'
+    ));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("click", this._handleClick), this.removeEventListener("keydown", this._handleKeydown);
+  }
+  render() {
+    return u`
+      <cg-avatar
+        src=${this.src}
+        name=${this.name}
+        size=${this.size}
+        type=${this.type}
+        status=${this.status || ""}
+      ></cg-avatar>
+    `;
+  }
+};
+e.styles = [y, p`
+    :host {
+      display: inline-block;
+      cursor: pointer;
+    }
+    :host([hidden]) { display: none; }
+    :host(:hover) { transform: scale(1.05); }
+    :host(:active) { transform: scale(var(--cg-interaction-press-scale)); }
+    :host(:focus-visible) {
+      outline: none;
+      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);
+      border-radius: var(--cg-border-radius-full);
+    }
+  `];
+r([
+  i({ type: String })
+], e.prototype, "src", 2);
+r([
+  i({ type: String })
+], e.prototype, "name", 2);
+r([
+  i({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+r([
+  i({ type: String, reflect: !0 })
+], e.prototype, "status", 2);
+r([
+  i({ type: String, reflect: !0 })
+], e.prototype, "type", 2);
+e = r([
+  v("ai-avatar")
+], e);
+export {
+  e as AiAvatar
+};
+//# sourceMappingURL=ai-avatar.js.map

package/dist/components/ai-avatar/ai-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-avatar.js","sources":["../../../src/components/ai-avatar/ai-avatar.ts"],"sourcesContent":["/**\n * @element ai-avatar\n * @deprecated Use `<cg-avatar type=\"agent\">` directly. This element is now a thin\n * forwarding shim around `cg-avatar` for backwards compatibility and will be\n * removed in v0.6.0.\n *\n * Migration:\n * ```html\n * <!-- Before -->\n * <ai-avatar name=\"Claude\" type=\"agent\" status=\"busy\"></ai-avatar>\n *\n * <!-- After -->\n * <cg-avatar name=\"Claude\" type=\"agent\" status=\"busy\"></cg-avatar>\n * ```\n *\n * @fires {CustomEvent<{name: string, type: string}>} ai-avatar-click - Avatar clicked (legacy event, preserved)\n */\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBase } from '../../styles/index.js';\nimport '../cg-avatar/cg-avatar.js';\n\nlet warned = false;\n\n@customElement('ai-avatar')\nexport class AiAvatar extends LitElement {\n  static override styles = [hostBase, css`\n    :host {\n      display: inline-block;\n      cursor: pointer;\n    }\n    :host([hidden]) { display: none; }\n    :host(:hover) { transform: scale(1.05); }\n    :host(:active) { transform: scale(var(--cg-interaction-press-scale)); }\n    :host(:focus-visible) {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring);\n      border-radius: var(--cg-border-radius-full);\n    }\n  `];\n\n  @property({ type: String }) src = '';\n  @property({ type: String }) name = '';\n  @property({ type: String, reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n  @property({ type: String, reflect: true }) status: 'online' | 'away' | 'offline' | 'busy' | '' = '';\n  @property({ type: String, reflect: true }) type: 'user' | 'agent' | 'system' = 'user';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n    this.setAttribute('role', 'button');\n    this.addEventListener('click', this._handleClick);\n    this.addEventListener('keydown', this._handleKeydown);\n    if (!warned) {\n      warned = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        '[cognivo] <ai-avatar> is deprecated. Use <cg-avatar type=\"agent\"> directly. ' +\n          'This shim will be removed in v0.6.0.',\n      );\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this._handleClick);\n    this.removeEventListener('keydown', this._handleKeydown);\n  }\n\n  private _handleClick = () => {\n    this.dispatchEvent(new CustomEvent('ai-avatar-click', {\n      detail: { name: this.name, type: this.type },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  private _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._handleClick();\n    }\n  };\n\n  override render() {\n    return html`\n      <cg-avatar\n        src=${this.src}\n        name=${this.name}\n        size=${this.size}\n        type=${this.type}\n        status=${this.status || ''}\n      ></cg-avatar>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-avatar': AiAvatar;\n  }\n}\n"],"names":["warned","AiAvatar","LitElement","e","html","hostBase","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAsBA,IAAIA,IAAS,IAGAC,IAAN,cAAuBC,EAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA,GAgBuB,KAAA,MAAM,IACN,KAAA,OAAO,IACQ,KAAA,OAA2B,MAC3B,KAAA,SAAsD,IACtD,KAAA,OAAoC,QAwB/E,KAAQ,eAAe,MAAM;AAC3B,WAAK,cAAc,IAAI,YAAY,mBAAmB;AAAA,QACpD,QAAQ,EAAE,MAAM,KAAK,MAAM,MAAM,KAAK,KAAA;AAAA,QACtC,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX,CAAC;AAAA,IACJ,GAEA,KAAQ,iBAAiB,CAACC,MAAqB;AAC7C,OAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACF,KAAK,aAAA;AAAA,IAET;AAAA,EAAA;AAAA,EAnCS,oBAAoB;AAC3B,UAAM,kBAAA,GACD,KAAK,aAAa,UAAU,WAAQ,WAAW,IACpD,KAAK,aAAa,QAAQ,QAAQ,GAClC,KAAK,iBAAiB,SAAS,KAAK,YAAY,GAChD,KAAK,iBAAiB,WAAW,KAAK,cAAc,GAC/CH,MACHA,IAAS,IAET,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAIN;AAAA,EAES,uBAAuB;AAC9B,UAAM,qBAAA,GACN,KAAK,oBAAoB,SAAS,KAAK,YAAY,GACnD,KAAK,oBAAoB,WAAW,KAAK,cAAc;AAAA,EACzD;AAAA,EAiBS,SAAS;AAChB,WAAOI;AAAA;AAAA,cAEG,KAAK,GAAG;AAAA,eACP,KAAK,IAAI;AAAA,eACT,KAAK,IAAI;AAAA,eACT,KAAK,IAAI;AAAA,iBACP,KAAK,UAAU,EAAE;AAAA;AAAA;AAAA,EAGhC;AACF;AAtEaH,EACK,SAAS,CAACI,GAAUC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAanC;AAE2BC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBfP,EAgBiB,WAAA,OAAA,CAAA;AACAM,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjBfP,EAiBiB,WAAA,QAAA,CAAA;AACeM,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAlB9BP,EAkBgC,WAAA,QAAA,CAAA;AACAM,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAnB9BP,EAmBgC,WAAA,UAAA,CAAA;AACAM,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GApB9BP,EAoBgC,WAAA,QAAA,CAAA;AApBhCA,IAANM,EAAA;AAAA,EADNE,EAAc,WAAW;AAAA,GACbR,CAAA;"}

package/dist/components/ai-badge/ai-badge.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class AiBadge extends LitElement {
+    static styles: import('lit').CSSResult[];
+    score: number;
+    showPercentage: boolean;
+    size: 'sm' | 'md' | 'lg';
+    explanation: string;
+    history: number[];
+    highThreshold: number;
+    lowThreshold: number;
+    connectedCallback(): void;
+    private _onInnerClick;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-badge': AiBadge;
+    }
+}
+//# sourceMappingURL=ai-badge.d.ts.map

package/dist/components/ai-badge/ai-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ai-badge/ai-badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,+CAA+C,CAAC;AAIvD,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAAqD;IAE/C,KAAK,EAAE,MAAM,CAAQ;IACpB,cAAc,EAAE,OAAO,CAAQ;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC/C,WAAW,EAAE,MAAM,CAAM;IAC1B,OAAO,EAAE,MAAM,EAAE,CAAM;IACtB,aAAa,EAAE,MAAM,CAAO;IAC5B,YAAY,EAAE,MAAM,CAAO;IAE9C,iBAAiB;IAY1B,OAAO,CAAC,aAAa,CAKnB;IAEO,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/ai-badge/ai-badge.js

@@ -0,0 +1,69 @@
+import { css as p, LitElement as d, html as y } from "lit";
+import { property as r, customElement as g } from "lit/decorators.js";
+import { a as m } from "../../chunks/premium.css-9I4kHrsl.js";
+import "../ai-confidence-badge/ai-confidence-badge.js";
+var b = Object.defineProperty, u = Object.getOwnPropertyDescriptor, t = (i, s, n, h) => {
+  for (var o = h > 1 ? void 0 : h ? u(s, n) : s, a = i.length - 1, l; a >= 0; a--)
+    (l = i[a]) && (o = (h ? l(s, n, o) : l(o)) || o);
+  return h && o && b(s, n, o), o;
+};
+let c = !1, e = class extends d {
+  constructor() {
+    super(...arguments), this.score = 0.85, this.showPercentage = !0, this.size = "md", this.explanation = "", this.history = [], this.highThreshold = 0.8, this.lowThreshold = 0.5, this._onInnerClick = (i) => {
+      const s = i.detail;
+      this.dispatchEvent(new CustomEvent("ai-badge-click", {
+        bubbles: !0,
+        composed: !0,
+        detail: s
+      }));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), c || (c = !0, console.warn(
+      "[cognivo] <ai-badge> is deprecated. Use <ai-confidence-badge> directly. This shim will be removed in v0.6.0."
+    ));
+  }
+  render() {
+    return y`
+      <ai-confidence-badge
+        .score=${this.score}
+        .showPercentage=${this.showPercentage}
+        size=${this.size}
+        .explanation=${this.explanation}
+        .history=${this.history}
+        .highThreshold=${this.highThreshold}
+        .lowThreshold=${this.lowThreshold}
+        @ai-confidence-badge-click=${this._onInnerClick}
+      ></ai-confidence-badge>
+    `;
+  }
+};
+e.styles = [m, p`:host { display: inline-block; }`];
+t([
+  r({ type: Number })
+], e.prototype, "score", 2);
+t([
+  r({ type: Boolean })
+], e.prototype, "showPercentage", 2);
+t([
+  r({ type: String, reflect: !0 })
+], e.prototype, "size", 2);
+t([
+  r({ type: String })
+], e.prototype, "explanation", 2);
+t([
+  r({ type: Array })
+], e.prototype, "history", 2);
+t([
+  r({ type: Number })
+], e.prototype, "highThreshold", 2);
+t([
+  r({ type: Number })
+], e.prototype, "lowThreshold", 2);
+e = t([
+  g("ai-badge")
+], e);
+export {
+  e as AiBadge
+};
+//# sourceMappingURL=ai-badge.js.map

package/dist/components/ai-badge/ai-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-badge.js","sources":["../../../src/components/ai-badge/ai-badge.ts"],"sourcesContent":["/**\n * @element ai-badge\n * @deprecated Use `<ai-confidence-badge>` directly. The element was renamed to better\n * reflect that it visualizes AI model *confidence scores*, not generic status labels\n * (see `<cg-badge>` for status pills). This shim wraps the new element and re-fires\n * events under the legacy name; it will be removed in v0.6.0.\n *\n * Migration:\n * ```html\n * <!-- Before -->\n * <ai-badge score=\"0.92\" size=\"sm\"></ai-badge>\n *\n * <!-- After -->\n * <ai-confidence-badge score=\"0.92\" size=\"sm\"></ai-confidence-badge>\n * ```\n *\n * @fires {CustomEvent<{score: number, level: string}>} ai-badge-click - Badge clicked (legacy event, preserved)\n */\nimport { LitElement, html, css } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBase } from '../../styles/index.js';\nimport '../ai-confidence-badge/ai-confidence-badge.js';\n\nlet warned = false;\n\n@customElement('ai-badge')\nexport class AiBadge extends LitElement {\n  static override styles = [hostBase, css`:host { display: inline-block; }`];\n\n  @property({ type: Number }) score: number = 0.85;\n  @property({ type: Boolean }) showPercentage: boolean = true;\n  @property({ type: String, reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n  @property({ type: String }) explanation: string = '';\n  @property({ type: Array }) history: number[] = [];\n  @property({ type: Number }) highThreshold: number = 0.8;\n  @property({ type: Number }) lowThreshold: number = 0.5;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (!warned) {\n      warned = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        '[cognivo] <ai-badge> is deprecated. Use <ai-confidence-badge> directly. ' +\n          'This shim will be removed in v0.6.0.',\n      );\n    }\n  }\n\n  private _onInnerClick = (e: Event) => {\n    const detail = (e as CustomEvent).detail;\n    this.dispatchEvent(new CustomEvent('ai-badge-click', {\n      bubbles: true, composed: true, detail,\n    }));\n  };\n\n  override render() {\n    return html`\n      <ai-confidence-badge\n        .score=${this.score}\n        .showPercentage=${this.showPercentage}\n        size=${this.size}\n        .explanation=${this.explanation}\n        .history=${this.history}\n        .highThreshold=${this.highThreshold}\n        .lowThreshold=${this.lowThreshold}\n        @ai-confidence-badge-click=${this._onInnerClick}\n      ></ai-confidence-badge>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-badge': AiBadge;\n  }\n}\n"],"names":["warned","AiBadge","LitElement","e","detail","html","hostBase","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAuBA,IAAIA,IAAS,IAGAC,IAAN,cAAsBC,EAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA,GAGuB,KAAA,QAAgB,MACf,KAAA,iBAA0B,IACZ,KAAA,OAA2B,MAC1C,KAAA,cAAsB,IACvB,KAAA,UAAoB,CAAA,GACnB,KAAA,gBAAwB,KACxB,KAAA,eAAuB,KAcnD,KAAQ,gBAAgB,CAACC,MAAa;AACpC,YAAMC,IAAUD,EAAkB;AAClC,WAAK,cAAc,IAAI,YAAY,kBAAkB;AAAA,QACnD,SAAS;AAAA,QAAM,UAAU;AAAA,QAAM,QAAAC;AAAA,MAAA,CAChC,CAAC;AAAA,IACJ;AAAA,EAAA;AAAA,EAjBS,oBAAoB;AAC3B,UAAM,kBAAA,GACDJ,MACHA,IAAS,IAET,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAIN;AAAA,EASS,SAAS;AAChB,WAAOK;AAAA;AAAA,iBAEM,KAAK,KAAK;AAAA,0BACD,KAAK,cAAc;AAAA,eAC9B,KAAK,IAAI;AAAA,uBACD,KAAK,WAAW;AAAA,mBACpB,KAAK,OAAO;AAAA,yBACN,KAAK,aAAa;AAAA,wBACnB,KAAK,YAAY;AAAA,qCACJ,KAAK,aAAa;AAAA;AAAA;AAAA,EAGrD;AACF;AA5CaJ,EACK,SAAS,CAACK,GAAUC,mCAAqC;AAE7CC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAHfR,EAGiB,WAAA,SAAA,CAAA;AACCO,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAJhBR,EAIkB,WAAA,kBAAA,CAAA;AACcO,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAL9BR,EAKgC,WAAA,QAAA,CAAA;AACfO,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfR,EAMiB,WAAA,eAAA,CAAA;AACDO,EAAA;AAAA,EAA1BC,EAAS,EAAE,MAAM,MAAA,CAAO;AAAA,GAPdR,EAOgB,WAAA,WAAA,CAAA;AACCO,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARfR,EAQiB,WAAA,iBAAA,CAAA;AACAO,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfR,EASiB,WAAA,gBAAA,CAAA;AATjBA,IAANO,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZT,CAAA;"}

package/dist/components/ai-batch-progress/ai-batch-progress.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+export declare class AiBatchProgress extends LitElement {
+    static styles: import('lit').CSSResult[];
+    total: number;
+    completed: number;
+    failed: number;
+    heading: string;
+    status: 'running' | 'complete' | 'failed' | 'paused';
+    private get _pending();
+    private get _percent();
+    private get _successPercent();
+    private get _failPercent();
+    private _dispatch;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-batch-progress': AiBatchProgress;
+    }
+}
+//# sourceMappingURL=ai-batch-progress.d.ts.map

package/dist/components/ai-batch-progress/ai-batch-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-batch-progress.d.ts","sourceRoot":"","sources":["../../../src/components/ai-batch-progress/ai-batch-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAsLnB;IACyB,KAAK,SAAK;IACV,SAAS,SAAK;IACd,MAAM,SAAK;IACX,OAAO,SAAe;IACtB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAa;IAE7F,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,QAAQ,GAGnB;IAED,OAAO,KAAK,eAAe,GAG1B;IAED,OAAO,KAAK,YAAY,GAGvB;IAED,OAAO,CAAC,SAAS;IAQR,MAAM;CAiGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}