@cognivo/components 0.8.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-diff-panel.js","sources":["../../../src/components/ai-diff-panel/ai-diff-panel.ts"],"sourcesContent":["/**\n * @element ai-diff-panel\n * Side-by-side or inline text diff view with additions, removals, and change statistics bar.\n *\n * @example\n * ```html\n * <ai-diff-panel\n *   beforeCode=\"The quick brown fox\"\n *   afterCode=\"The fast brown fox jumps\"\n *   mode=\"side-by-side\"\n *   .labels=${['Original','Revised']}\n * ></ai-diff-panel>\n * ```\n *\n * @fires {CustomEvent<{line: DiffLine}>} ai-diff-select - Diff line clicked\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\n\ninterface DiffLine {\n  type: 'add' | 'remove' | 'unchanged';\n  content: string;\n  lineNum: { before?: number; after?: number };\n}\n\n@customElement('ai-diff-panel')\nexport class AiDiffPanel 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\n    .panel {\n      background: var(--cg-color-code-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-code-border);\n      border-radius: var(--cg-component-card-radius);\n      overflow: hidden;\n      transition:\n        border-color var(--cg-transition-duration-default) var(--cg-transition-easing-default),\n        box-shadow var(--cg-transition-duration-default) var(--cg-transition-easing-default);\n    }\n    .panel:hover {\n      border-color: var(--cg-color-code-muted);\n    }\n\n    /* Header */\n    .header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      border-bottom: var(--cg-border-width-50) solid var(--cg-color-code-border);\n    }\n    .title {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-semibold);\n      color: var(--cg-color-surface-base-text);\n    }\n    .mode-toggle {\n      display: flex;\n      gap: var(--cg-spacing-2);\n      background: var(--cg-color-code-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-code-border);\n      border-radius: var(--cg-border-radius-100);\n      padding: var(--cg-spacing-2);\n    }\n    .mode-btn {\n      padding: var(--cg-spacing-4) var(--cg-spacing-12);\n      border: none;\n      border-radius: var(--cg-border-radius-50);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      cursor: pointer;\n      background: none;\n      color: var(--cg-color-input-text-placeholder);\n      font-family: inherit;\n      transition:\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .mode-btn.active {\n      background: var(--cg-color-code-border);\n      color: var(--cg-color-code-text);\n    }\n\n    /* Stats bar */\n    .stats {\n      display: flex;\n      gap: var(--cg-spacing-16);\n      padding: var(--cg-spacing-8) var(--cg-spacing-16);\n      border-bottom: var(--cg-border-width-50) solid var(--cg-color-code-border);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n    .stat-add { color: var(--cg-color-status-success-text-default); }\n    .stat-remove { color: var(--cg-color-status-error-text-default); }\n    .stat-unchanged { color: var(--cg-color-code-muted); }\n    .stats-bar {\n      display: flex;\n      height: var(--cg-spacing-4);\n      border-radius: var(--cg-border-radius-full);\n      overflow: hidden;\n      margin-left: auto;\n      width: var(--cg-spacing-80);\n    }\n    .stats-bar-add { background: var(--cg-color-status-success-text-default); }\n    .stats-bar-remove { background: var(--cg-color-status-error-text-default); }\n    .stats-bar-unchanged { background: var(--cg-color-code-border); }\n\n    /* Labels */\n    .labels {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 0;\n      border-bottom: var(--cg-border-width-50) solid var(--cg-color-code-border);\n    }\n    .label-item {\n      padding: var(--cg-spacing-6) var(--cg-spacing-16);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      color: var(--cg-color-input-text-placeholder);\n      text-transform: uppercase;\n      letter-spacing: var(--cg-letter-spacing-wide);\n    }\n    .label-item:first-child { border-right: var(--cg-border-width-50) solid var(--cg-color-code-border); }\n\n    /* Side-by-side */\n    .side-by-side {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      max-height: var(--cg-spacing-256);\n      overflow-y: auto;\n    }\n    .side {\n      font-family: var(--cg-font-family-mono);\n      font-size: var(--cg-font-size-xs);\n      line-height: var(--cg-line-height-relaxed);\n    }\n    .side:first-child { border-right: var(--cg-border-width-50) solid var(--cg-color-code-border); }\n\n    .diff-line {\n      display: flex;\n      padding: var(--cg-spacing-1) var(--cg-spacing-12);\n      min-height: var(--cg-spacing-20);\n    }\n    .line-num {\n      width: var(--cg-spacing-32);\n      flex-shrink: 0;\n      color: var(--cg-color-code-muted);\n      text-align: right;\n      padding-right: var(--cg-spacing-8);\n      user-select: none;\n    }\n    .line-sign {\n      width: var(--cg-spacing-16);\n      flex-shrink: 0;\n      text-align: center;\n      font-weight: var(--cg-font-weight-bold);\n      user-select: none;\n    }\n    .line-content {\n      flex: 1;\n      white-space: pre-wrap;\n      word-break: break-all;\n      color: var(--cg-color-code-text);\n    }\n\n    .diff-line.add { background: var(--cg-color-status-success-background-default); }\n    .diff-line.add .line-sign { color: var(--cg-color-status-success-text-default); }\n    .diff-line.add .line-content { color: var(--cg-color-status-success-text-default); }\n    .diff-line.remove { background: var(--cg-color-status-error-background-default); }\n    .diff-line.remove .line-sign { color: var(--cg-color-status-error-text-default); }\n    .diff-line.remove .line-content { color: var(--cg-color-status-error-text-default); }\n    .diff-line.unchanged .line-content { color: var(--cg-color-code-muted); }\n    .diff-line.empty { background: var(--cg-color-code-background); }\n\n    /* Inline mode */\n    .inline-diff {\n      font-family: var(--cg-font-family-mono);\n      font-size: var(--cg-font-size-xs);\n      line-height: var(--cg-line-height-relaxed);\n      max-height: var(--cg-spacing-256);\n      overflow-y: auto;\n    }\n    .diff-line:hover {\n      opacity: 0.85;\n    }\n    .inline-diff .diff-line .prefix {\n      width: var(--cg-spacing-20);\n      flex-shrink: 0;\n      text-align: center;\n      font-weight: var(--cg-font-weight-bold);\n    }\n    .inline-diff .add .prefix { color: var(--cg-color-status-success-text-default); }\n    .inline-diff .remove .prefix { color: var(--cg-color-status-error-text-default); }\n\n    /* Empty */\n    .empty {\n      padding: var(--cg-spacing-24);\n      text-align: center;\n      color: var(--cg-color-input-text-placeholder);\n      font-size: var(--cg-font-size-sm);\n    }\n\n    :focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-border-width-300) var(--cg-overlay-accent-strong);\n    }\n  `];\n  /** Text content before changes */\n  @property({ type: String }) beforeCode: string = '';\n\n  /** Text content after changes */\n  @property({ type: String }) afterCode: string = '';\n\n  /** Display mode */\n  @property({ type: String }) mode: 'side-by-side' | 'inline' = 'side-by-side';\n\n  /** Panel title */\n  @property({ type: String }) override title: string = 'Comparison';\n\n  /** Column labels [before, after] */\n  @property({ type: Array }) labels: [string, string] = ['Before', 'After'];\n\n  private _cachedDiff: DiffLine[] | null = null;\n  private _cachedBeforeCode: string = '';\n  private _cachedAfterCode: string = '';\n\n  /**\n   * Compute a line-level diff using the Longest Common Subsequence algorithm.\n   * This correctly handles duplicate lines (Set-based classification misclassifies them).\n   *\n   * Complexity: O(n*m) time and memory where n, m are the line counts of before/after.\n   * For realistic code diffs (< ~10k lines each side) this is fine. Pathological inputs\n   * (very large files with no shared structure) will grow quadratically — callers should\n   * chunk or pre-filter before reaching that regime.\n   */\n  private _computeDiff(): DiffLine[] {\n    if (this._cachedDiff && this._cachedBeforeCode === this.beforeCode && this._cachedAfterCode === this.afterCode) {\n      return this._cachedDiff;\n    }\n    this._cachedBeforeCode = this.beforeCode;\n    this._cachedAfterCode = this.afterCode;\n\n    // Empty-input fast paths — avoid allocating the LCS table when one side is empty.\n    // Note: ''.split('\\n') === [''], so we treat a truly empty string as zero lines,\n    // matching what a user would expect from \"no before / no after\".\n    const beforeLines = this.beforeCode === '' ? [] : this.beforeCode.split('\\n');\n    const afterLines = this.afterCode === '' ? [] : this.afterCode.split('\\n');\n\n    const n = beforeLines.length;\n    const m = afterLines.length;\n\n    if (n === 0 && m === 0) {\n      this._cachedDiff = [];\n      return this._cachedDiff;\n    }\n    if (n === 0) {\n      const result: DiffLine[] = afterLines.map((line, i) => ({\n        type: 'add', content: line, lineNum: { after: i + 1 },\n      }));\n      this._cachedDiff = result;\n      return result;\n    }\n    if (m === 0) {\n      const result: DiffLine[] = beforeLines.map((line, i) => ({\n        type: 'remove', content: line, lineNum: { before: i + 1 },\n      }));\n      this._cachedDiff = result;\n      return result;\n    }\n\n    // Build LCS table.\n    const lcs: number[][] = Array.from({ length: n + 1 }, () => new Array<number>(m + 1).fill(0));\n    for (let i = 1; i <= n; i++) {\n      for (let j = 1; j <= m; j++) {\n        if (beforeLines[i - 1] === afterLines[j - 1]) {\n          lcs[i]![j] = lcs[i - 1]![j - 1]! + 1;\n        } else {\n          lcs[i]![j] = Math.max(lcs[i - 1]![j]!, lcs[i]![j - 1]!);\n        }\n      }\n    }\n\n    // Backtrack to construct the diff.\n    const diff: DiffLine[] = [];\n    let i = n;\n    let j = m;\n    while (i > 0 || j > 0) {\n      if (i > 0 && j > 0 && beforeLines[i - 1] === afterLines[j - 1]) {\n        diff.unshift({ type: 'unchanged', content: beforeLines[i - 1]!, lineNum: { before: i, after: j } });\n        i--; j--;\n      } else if (j > 0 && (i === 0 || lcs[i]![j - 1]! >= lcs[i - 1]![j]!)) {\n        diff.unshift({ type: 'add', content: afterLines[j - 1]!, lineNum: { after: j } });\n        j--;\n      } else {\n        diff.unshift({ type: 'remove', content: beforeLines[i - 1]!, lineNum: { before: i } });\n        i--;\n      }\n    }\n\n    this._cachedDiff = diff;\n    return diff;\n  }\n\n  private get _stats() {\n    const diff = this._computeDiff();\n    let additions = 0, removals = 0, unchanged = 0;\n    for (const d of diff) {\n      if (d.type === 'add') additions++;\n      else if (d.type === 'remove') removals++;\n      else unchanged++;\n    }\n    return { additions, removals, unchanged };\n  }\n\n  private _handleLineClick(line: DiffLine) {\n    this.dispatchEvent(new CustomEvent('ai-diff-select', {\n      bubbles: true, composed: true,\n      detail: { type: line.type, content: line.content, lineNum: line.lineNum },\n    }));\n  }\n\n  private _handleLineKey(e: KeyboardEvent, line: DiffLine) {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this._handleLineClick(line);\n    }\n  }\n\n  private _lineAriaLabel(line: DiffLine): string {\n    const prefix = line.type === 'add' ? 'Added' : line.type === 'remove' ? 'Removed' : 'Unchanged';\n    const num = line.lineNum.before ?? line.lineNum.after ?? '';\n    return `${prefix} line ${num}: ${line.content}`;\n  }\n\n  private _renderSideBySide() {\n    const beforeLines = this.beforeCode.split('\\n');\n    const afterLines = this.afterCode.split('\\n');\n    const diff = this._computeDiff();\n\n    // Build parallel arrays\n    const left: (DiffLine | null)[] = [];\n    const right: (DiffLine | null)[] = [];\n\n    for (const d of diff) {\n      if (d.type === 'unchanged') { left.push(d); right.push(d); }\n      else if (d.type === 'remove') { left.push(d); right.push(null); }\n      else if (d.type === 'add') { left.push(null); right.push(d); }\n    }\n\n    // Compact: merge consecutive null entries\n    const maxLen = Math.max(left.length, right.length);\n\n    return html`\n      <div class=\"labels\">\n        <div class=\"label-item\">${this.labels[0]}</div>\n        <div class=\"label-item\">${this.labels[1]}</div>\n      </div>\n      <div class=\"side-by-side\">\n        <div class=\"side\" role=\"list\" aria-label=\"${this.labels[0]}\">\n          ${left.map(l => l ? html`\n            <div class=\"diff-line ${l.type}\"\n              role=\"listitem\"\n              tabindex=\"0\"\n              aria-label=${this._lineAriaLabel(l)}\n              @click=${() => this._handleLineClick(l)}\n              @keydown=${(e: KeyboardEvent) => this._handleLineKey(e, l)}>\n              <span class=\"line-num\" aria-hidden=\"true\">${l.lineNum.before ?? ''}</span>\n              <span class=\"line-sign\" aria-hidden=\"true\">${l.type === 'remove' ? '-' : ' '}</span>\n              <span class=\"line-content\">${l.content}</span>\n            </div>\n          ` : html`<div class=\"diff-line empty\" aria-hidden=\"true\"><span class=\"line-num\"></span><span class=\"line-sign\"></span><span class=\"line-content\"></span></div>`)}\n        </div>\n        <div class=\"side\" role=\"list\" aria-label=\"${this.labels[1]}\">\n          ${right.map(r => r ? html`\n            <div class=\"diff-line ${r.type}\"\n              role=\"listitem\"\n              tabindex=\"0\"\n              aria-label=${this._lineAriaLabel(r)}\n              @click=${() => this._handleLineClick(r)}\n              @keydown=${(e: KeyboardEvent) => this._handleLineKey(e, r)}>\n              <span class=\"line-num\" aria-hidden=\"true\">${r.lineNum.after ?? ''}</span>\n              <span class=\"line-sign\" aria-hidden=\"true\">${r.type === 'add' ? '+' : ' '}</span>\n              <span class=\"line-content\">${r.content}</span>\n            </div>\n          ` : html`<div class=\"diff-line empty\" aria-hidden=\"true\"><span class=\"line-num\"></span><span class=\"line-sign\"></span><span class=\"line-content\"></span></div>`)}\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderInline() {\n    const diff = this._computeDiff();\n    return html`\n      <div class=\"inline-diff\" role=\"list\" aria-label=\"${this.title}\">\n        ${diff.map(d => html`\n          <div class=\"diff-line ${d.type}\"\n            role=\"listitem\"\n            tabindex=\"0\"\n            aria-label=${this._lineAriaLabel(d)}\n            @click=${() => this._handleLineClick(d)}\n            @keydown=${(e: KeyboardEvent) => this._handleLineKey(e, d)}>\n            <span class=\"prefix\" aria-hidden=\"true\">${d.type === 'add' ? '+' : d.type === 'remove' ? '-' : ' '}</span>\n            <span class=\"line-num\" aria-hidden=\"true\">${d.lineNum.before ?? d.lineNum.after ?? ''}</span>\n            <span class=\"line-content\">${d.content}</span>\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  override render() {\n    if (!this.beforeCode && !this.afterCode) {\n      return html`<div class=\"panel\"><div class=\"empty\">No content to compare</div></div>`;\n    }\n\n    const stats = this._stats;\n\n    return html`\n      <div class=\"panel\" role=\"group\" aria-label=\"${this.title}\">\n        <div class=\"header\">\n          <span class=\"title\">${this.title}</span>\n          <div class=\"mode-toggle\">\n            <button class=\"mode-btn ${this.mode === 'side-by-side' ? 'active' : ''}\"\n              @click=${() => this.mode = 'side-by-side'}>Split</button>\n            <button class=\"mode-btn ${this.mode === 'inline' ? 'active' : ''}\"\n              @click=${() => this.mode = 'inline'}>Inline</button>\n          </div>\n        </div>\n        <div class=\"stats\">\n          <span class=\"stat-add\">+${stats.additions}</span>\n          <span class=\"stat-remove\">-${stats.removals}</span>\n          <span class=\"stat-unchanged\">${stats.unchanged} unchanged</span>\n          <div class=\"stats-bar\">\n            <div class=\"stats-bar-add\" style=\"flex:${stats.additions}\"></div>\n            <div class=\"stats-bar-remove\" style=\"flex:${stats.removals}\"></div>\n            <div class=\"stats-bar-unchanged\" style=\"flex:${stats.unchanged}\"></div>\n          </div>\n        </div>\n        ${this.mode === 'side-by-side' ? this._renderSideBySide() : this._renderInline()}\n      </div>\n    `;\n  }\n}\n"],"names":["AiDiffPanel","LitElement","beforeLines","afterLines","n","m","result","line","i","lcs","j","diff","additions","removals","unchanged","d","e","prefix","num","left","right","html","l","r","stats","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/ai-embedding-viz/ai-embedding-viz.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+interface EmbeddingPoint {
+    x: number;
+    y: number;
+    label: string;
+    cluster?: string;
+    color?: string;
+}
+export declare class AiEmbeddingViz extends LitElement {
+    static styles: import('lit').CSSResult[];
+    points: EmbeddingPoint[];
+    title: string;
+    showLabels: boolean;
+    private _hovered;
+    private _tooltipX;
+    private _tooltipY;
+    private _clusterColorMap;
+    private _getColor;
+    private _normalize;
+    private get _clusters();
+    private _handlePointClick;
+    private _handleHover;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-embedding-viz': AiEmbeddingViz;
+    }
+}
+export {};
+//# sourceMappingURL=ai-embedding-viz.d.ts.map

package/dist/components/ai-embedding-viz/ai-embedding-viz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-embedding-viz.d.ts","sourceRoot":"","sources":["../../../src/components/ai-embedding-viz/ai-embedding-viz.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAA2B,MAAM,KAAK,CAAC;AAI1D,UAAU,cAAc;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BA4GnB;IACwB,MAAM,EAAE,cAAc,EAAE,CAAM;IACpB,KAAK,SAA6B;IAC1C,UAAU,UAAS;IAEvC,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IAE/B,OAAO,CAAC,gBAAgB,CAA6B;IAErD,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,UAAU;IAsBlB,OAAO,KAAK,SAAS,GAMpB;IAED,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,YAAY;IASX,MAAM;CA8DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/ai-embedding-viz/ai-embedding-viz.js

@@ -0,0 +1,256 @@
+import { css as x, LitElement as y, html as d, nothing as g, svg as u } from "lit";
+import { property as p, state as h, customElement as $ } from "lit/decorators.js";
+import { h as w, r as z, f as C } from "../../chunks/premium.css-9I4kHrsl.js";
+var k = Object.defineProperty, M = Object.getOwnPropertyDescriptor, n = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? M(e, o) : e, s = t.length - 1, c; s >= 0; s--)
+    (c = t[s]) && (i = (r ? c(e, o, i) : c(i)) || i);
+  return r && i && k(e, o, i), i;
+};
+const f = [
+  "#dfff61",
+  "#3b82f6",
+  "#f472b6",
+  "#22c55e",
+  "#eab308",
+  "#a78bfa",
+  "#f97316",
+  "#06b6d4",
+  "#ef4444",
+  "#84cc16"
+];
+let a = class extends y {
+  constructor() {
+    super(...arguments), this.points = [], this.title = "Embedding Visualization", this.showLabels = !1, this._hovered = null, this._tooltipX = 0, this._tooltipY = 0, this._clusterColorMap = /* @__PURE__ */ new Map();
+  }
+  _getColor(t) {
+    if (t.color) return t.color;
+    if (!t.cluster) return "#dfff61";
+    if (!this._clusterColorMap.has(t.cluster)) {
+      const e = this._clusterColorMap.size % f.length;
+      this._clusterColorMap.set(t.cluster, f[e]);
+    }
+    return this._clusterColorMap.get(t.cluster);
+  }
+  _normalize() {
+    if (!this.points.length) return [];
+    const t = 30, e = 500 - t * 2, o = 300 - t * 2, r = this.points.map((l) => l.x), i = this.points.map((l) => l.y), s = Math.min(...r), c = Math.max(...r), v = Math.min(...i), b = Math.max(...i), m = c - s || 1, _ = b - v || 1;
+    return this.points.map((l) => ({
+      nx: t + (l.x - s) / m * e,
+      ny: t + (l.y - v) / _ * o,
+      point: l
+    }));
+  }
+  get _clusters() {
+    const t = /* @__PURE__ */ new Set();
+    for (const e of this.points)
+      e.cluster && t.add(e.cluster);
+    return [...t];
+  }
+  _handlePointClick(t) {
+    this.dispatchEvent(new CustomEvent("ai-embedding-point-click", {
+      detail: { label: t.label, x: t.x, y: t.y, cluster: t.cluster },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _handleHover(t, e) {
+    const o = t.currentTarget.closest(".chart-area")?.getBoundingClientRect();
+    o && (this._tooltipX = t.clientX - o.left, this._tooltipY = t.clientY - o.top), this._hovered = e;
+  }
+  render() {
+    if (!this.points.length)
+      return d`<div class="container"><div class="empty-state">No embedding data</div></div>`;
+    const t = this._normalize();
+    return this._clusterColorMap.clear(), d`
+      <div class="container" role="region" aria-label="${this.title}">
+        <div class="header">
+          <span class="title">${this.title}</span>
+          <span class="point-count">${this.points.length} points</span>
+        </div>
+
+        <div class="chart-area">
+          <svg viewBox="0 0 500 300" role="img" aria-label="Scatter plot of ${this.points.length} embedding points">
+            ${t.map(({ nx: e, ny: o, point: r }, i) => u`
+              <circle
+                class="point"
+                cx=${e}
+                cy=${o}
+                r="5"
+                fill=${this._getColor(r)}
+                opacity="0.8"
+                tabindex="0"
+                role="button"
+                aria-label="${r.label}${r.cluster ? `, cluster: ${r.cluster}` : ""}"
+                @click=${() => this._handlePointClick(r)}
+                @mouseenter=${(s) => this._handleHover(s, r)}
+                @mouseleave=${() => {
+      this._hovered = null;
+    }}
+                @keydown=${(s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this._handlePointClick(r));
+    }}
+              />
+              ${this.showLabels ? u`
+                <text class="point-label" x=${e + 8} y=${o + 3}>${r.label}</text>
+              ` : g}
+            `)}
+          </svg>
+
+          ${this._hovered ? d`
+            <div class="tooltip" style="left:${this._tooltipX}px;top:${this._tooltipY}px">
+              ${this._hovered.label}${this._hovered.cluster ? ` (${this._hovered.cluster})` : ""}
+            </div>
+          ` : g}
+        </div>
+
+        ${this._clusters.length > 0 ? d`
+          <div class="legend" role="list" aria-label="Cluster legend">
+            ${this._clusters.map((e) => {
+      const o = this._getColor({ x: 0, y: 0, label: "", cluster: e });
+      return d`
+                <div class="legend-item" role="listitem">
+                  <div class="legend-dot" style="background:${o}"></div>
+                  ${e}
+                </div>
+              `;
+    })}
+          </div>
+        ` : g}
+      </div>
+    `;
+  }
+};
+a.styles = [w, z, C, x`
+    :host {
+      animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-ease-out) both;
+    }
+    :host([hidden]) { display: none; }
+
+    .container {
+      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);
+      padding: var(--cg-spacing-16);
+      color: var(--cg-color-surface-base-text);
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: var(--cg-spacing-12);
+    }
+
+    .title {
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-semibold);
+    }
+
+    .point-count {
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+    }
+
+    .chart-area {
+      position: relative;
+      background: var(--cg-color-surface-base-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      border-radius: var(--cg-border-radius-100);
+      overflow: hidden;
+    }
+
+    svg {
+      display: block;
+      width: 100%;
+      height: var(200px);
+    }
+
+    .point {
+      cursor: pointer;
+      transition: r var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .point:hover { r: 7; }
+    .point:focus-visible {
+      outline: 2px solid var(--cg-overlay-accent-strong);
+      outline-offset: var(--cg-outline-offset-default);
+    }
+
+    .point-label {
+      font-size: var(--cg-font-size-xs);
+      fill: var(--cg-color-input-text-placeholder);
+      pointer-events: none;
+    }
+
+    .tooltip {
+      position: absolute;
+      background: var(--cg-color-surface-base-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      color: var(--cg-color-surface-base-text);
+      font-size: var(--cg-font-size-xs);
+      padding: var(--cg-spacing-6) var(--cg-spacing-8);
+      border-radius: var(--cg-border-radius-100);
+      white-space: nowrap;
+      pointer-events: none;
+      z-index: 10;
+      transform: translate(-50%, -100%);
+      margin-top: calc(-1 * var(--cg-spacing-8);
+    }
+
+    .legend {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--cg-spacing-8);
+      margin-top: var(--cg-spacing-8);
+    }
+
+    .legend-item {
+      display: flex;
+      align-items: center;
+      gap: var(--cg-spacing-4);
+      font-size: var(--cg-font-size-xs);
+      color: var(--cg-color-input-text-placeholder);
+    }
+
+    .legend-dot {
+      width: var(--cg-spacing-8);
+      height: var(--cg-spacing-8);
+      border-radius: 50%;
+    }
+
+    .empty-state {
+      text-align: center;
+      color: var(--cg-color-input-border-hover);
+      font-size: var(--cg-font-size-sm);
+      padding: var(--cg-spacing-24) 0;
+    }
+
+    .axis-label {
+      font-size: var(--cg-font-size-xs);
+      fill: var(--cg-color-input-border-hover);
+    }
+  `];
+n([
+  p({ type: Array })
+], a.prototype, "points", 2);
+n([
+  p({ type: String })
+], a.prototype, "title", 2);
+n([
+  p({ type: Boolean })
+], a.prototype, "showLabels", 2);
+n([
+  h()
+], a.prototype, "_hovered", 2);
+n([
+  h()
+], a.prototype, "_tooltipX", 2);
+n([
+  h()
+], a.prototype, "_tooltipY", 2);
+a = n([
+  $("ai-embedding-viz")
+], a);
+export {
+  a as AiEmbeddingViz
+};
+//# sourceMappingURL=ai-embedding-viz.js.map

package/dist/components/ai-embedding-viz/ai-embedding-viz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-embedding-viz.js","sources":["../../../src/components/ai-embedding-viz/ai-embedding-viz.ts"],"sourcesContent":["/**\n * @element ai-embedding-viz\n * 2D SVG scatter plot for visualizing vector embeddings with color-coded clusters and hover tooltips.\n *\n * @example\n * ```html\n * <ai-embedding-viz\n *   .points=${[\n *     {x:0.2, y:0.8, label:'cat', cluster:'animals'},\n *     {x:0.7, y:0.3, label:'car', cluster:'vehicles'}\n *   ]}\n *   title=\"Semantic Clusters\"\n *   showLabels\n * ></ai-embedding-viz>\n * ```\n *\n * @fires {CustomEvent<{point: EmbeddingPoint}>} ai-embedding-point-click - Point clicked\n */\nimport { LitElement, html, css, nothing, svg } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\n\ninterface EmbeddingPoint {\n  x: number;\n  y: number;\n  label: string;\n  cluster?: string;\n  color?: string;\n}\n\nconst CLUSTER_COLORS = [\n  '#dfff61', '#3b82f6', '#f472b6', '#22c55e', '#eab308',\n  '#a78bfa', '#f97316', '#06b6d4', '#ef4444', '#84cc16',\n];\n\n@customElement('ai-embedding-viz')\nexport class AiEmbeddingViz 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    .container {\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      padding: var(--cg-spacing-16);\n      color: var(--cg-color-surface-base-text);\n    }\n\n    .header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: var(--cg-spacing-12);\n    }\n\n    .title {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n\n    .point-count {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    .chart-area {\n      position: relative;\n      background: var(--cg-color-surface-base-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-100);\n      overflow: hidden;\n    }\n\n    svg {\n      display: block;\n      width: 100%;\n      height: var(200px);\n    }\n\n    .point {\n      cursor: pointer;\n      transition: r var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .point:hover { r: 7; }\n    .point:focus-visible {\n      outline: 2px solid var(--cg-overlay-accent-strong);\n      outline-offset: var(--cg-outline-offset-default);\n    }\n\n    .point-label {\n      font-size: var(--cg-font-size-xs);\n      fill: var(--cg-color-input-text-placeholder);\n      pointer-events: none;\n    }\n\n    .tooltip {\n      position: absolute;\n      background: var(--cg-color-surface-base-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      color: var(--cg-color-surface-base-text);\n      font-size: var(--cg-font-size-xs);\n      padding: var(--cg-spacing-6) var(--cg-spacing-8);\n      border-radius: var(--cg-border-radius-100);\n      white-space: nowrap;\n      pointer-events: none;\n      z-index: 10;\n      transform: translate(-50%, -100%);\n      margin-top: calc(-1 * var(--cg-spacing-8);\n    }\n\n    .legend {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--cg-spacing-8);\n      margin-top: var(--cg-spacing-8);\n    }\n\n    .legend-item {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    .legend-dot {\n      width: var(--cg-spacing-8);\n      height: var(--cg-spacing-8);\n      border-radius: 50%;\n    }\n\n    .empty-state {\n      text-align: center;\n      color: var(--cg-color-input-border-hover);\n      font-size: var(--cg-font-size-sm);\n      padding: var(--cg-spacing-24) 0;\n    }\n\n    .axis-label {\n      font-size: var(--cg-font-size-xs);\n      fill: var(--cg-color-input-border-hover);\n    }\n  `];\n  @property({ type: Array }) points: EmbeddingPoint[] = [];\n  @property({ type: String }) override title = 'Embedding Visualization';\n  @property({ type: Boolean }) showLabels = false;\n\n  @state() private _hovered: EmbeddingPoint | null = null;\n  @state() private _tooltipX = 0;\n  @state() private _tooltipY = 0;\n\n  private _clusterColorMap = new Map<string, string>();\n\n  private _getColor(point: EmbeddingPoint): string {\n    if (point.color) return point.color;\n    if (!point.cluster) return '#dfff61';\n\n    if (!this._clusterColorMap.has(point.cluster)) {\n      const idx = this._clusterColorMap.size % CLUSTER_COLORS.length;\n      this._clusterColorMap.set(point.cluster, CLUSTER_COLORS[idx]!);\n    }\n    return this._clusterColorMap.get(point.cluster)!;\n  }\n\n  private _normalize(): { nx: number; ny: number; point: EmbeddingPoint }[] {\n    if (!this.points.length) return [];\n    const margin = 30;\n    const w = 500 - margin * 2;\n    const h = 300 - margin * 2;\n\n    const xs = this.points.map(p => p.x);\n    const ys = this.points.map(p => p.y);\n    const minX = Math.min(...xs);\n    const maxX = Math.max(...xs);\n    const minY = Math.min(...ys);\n    const maxY = Math.max(...ys);\n    const rangeX = maxX - minX || 1;\n    const rangeY = maxY - minY || 1;\n\n    return this.points.map(p => ({\n      nx: margin + ((p.x - minX) / rangeX) * w,\n      ny: margin + ((p.y - minY) / rangeY) * h,\n      point: p,\n    }));\n  }\n\n  private get _clusters(): string[] {\n    const s = new Set<string>();\n    for (const p of this.points) {\n      if (p.cluster) s.add(p.cluster);\n    }\n    return [...s];\n  }\n\n  private _handlePointClick(point: EmbeddingPoint) {\n    this.dispatchEvent(new CustomEvent('ai-embedding-point-click', {\n      detail: { label: point.label, x: point.x, y: point.y, cluster: point.cluster },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleHover(e: MouseEvent, point: EmbeddingPoint) {\n    const rect = (e.currentTarget as SVGElement).closest('.chart-area')?.getBoundingClientRect();\n    if (rect) {\n      this._tooltipX = e.clientX - rect.left;\n      this._tooltipY = e.clientY - rect.top;\n    }\n    this._hovered = point;\n  }\n\n  override render() {\n    if (!this.points.length) {\n      return html`<div class=\"container\"><div class=\"empty-state\">No embedding data</div></div>`;\n    }\n\n    const normalized = this._normalize();\n    this._clusterColorMap.clear();\n\n    return html`\n      <div class=\"container\" role=\"region\" aria-label=\"${this.title}\">\n        <div class=\"header\">\n          <span class=\"title\">${this.title}</span>\n          <span class=\"point-count\">${this.points.length} points</span>\n        </div>\n\n        <div class=\"chart-area\">\n          <svg viewBox=\"0 0 500 300\" role=\"img\" aria-label=\"Scatter plot of ${this.points.length} embedding points\">\n            ${normalized.map(({ nx, ny, point }, i) => svg`\n              <circle\n                class=\"point\"\n                cx=${nx}\n                cy=${ny}\n                r=\"5\"\n                fill=${this._getColor(point)}\n                opacity=\"0.8\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=\"${point.label}${point.cluster ? `, cluster: ${point.cluster}` : ''}\"\n                @click=${() => this._handlePointClick(point)}\n                @mouseenter=${(e: MouseEvent) => this._handleHover(e, point)}\n                @mouseleave=${() => { this._hovered = null; }}\n                @keydown=${(e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this._handlePointClick(point); } }}\n              />\n              ${this.showLabels ? svg`\n                <text class=\"point-label\" x=${nx + 8} y=${ny + 3}>${point.label}</text>\n              ` : nothing}\n            `)}\n          </svg>\n\n          ${this._hovered ? html`\n            <div class=\"tooltip\" style=\"left:${this._tooltipX}px;top:${this._tooltipY}px\">\n              ${this._hovered.label}${this._hovered.cluster ? ` (${this._hovered.cluster})` : ''}\n            </div>\n          ` : nothing}\n        </div>\n\n        ${this._clusters.length > 0 ? html`\n          <div class=\"legend\" role=\"list\" aria-label=\"Cluster legend\">\n            ${this._clusters.map(c => {\n              const color = this._getColor({ x: 0, y: 0, label: '', cluster: c });\n              return html`\n                <div class=\"legend-item\" role=\"listitem\">\n                  <div class=\"legend-dot\" style=\"background:${color}\"></div>\n                  ${c}\n                </div>\n              `;\n            })}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-embedding-viz': AiEmbeddingViz;\n  }\n}\n"],"names":["CLUSTER_COLORS","AiEmbeddingViz","LitElement","point","idx","margin","w","h","xs","p","ys","minX","maxX","minY","maxY","rangeX","rangeY","s","e","rect","html","normalized","nx","ny","svg","nothing","c","color","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/ai-empty-state/ai-empty-state.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class AiEmptyState extends LitElement {
+    static styles: import('lit').CSSResult[];
+    icon: string;
+    title: string;
+    description: string;
+    actionLabel: string;
+    variant: 'default' | 'error' | 'search' | 'ai';
+    connectedCallback(): void;
+    private _handleAction;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-empty-state': AiEmptyState;
+    }
+}
+//# sourceMappingURL=ai-empty-state.d.ts.map

package/dist/components/ai-empty-state/ai-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/ai-empty-state/ai-empty-state.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AAInC,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAwD;IAElD,IAAI,SAAM;IACD,KAAK,SAAsB;IACpC,WAAW,SAAM;IACU,WAAW,SAAM;IAC7B,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAa;IAE7F,iBAAiB;IAY1B,OAAO,CAAC,aAAa,CAEnB;IAEO,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/ai-empty-state/ai-empty-state.js

@@ -0,0 +1,58 @@
+import { css as y, LitElement as d, nothing as h, html as c } from "lit";
+import { property as o, customElement as u } from "lit/decorators.js";
+import { unsafeHTML as v } from "lit/directives/unsafe-html.js";
+import { h as b } from "../../chunks/premium.css-9I4kHrsl.js";
+import "../cg-empty-state/cg-empty-state.js";
+import "../cg-button/cg-button.js";
+var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (l, r, s, n) => {
+  for (var e = n > 1 ? void 0 : n ? g(r, s) : r, a = l.length - 1, p; a >= 0; a--)
+    (p = l[a]) && (e = (n ? p(r, s, e) : p(e)) || e);
+  return n && e && f(r, s, e), e;
+};
+let m = !1, t = class extends d {
+  constructor() {
+    super(...arguments), this.icon = "", this.title = "Nothing here yet", this.description = "", this.actionLabel = "", this.variant = "default", this._handleAction = () => {
+      this.dispatchEvent(new CustomEvent("ai-empty-action", { bubbles: !0, composed: !0 }));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), m || (m = !0, console.warn(
+      '[cognivo] <ai-empty-state> is deprecated. Use <cg-empty-state variant="ai"> directly. This shim will be removed in v0.6.0.'
+    ));
+  }
+  render() {
+    return c`
+      <cg-empty-state
+        variant=${this.variant}
+        title=${this.title}
+        description=${this.description}
+      >
+        ${this.icon ? c`<span slot="icon">${v(this.icon)}</span>` : h}
+        ${this.actionLabel ? c`<cg-button slot="actions" variant="primary" @click=${this._handleAction}>${this.actionLabel}</cg-button>` : h}
+      </cg-empty-state>
+    `;
+  }
+};
+t.styles = [b, y`:host([hidden]) { display: none; }`];
+i([
+  o({ type: String })
+], t.prototype, "icon", 2);
+i([
+  o({ type: String })
+], t.prototype, "title", 2);
+i([
+  o({ type: String })
+], t.prototype, "description", 2);
+i([
+  o({ type: String, attribute: "action-label" })
+], t.prototype, "actionLabel", 2);
+i([
+  o({ type: String, reflect: !0 })
+], t.prototype, "variant", 2);
+t = i([
+  u("ai-empty-state")
+], t);
+export {
+  t as AiEmptyState
+};
+//# sourceMappingURL=ai-empty-state.js.map

package/dist/components/ai-empty-state/ai-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-empty-state.js","sources":["../../../src/components/ai-empty-state/ai-empty-state.ts"],"sourcesContent":["/**\n * @element ai-empty-state\n * @deprecated Use `<cg-empty-state variant=\"ai\">` directly. This element is now a thin\n * forwarding shim around `cg-empty-state` for backwards compatibility and will be\n * removed in v0.6.0.\n *\n * Migration:\n * ```html\n * <!-- Before -->\n * <ai-empty-state variant=\"ai\" title=\"No insights\" action-label=\"Run\">…</ai-empty-state>\n *\n * <!-- After -->\n * <cg-empty-state variant=\"ai\" title=\"No insights\">\n *   <cg-button slot=\"actions\">Run</cg-button>\n * </cg-empty-state>\n * ```\n *\n * @fires {CustomEvent} ai-empty-action - Action button clicked (legacy event, preserved)\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { hostBlock } from '../../styles/index.js';\nimport '../cg-empty-state/cg-empty-state.js';\nimport '../cg-button/cg-button.js';\n\nlet warned = false;\n\n@customElement('ai-empty-state')\nexport class AiEmptyState extends LitElement {\n  static override styles = [hostBlock, css`:host([hidden]) { display: none; }`];\n\n  @property({ type: String }) icon = '';\n  @property({ type: String }) override title = 'Nothing here yet';\n  @property({ type: String }) description = '';\n  @property({ type: String, attribute: 'action-label' }) actionLabel = '';\n  @property({ type: String, reflect: true }) variant: 'default' | 'error' | 'search' | 'ai' = 'default';\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-empty-state> is deprecated. Use <cg-empty-state variant=\"ai\"> directly. ' +\n          'This shim will be removed in v0.6.0.',\n      );\n    }\n  }\n\n  private _handleAction = () => {\n    this.dispatchEvent(new CustomEvent('ai-empty-action', { bubbles: true, composed: true }));\n  };\n\n  override render() {\n    return html`\n      <cg-empty-state\n        variant=${this.variant}\n        title=${this.title}\n        description=${this.description}\n      >\n        ${this.icon\n          ? html`<span slot=\"icon\">${unsafeHTML(this.icon)}</span>`\n          : nothing}\n        ${this.actionLabel\n          ? html`<cg-button slot=\"actions\" variant=\"primary\" @click=${this._handleAction}>${this.actionLabel}</cg-button>`\n          : nothing}\n      </cg-empty-state>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-empty-state': AiEmptyState;\n  }\n}\n"],"names":["warned","AiEmptyState","LitElement","html","unsafeHTML","nothing","hostBlock","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;;AA0BA,IAAIA,IAAS,IAGAC,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAGuB,KAAA,OAAO,IACP,KAAS,QAAQ,oBACjB,KAAA,cAAc,IACa,KAAA,cAAc,IAC1B,KAAA,UAAiD,WAc5F,KAAQ,gBAAgB,MAAM;AAC5B,WAAK,cAAc,IAAI,YAAY,mBAAmB,EAAE,SAAS,IAAM,UAAU,GAAA,CAAM,CAAC;AAAA,IAC1F;AAAA,EAAA;AAAA,EAdS,oBAAoB;AAC3B,UAAM,kBAAA,GACDF,MACHA,IAAS,IAET,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAIN;AAAA,EAMS,SAAS;AAChB,WAAOG;AAAA;AAAA,kBAEO,KAAK,OAAO;AAAA,gBACd,KAAK,KAAK;AAAA,sBACJ,KAAK,WAAW;AAAA;AAAA,UAE5B,KAAK,OACHA,sBAAyBC,EAAW,KAAK,IAAI,CAAC,YAC9CC,CAAO;AAAA,UACT,KAAK,cACHF,uDAA0D,KAAK,aAAa,IAAI,KAAK,WAAW,iBAChGE,CAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AAzCaJ,EACK,SAAS,CAACK,GAAWC,qCAAuC;AAEhDC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAHfR,EAGiB,WAAA,QAAA,CAAA;AACSO,EAAA;AAAA,EAApCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJfR,EAI0B,WAAA,SAAA,CAAA;AACTO,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GALfR,EAKiB,WAAA,eAAA,CAAA;AAC2BO,EAAA;AAAA,EAAtDC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAN1CR,EAM4C,WAAA,eAAA,CAAA;AACZO,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAP9BR,EAOgC,WAAA,WAAA,CAAA;AAPhCA,IAANO,EAAA;AAAA,EADNE,EAAc,gBAAgB;AAAA,GAClBT,CAAA;"}

package/dist/components/ai-error-boundary/ai-error-boundary.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, nothing } from 'lit';
+export declare class AiErrorBoundary extends LitElement {
+    static styles: import('lit').CSSResult[];
+    error: string;
+    code: string;
+    retryable: boolean;
+    details: string;
+    private _showDetails;
+    private _emit;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ai-error-boundary': AiErrorBoundary;
+    }
+}
+//# sourceMappingURL=ai-error-boundary.d.ts.map

package/dist/components/ai-error-boundary/ai-error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/ai-error-boundary/ai-error-boundary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAIrD,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAuInB;IACyB,KAAK,SAAM;IACX,IAAI,SAAM;IACT,SAAS,UAAQ;IAClB,OAAO,SAAM;IAEhC,OAAO,CAAC,YAAY,CAAS;IAEtC,OAAO,CAAC,KAAK;IAIJ,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}