@cognivo/components 0.8.0 → 0.8.2

package/dist/components/ai-validation-checklist/ai-validation-checklist.d.ts

@@ -1,26 +1,16 @@
 import { LitElement } from 'lit';
-export type Severity = 'critical' | 'high' | 'medium' | 'low' | 'info';
 export interface ValidationCheck {
     id: string;
     label: string;
     description?: string;
     status: 'pending' | 'running' | 'pass' | 'fail' | 'warning' | 'skipped';
-    /** Optional severity classification — drives the colored side bar + badge. */
-    severity?: Severity;
-    /** Optional 0-100 score; renders as X% next to the status icon. */
-    score?: number;
 }
 export declare class AiValidationChecklist extends LitElement {
     static styles: import('lit').CSSResult[];
     checks: ValidationCheck[];
     title: string;
+    autoRun: boolean;
     loading: boolean;
-    /** Last-emitted "all settled" signature, used to avoid duplicate complete events. */
-    private _lastCompleteSig;
-    updated(changed: Map<string, unknown>): void;
-    /** All checks settled = no running and no pending. Fires `ai-validation-complete`
-        once per settle (deduped via signature). */
-    private _maybeFireComplete;
     private get _stats();
     private _onRun;
     private _onItemClick;

package/dist/components/ai-validation-checklist/ai-validation-checklist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-validation-checklist.d.ts","sourceRoot":"","sources":["../../../src/components/ai-validation-checklist/ai-validation-checklist.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AAErC,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACxE,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,4BAyLnB;IAE6B,MAAM,EAAE,eAAe,EAAE,CAAM;IAC1B,KAAK,SAAgB;IAC7B,OAAO,UAAS;IAE7C,qFAAqF;IAC5E,OAAO,CAAC,gBAAgB,CAAM;IAE9B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIrD;mDAC+C;IAC/C,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,KAAK,MAAM,GASjB;IAID,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;IAiBV,MAAM;CAgFhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}
+{"version":3,"file":"ai-validation-checklist.d.ts","sourceRoot":"","sources":["../../../src/components/ai-validation-checklist/ai-validation-checklist.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACzE;AAED,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,4BAkLnB;IAE6B,MAAM,EAAE,eAAe,EAAE,CAAM;IAC1B,KAAK,SAAgB;IAC7B,OAAO,UAAS;IAChB,OAAO,UAAS;IAE7C,OAAO,KAAK,MAAM,GASjB;IAED,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,WAAW;IAWV,MAAM;CA6DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}

package/dist/components/ai-validation-checklist/ai-validation-checklist.js

@@ -1,48 +1,19 @@
-import { css as p, LitElement as h, html as t, nothing as g } from "lit";
-import { property as u, state as v, customElement as m } from "lit/decorators.js";
-import { h as f, r as b, f as y } from "../../chunks/premium.css-9I4kHrsl.js";
-import "../cg-button/cg-button.js";
-import "../cg-spinner/cg-spinner.js";
-var w = Object.defineProperty, k = Object.getOwnPropertyDescriptor, d = (a, e, s, n) => {
-  for (var r = n > 1 ? void 0 : n ? k(e, s) : e, o = a.length - 1, l; o >= 0; o--)
-    (l = a[o]) && (r = (n ? l(e, s, r) : l(r)) || r);
-  return n && r && w(e, s, r), r;
+import { css as p, LitElement as v, html as e, nothing as u } from "lit";
+import { property as g, customElement as h } from "lit/decorators.js";
+import { h as m, r as f, c as b, f as y } from "../../chunks/premium.css-DHekUEUt.js";
+var k = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (a, i, s, r) => {
+  for (var t = r > 1 ? void 0 : r ? w(i, s) : i, o = a.length - 1, l; o >= 0; o--)
+    (l = a[o]) && (t = (r ? l(i, s, t) : l(t)) || t);
+  return r && t && k(i, s, t), t;
 };
-const x = {
-  critical: "Critical",
-  high: "High",
-  medium: "Medium",
-  low: "Low",
-  info: "Info"
-};
-let c = class extends h {
+let c = class extends v {
   constructor() {
-    super(...arguments), this.checks = [], this.title = "Validation", this.loading = !1, this._lastCompleteSig = "";
-  }
-  updated(a) {
-    a.has("checks") && this._maybeFireComplete();
+    super(...arguments), this.checks = [], this.title = "Validation", this.autoRun = !1, this.loading = !1;
   }
-  /** All checks settled = no running and no pending. Fires `ai-validation-complete`
-      once per settle (deduped via signature). */
-  _maybeFireComplete() {
-    const a = this._stats;
-    if (!(this.checks.length > 0 && a.running === 0 && a.pending === 0)) {
-      this._lastCompleteSig = "";
-      return;
-    }
-    const s = `${a.passed}/${a.failed}/${a.warnings}/${this.checks.length}`;
-    s !== this._lastCompleteSig && (this._lastCompleteSig = s, this.dispatchEvent(new CustomEvent("ai-validation-complete", {
-      detail: { passed: a.passed, failed: a.failed, warnings: a.warnings, total: this.checks.length },
-      bubbles: !0,
-      composed: !0
-    })));
-  }
-  // ─── Derivations ────────────────────────────────────────────────────────
   get _stats() {
-    const a = this.checks.filter((i) => i.status === "pass").length, e = this.checks.filter((i) => i.status === "fail").length, s = this.checks.filter((i) => i.status === "warning").length, n = this.checks.filter((i) => i.status === "running").length, r = this.checks.filter((i) => i.status === "pending").length, o = this.checks.length - r - n, l = this.checks.length > 0 ? Math.round(o / this.checks.length * 100) : 0;
-    return { passed: a, failed: e, warnings: s, running: n, pending: r, done: o, percent: l };
+    const a = this.checks.filter((n) => n.status === "pass").length, i = this.checks.filter((n) => n.status === "fail").length, s = this.checks.filter((n) => n.status === "warning").length, r = this.checks.filter((n) => n.status === "running").length, t = this.checks.filter((n) => n.status === "pending").length, o = this.checks.length - t - r, l = this.checks.length > 0 ? Math.round(o / this.checks.length * 100) : 0;
+    return { passed: a, failed: i, warnings: s, running: r, pending: t, done: o, percent: l };
   }
-  // ─── Handlers ───────────────────────────────────────────────────────────
   _onRun() {
     this.dispatchEvent(new CustomEvent("ai-validation-run", {
       detail: { checks: this.checks },
@@ -57,144 +28,146 @@ let c = class extends h {
       composed: !0
     }));
   }
-  // ─── Renderers ──────────────────────────────────────────────────────────
   _statusIcon(a) {
     switch (a) {
       case "pass":
-        return t`<span class="status-icon pass" aria-label="Passed">✓</span>`;
+        return e`<span class="status-icon pass" aria-label="Passed">&#10003;</span>`;
       case "fail":
-        return t`<span class="status-icon fail" aria-label="Failed">✕</span>`;
+        return e`<span class="status-icon fail" aria-label="Failed">&#10007;</span>`;
       case "warning":
-        return t`<span class="status-icon warning" aria-label="Warning">!</span>`;
+        return e`<span class="status-icon warning" aria-label="Warning">&#9888;</span>`;
       case "running":
-        return t`<span class="status-icon running" aria-label="Running"><cg-spinner size="sm"></cg-spinner></span>`;
+        return e`<span class="status-icon running"><span class="spinner"></span></span>`;
       case "skipped":
-        return t`<span class="status-icon skipped" aria-label="Skipped">—</span>`;
+        return e`<span class="status-icon skipped" aria-label="Skipped">&mdash;</span>`;
       default:
-        return t`<span class="status-icon pending" aria-label="Pending">●</span>`;
+        return e`<span class="status-icon pending" aria-label="Pending">&#9679;</span>`;
     }
   }
   render() {
-    const a = this._stats, e = a.running > 0 || this.loading;
-    return t`
+    const a = this._stats, i = a.running > 0 || this.loading;
+    return e`
       <div class="container" role="region" aria-label="${this.title}">
         <div class="header">
           <span class="title">${this.title}</span>
-          <cg-button
-            variant="primary"
-            size="sm"
-            ?loading=${e}
-            ?disabled=${e || this.checks.length === 0}
-            aria-label="Run all validations"
+          <button
+            class="run-btn"
+            ?disabled=${i}
             @click=${this._onRun}
-          >Run all</cg-button>
+            aria-label="Run validations"
+          >${i ? "Running..." : "Run All"}</button>
         </div>
 
-        <div
-          class="progress-track"
-          role="progressbar"
-          aria-valuenow=${a.percent}
-          aria-valuemin="0"
-          aria-valuemax="100"
-          aria-label="Validation progress"
-        >
-          <span class="progress-fill" style="width:${a.percent}%"></span>
+        <div class="progress-track" role="progressbar" aria-valuenow=${a.percent} aria-valuemin="0" aria-valuemax="100" aria-label="Validation progress">
+          <div class="progress-fill" style="width:${a.percent}%"></div>
         </div>
 
         <ul class="check-list" role="list">
-          ${this.checks.map((s) => t`
-              <li role="listitem">
-                <button
-                  class="check-item"
-                  type="button"
-                  @click=${() => this._onItemClick(s)}
-                >
-                  ${this._statusIcon(s.status)}
-                  <div class="check-content">
-                    <div class="check-label-row">
-                      <span class="check-label">${s.label}</span>
-                      ${s.severity ? t`
-                        <span class="severity-badge severity-${s.severity}">
-                          ${x[s.severity]}
-                        </span>
-                      ` : g}
-                    </div>
-                    ${s.description ? t`<div class="check-desc">${s.description}</div>` : g}
-                  </div>
-                  ${s.score != null ? t`<span class="check-score">${s.score}%</span>` : g}
-                </button>
-              </li>
-            `)}
+          ${this.checks.map((s) => e`
+            <li
+              class="check-item"
+              role="listitem"
+              tabindex="0"
+              @click=${() => this._onItemClick(s)}
+              @keydown=${(r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this._onItemClick(s));
+    }}
+            >
+              ${this._statusIcon(s.status)}
+              <div class="check-content">
+                <div class="check-label">${s.label}</div>
+                ${s.description ? e`<div class="check-desc">${s.description}</div>` : u}
+              </div>
+            </li>
+          `)}
         </ul>
 
-        ${this.checks.length > 0 ? t`
-          <hr class="divider" aria-hidden="true" />
+        ${this.checks.length > 0 ? e`
+          <div class="divider"></div>
           <div class="summary">
             <div class="summary-item">
-              <span class="summary-dot pass" aria-hidden="true"></span>
+              <span class="summary-dot pass"></span>
               <span class="summary-count">${a.passed}</span>
               <span class="summary-label">passed</span>
             </div>
             <div class="summary-item">
-              <span class="summary-dot fail" aria-hidden="true"></span>
+              <span class="summary-dot fail"></span>
               <span class="summary-count">${a.failed}</span>
               <span class="summary-label">failed</span>
             </div>
-            ${a.warnings ? t`
-              <div class="summary-item">
-                <span class="summary-dot warning" aria-hidden="true"></span>
-                <span class="summary-count">${a.warnings}</span>
-                <span class="summary-label">warning${a.warnings === 1 ? "" : "s"}</span>
-              </div>
-            ` : g}
+            <div class="summary-item">
+              <span class="summary-dot warning"></span>
+              <span class="summary-count">${a.warnings}</span>
+              <span class="summary-label">warnings</span>
+            </div>
           </div>
-        ` : g}
+        ` : u}
       </div>
     `;
   }
 };
-c.styles = [f, b, y, p`
+c.styles = [m, f, b, y, p`
     :host {
-      animation: fadeSlideIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out) both;
+      animation: fadeSlideIn 200ms var(--cg-transition-easing-ease-out) both;
     }
     :host([hidden]) { display: none; }
 
     .container {
       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-150);
-      box-shadow: var(--cg-elevation-1);
+      border-radius: var(--cg-border-radius-200);
       padding: var(--cg-spacing-20);
       color: var(--cg-color-surface-base-text);
     }
 
-    /* ── Header ── */
     .header {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      gap: var(--cg-spacing-12);
       margin-bottom: var(--cg-spacing-16);
     }
+
     .title {
       font-size: var(--cg-font-size-base);
       font-weight: var(--cg-font-weight-semibold);
     }
 
+    .run-btn {
+      background: var(--cg-color-action-primary-background-default);
+      color: var(--cg-color-surface-cards-background);
+      border: none;
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      padding: var(--cg-spacing-6) var(--cg-spacing-16);
+      border-radius: var(--cg-border-radius-full);
+      cursor: pointer;
+      transition: filter var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .run-btn:hover:not(:disabled) { filter: brightness(0.9); }
+    .run-btn:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);
+    }
+    .run-btn:disabled {
+      background: var(--cg-color-action-primary-background-disable);
+      color: var(--cg-color-action-primary-text-disable);
+      cursor: not-allowed;
+    }
+
     /* ── Progress bar ── */
     .progress-track {
-      height: var(--cg-spacing-6);
+      height: var(--cg-spacing-4);
       background: var(--cg-color-surface-cards-divider);
-      border-radius: var(--cg-border-radius-full);
+      border-radius: var(--cg-border-radius-50);
       overflow: hidden;
       margin-bottom: var(--cg-spacing-16);
     }
+
     .progress-fill {
-      display: block;
       height: 100%;
       background: var(--cg-color-action-primary-background-default);
-      border-radius: var(--cg-border-radius-full);
-      transition: width var(--cg-transition-duration-slow) var(--cg-transition-easing-ease-out);
+      border-radius: var(--cg-border-radius-50);
+      transition: width var(--cg-transition-duration-slow) var(--cg-transition-easing-default);
     }
 
     /* ── Check list ── */
@@ -207,152 +180,125 @@ c.styles = [f, b, y, p`
       gap: var(--cg-spacing-4);
     }
 
-    /* Each row is a real <button> so native focus + Enter/Space work without
-       hand-rolled key handlers, and screen readers announce it correctly. */
     .check-item {
       display: flex;
       align-items: flex-start;
-      gap: var(--cg-spacing-12);
-      width: 100%;
-      min-height: var(--cg-spacing-44, 44px);
+      gap: var(--cg-spacing-8);
       padding: var(--cg-spacing-8) var(--cg-spacing-12);
       border-radius: var(--cg-border-radius-100);
-      border: none;
-      background: transparent;
-      color: inherit;
-      font: inherit;
-      text-align: left;
       cursor: pointer;
-      position: relative;
-      transition:
-        background var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
-        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+      transition: background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .check-item:hover {
+      background: var(--cg-color-surface-cards-border);
     }
-    .check-item:hover { background: var(--cg-color-action-tertiary-background-hover); }
-    .check-item:active { transform: scale(var(--cg-interaction-press-scale)); }
     .check-item:focus-visible {
       outline: none;
       box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);
     }
 
-    /* ── Status icon ── */
     .status-icon {
       flex-shrink: 0;
-      width: var(--cg-icon-size-150);
-      height: var(--cg-icon-size-150);
-      display: inline-flex;
+      width: var(--cg-spacing-20);
+      height: var(--cg-spacing-20);
+      display: flex;
       align-items: center;
       justify-content: center;
       font-size: var(--cg-font-size-sm);
       line-height: 1;
       margin-top: var(--cg-spacing-1);
     }
-    .status-icon.pass    { color: var(--cg-color-status-success-text-default); }
-    .status-icon.fail    { color: var(--cg-color-status-error-text-default); }
+
+    .status-icon.pass { color: var(--cg-color-status-success-text-default); }
+    .status-icon.fail { color: var(--cg-color-status-error-text-default); }
     .status-icon.warning { color: var(--cg-color-status-warning-text-default); }
     .status-icon.pending { color: var(--cg-color-input-text-placeholder); }
     .status-icon.skipped { color: var(--cg-color-input-text-placeholder); }
     .status-icon.running { color: var(--cg-color-status-info-text-default); }
 
-    /* ── Content ── */
+    .spinner {
+      width: var(--cg-spacing-12);
+      height: var(--cg-spacing-12);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-divider);
+      border-top-color: var(--cg-color-status-info-text-default);
+      border-radius: var(--cg-border-radius-full);
+      animation: spin 0.8s linear infinite;
+    }
+
     .check-content {
       flex: 1;
       min-width: 0;
-      display: flex;
-      flex-direction: column;
-      gap: var(--cg-spacing-2);
-    }
-    .check-label-row {
-      display: flex;
-      align-items: center;
-      gap: var(--cg-spacing-8);
-      flex-wrap: wrap;
     }
+
     .check-label {
       font-size: var(--cg-font-size-sm);
       font-weight: var(--cg-font-weight-medium);
     }
-    .check-desc {
-      font-size: var(--cg-font-size-xs);
-      color: var(--cg-color-input-text-placeholder);
-      line-height: var(--cg-line-height-normal);
-    }
-
-    /* Severity badge — outlined pill matching the side-bar color. */
-    .severity-badge {
-      display: inline-flex;
-      align-items: center;
-      padding: 0 var(--cg-spacing-6);
-      height: var(--cg-spacing-16);
-      border-radius: var(--cg-border-radius-50);
-      font-size: 10px;
-      font-weight: var(--cg-font-weight-bold);
-      text-transform: uppercase;
-      letter-spacing: var(--cg-letter-spacing-wide);
-      border: var(--cg-border-width-50) solid currentColor;
-      background: transparent;
-      flex-shrink: 0;
-    }
-    .severity-critical { color: var(--cg-color-status-error-text-default); }
-    .severity-high     { color: var(--cg-color-status-error-text-default); }
-    .severity-medium   { color: var(--cg-color-status-warning-text-default); }
-    .severity-low      { color: var(--cg-color-status-info-text-default); }
-    .severity-info     { color: var(--cg-color-input-text-placeholder); }
 
-    .check-score {
-      flex-shrink: 0;
+    .check-desc {
       font-size: var(--cg-font-size-xs);
-      font-weight: var(--cg-font-weight-semibold);
-      font-variant-numeric: tabular-nums;
       color: var(--cg-color-input-text-placeholder);
       margin-top: var(--cg-spacing-2);
     }
 
-    /* ── Divider + Summary ── */
+    /* ── Divider ── */
     .divider {
       height: var(--cg-border-width-50);
       background: var(--cg-color-surface-cards-divider);
       margin: var(--cg-spacing-16) 0;
-      border: none;
     }
 
+    /* ── Summary ── */
     .summary {
       display: flex;
       gap: var(--cg-spacing-16);
       flex-wrap: wrap;
-      font-variant-numeric: tabular-nums;
     }
+
     .summary-item {
       font-size: var(--cg-font-size-xs);
       display: flex;
       align-items: center;
       gap: var(--cg-spacing-6);
     }
+
     .summary-dot {
       width: var(--cg-spacing-8);
       height: var(--cg-spacing-8);
       border-radius: var(--cg-border-radius-full);
     }
-    .summary-dot.pass    { background: var(--cg-color-status-success-text-default); }
-    .summary-dot.fail    { background: var(--cg-color-status-error-text-default); }
+    .summary-dot.pass { background: var(--cg-color-status-success-text-default); }
+    .summary-dot.fail { background: var(--cg-color-status-error-text-default); }
     .summary-dot.warning { background: var(--cg-color-status-warning-text-default); }
-    .summary-count { font-weight: var(--cg-font-weight-bold); color: var(--cg-color-surface-base-text); }
-    .summary-label { color: var(--cg-color-input-text-placeholder); }
+    .summary-dot.pending { background: var(--cg-color-input-text-placeholder); }
+
+    .summary-count {
+      font-weight: var(--cg-font-weight-bold);
+      color: var(--cg-color-surface-base-text);
+    }
+
+    .summary-label {
+      color: var(--cg-color-input-text-placeholder);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .spinner { animation: none !important; border-top-color: var(--cg-color-status-info-text-default); }
+    }
   `];
 d([
-  u({ attribute: !1 })
+  g({ attribute: !1 })
 ], c.prototype, "checks", 2);
 d([
-  u({ type: String })
+  g({ type: String })
 ], c.prototype, "title", 2);
 d([
-  u({ type: Boolean })
-], c.prototype, "loading", 2);
+  g({ type: Boolean })
+], c.prototype, "autoRun", 2);
 d([
-  v()
-], c.prototype, "_lastCompleteSig", 2);
+  g({ type: Boolean })
+], c.prototype, "loading", 2);
 c = d([
-  m("ai-validation-checklist")
+  h("ai-validation-checklist")
 ], c);
 export {
   c as AiValidationChecklist

package/dist/components/ai-validation-checklist/ai-validation-checklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-validation-checklist.js","sources":["../../../src/components/ai-validation-checklist/ai-validation-checklist.ts"],"sourcesContent":["/**\n * @element ai-validation-checklist\n * Data / output validation checklist with status icons, optional severity\n * tags + per-check score, progress bar, run button, summary, and\n * fires-on-settle completion event. Modeled on Patronus / Confident AI /\n * Fiddler guardrail-result UIs.\n *\n * @example\n * ```html\n * <ai-validation-checklist\n *   title=\"Output validation\"\n *   .checks=${[\n *     { id: '1', label: 'Schema valid',     status: 'pass',    severity: 'low'      },\n *     { id: '2', label: 'No PII leaked',    status: 'pass',    severity: 'critical', score: 100 },\n *     { id: '3', label: 'Hallucination check', status: 'fail', severity: 'high',     score: 45,\n *       description: 'Found 2 unverifiable claims' },\n *   ]}\n * ></ai-validation-checklist>\n * ```\n *\n * @fires {CustomEvent<{checks}>} ai-validation-run - Run-all clicked\n * @fires {CustomEvent<{passed, failed, warnings, total}>} ai-validation-complete - All checks settled (no running/pending left)\n * @fires {CustomEvent<{id, label, status}>} ai-validation-item-click - Check row activated\n *\n * @cssprop [--cg-color-surface-cards-background] - Card background\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, state, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes } from '../../styles/index.js';\nimport '../cg-button/cg-button.js';\nimport '../cg-spinner/cg-spinner.js';\n\nexport type Severity = 'critical' | 'high' | 'medium' | 'low' | 'info';\n\nexport interface ValidationCheck {\n  id: string;\n  label: string;\n  description?: string;\n  status: 'pending' | 'running' | 'pass' | 'fail' | 'warning' | 'skipped';\n  /** Optional severity classification — drives the colored side bar + badge. */\n  severity?: Severity;\n  /** Optional 0-100 score; renders as X% next to the status icon. */\n  score?: number;\n}\n\nconst SEVERITY_LABELS: Record<Severity, string> = {\n  critical: 'Critical',\n  high: 'High',\n  medium: 'Medium',\n  low: 'Low',\n  info: 'Info',\n};\n\n@customElement('ai-validation-checklist')\nexport class AiValidationChecklist extends LitElement {\n  static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, css`\n    :host {\n      animation: fadeSlideIn var(--cg-transition-duration-default) var(--cg-transition-easing-ease-out) both;\n    }\n    :host([hidden]) { display: none; }\n\n    .container {\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-150);\n      box-shadow: var(--cg-elevation-1);\n      padding: var(--cg-spacing-20);\n      color: var(--cg-color-surface-base-text);\n    }\n\n    /* ── Header ── */\n    .header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--cg-spacing-12);\n      margin-bottom: var(--cg-spacing-16);\n    }\n    .title {\n      font-size: var(--cg-font-size-base);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n\n    /* ── Progress bar ── */\n    .progress-track {\n      height: var(--cg-spacing-6);\n      background: var(--cg-color-surface-cards-divider);\n      border-radius: var(--cg-border-radius-full);\n      overflow: hidden;\n      margin-bottom: var(--cg-spacing-16);\n    }\n    .progress-fill {\n      display: block;\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-slow) var(--cg-transition-easing-ease-out);\n    }\n\n    /* ── Check list ── */\n    .check-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-4);\n    }\n\n    /* Each row is a real <button> so native focus + Enter/Space work without\n       hand-rolled key handlers, and screen readers announce it correctly. */\n    .check-item {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--cg-spacing-12);\n      width: 100%;\n      min-height: var(--cg-spacing-44, 44px);\n      padding: var(--cg-spacing-8) var(--cg-spacing-12);\n      border-radius: var(--cg-border-radius-100);\n      border: none;\n      background: transparent;\n      color: inherit;\n      font: inherit;\n      text-align: left;\n      cursor: pointer;\n      position: relative;\n      transition:\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    }\n    .check-item:hover { background: var(--cg-color-action-tertiary-background-hover); }\n    .check-item:active { transform: scale(var(--cg-interaction-press-scale)); }\n    .check-item:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n\n    /* ── Status icon ── */\n    .status-icon {\n      flex-shrink: 0;\n      width: var(--cg-icon-size-150);\n      height: var(--cg-icon-size-150);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: var(--cg-font-size-sm);\n      line-height: 1;\n      margin-top: var(--cg-spacing-1);\n    }\n    .status-icon.pass    { color: var(--cg-color-status-success-text-default); }\n    .status-icon.fail    { color: var(--cg-color-status-error-text-default); }\n    .status-icon.warning { color: var(--cg-color-status-warning-text-default); }\n    .status-icon.pending { color: var(--cg-color-input-text-placeholder); }\n    .status-icon.skipped { color: var(--cg-color-input-text-placeholder); }\n    .status-icon.running { color: var(--cg-color-status-info-text-default); }\n\n    /* ── Content ── */\n    .check-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-2);\n    }\n    .check-label-row {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-8);\n      flex-wrap: wrap;\n    }\n    .check-label {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n    }\n    .check-desc {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      line-height: var(--cg-line-height-normal);\n    }\n\n    /* Severity badge — outlined pill matching the side-bar color. */\n    .severity-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 0 var(--cg-spacing-6);\n      height: var(--cg-spacing-16);\n      border-radius: var(--cg-border-radius-50);\n      font-size: 10px;\n      font-weight: var(--cg-font-weight-bold);\n      text-transform: uppercase;\n      letter-spacing: var(--cg-letter-spacing-wide);\n      border: var(--cg-border-width-50) solid currentColor;\n      background: transparent;\n      flex-shrink: 0;\n    }\n    .severity-critical { color: var(--cg-color-status-error-text-default); }\n    .severity-high     { color: var(--cg-color-status-error-text-default); }\n    .severity-medium   { color: var(--cg-color-status-warning-text-default); }\n    .severity-low      { color: var(--cg-color-status-info-text-default); }\n    .severity-info     { color: var(--cg-color-input-text-placeholder); }\n\n    .check-score {\n      flex-shrink: 0;\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      font-variant-numeric: tabular-nums;\n      color: var(--cg-color-input-text-placeholder);\n      margin-top: var(--cg-spacing-2);\n    }\n\n    /* ── Divider + Summary ── */\n    .divider {\n      height: var(--cg-border-width-50);\n      background: var(--cg-color-surface-cards-divider);\n      margin: var(--cg-spacing-16) 0;\n      border: none;\n    }\n\n    .summary {\n      display: flex;\n      gap: var(--cg-spacing-16);\n      flex-wrap: wrap;\n      font-variant-numeric: tabular-nums;\n    }\n    .summary-item {\n      font-size: var(--cg-font-size-xs);\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-6);\n    }\n    .summary-dot {\n      width: var(--cg-spacing-8);\n      height: var(--cg-spacing-8);\n      border-radius: var(--cg-border-radius-full);\n    }\n    .summary-dot.pass    { background: var(--cg-color-status-success-text-default); }\n    .summary-dot.fail    { background: var(--cg-color-status-error-text-default); }\n    .summary-dot.warning { background: var(--cg-color-status-warning-text-default); }\n    .summary-count { font-weight: var(--cg-font-weight-bold); color: var(--cg-color-surface-base-text); }\n    .summary-label { color: var(--cg-color-input-text-placeholder); }\n  `];\n\n  @property({ attribute: false }) checks: ValidationCheck[] = [];\n  @property({ type: String }) override title = 'Validation';\n  @property({ type: Boolean }) loading = false;\n\n  /** Last-emitted \"all settled\" signature, used to avoid duplicate complete events. */\n  @state() private _lastCompleteSig = '';\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('checks')) this._maybeFireComplete();\n  }\n\n  /** All checks settled = no running and no pending. Fires `ai-validation-complete`\n      once per settle (deduped via signature). */\n  private _maybeFireComplete(): void {\n    const s = this._stats;\n    const settled = this.checks.length > 0 && s.running === 0 && s.pending === 0;\n    if (!settled) {\n      this._lastCompleteSig = '';\n      return;\n    }\n    const sig = `${s.passed}/${s.failed}/${s.warnings}/${this.checks.length}`;\n    if (sig === this._lastCompleteSig) return;\n    this._lastCompleteSig = sig;\n    this.dispatchEvent(new CustomEvent('ai-validation-complete', {\n      detail: { passed: s.passed, failed: s.failed, warnings: s.warnings, total: this.checks.length },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  // ─── Derivations ────────────────────────────────────────────────────────\n\n  private get _stats() {\n    const passed = this.checks.filter(c => c.status === 'pass').length;\n    const failed = this.checks.filter(c => c.status === 'fail').length;\n    const warnings = this.checks.filter(c => c.status === 'warning').length;\n    const running = this.checks.filter(c => c.status === 'running').length;\n    const pending = this.checks.filter(c => c.status === 'pending').length;\n    const done = this.checks.length - pending - running;\n    const percent = this.checks.length > 0 ? Math.round((done / this.checks.length) * 100) : 0;\n    return { passed, failed, warnings, running, pending, done, percent };\n  }\n\n  // ─── Handlers ───────────────────────────────────────────────────────────\n\n  private _onRun(): void {\n    this.dispatchEvent(new CustomEvent('ai-validation-run', {\n      detail: { checks: this.checks },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  private _onItemClick(check: ValidationCheck): void {\n    this.dispatchEvent(new CustomEvent('ai-validation-item-click', {\n      detail: { id: check.id, label: check.label, status: check.status },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  // ─── Renderers ──────────────────────────────────────────────────────────\n\n  private _statusIcon(status: ValidationCheck['status']) {\n    switch (status) {\n      case 'pass':\n        return html`<span class=\"status-icon pass\" aria-label=\"Passed\">✓</span>`;\n      case 'fail':\n        return html`<span class=\"status-icon fail\" aria-label=\"Failed\">✕</span>`;\n      case 'warning':\n        return html`<span class=\"status-icon warning\" aria-label=\"Warning\">!</span>`;\n      case 'running':\n        return html`<span class=\"status-icon running\" aria-label=\"Running\"><cg-spinner size=\"sm\"></cg-spinner></span>`;\n      case 'skipped':\n        return html`<span class=\"status-icon skipped\" aria-label=\"Skipped\">—</span>`;\n      default:\n        return html`<span class=\"status-icon pending\" aria-label=\"Pending\">●</span>`;\n    }\n  }\n\n  override render() {\n    const s = this._stats;\n    const isRunning = s.running > 0 || this.loading;\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          <cg-button\n            variant=\"primary\"\n            size=\"sm\"\n            ?loading=${isRunning}\n            ?disabled=${isRunning || this.checks.length === 0}\n            aria-label=\"Run all validations\"\n            @click=${this._onRun}\n          >Run all</cg-button>\n        </div>\n\n        <div\n          class=\"progress-track\"\n          role=\"progressbar\"\n          aria-valuenow=${s.percent}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-label=\"Validation progress\"\n        >\n          <span class=\"progress-fill\" style=\"width:${s.percent}%\"></span>\n        </div>\n\n        <ul class=\"check-list\" role=\"list\">\n          ${this.checks.map(check => html`\n              <li role=\"listitem\">\n                <button\n                  class=\"check-item\"\n                  type=\"button\"\n                  @click=${() => this._onItemClick(check)}\n                >\n                  ${this._statusIcon(check.status)}\n                  <div class=\"check-content\">\n                    <div class=\"check-label-row\">\n                      <span class=\"check-label\">${check.label}</span>\n                      ${check.severity ? html`\n                        <span class=\"severity-badge severity-${check.severity}\">\n                          ${SEVERITY_LABELS[check.severity]}\n                        </span>\n                      ` : nothing}\n                    </div>\n                    ${check.description ? html`<div class=\"check-desc\">${check.description}</div>` : nothing}\n                  </div>\n                  ${check.score != null ? html`<span class=\"check-score\">${check.score}%</span>` : nothing}\n                </button>\n              </li>\n            `)}\n        </ul>\n\n        ${this.checks.length > 0 ? html`\n          <hr class=\"divider\" aria-hidden=\"true\" />\n          <div class=\"summary\">\n            <div class=\"summary-item\">\n              <span class=\"summary-dot pass\" aria-hidden=\"true\"></span>\n              <span class=\"summary-count\">${s.passed}</span>\n              <span class=\"summary-label\">passed</span>\n            </div>\n            <div class=\"summary-item\">\n              <span class=\"summary-dot fail\" aria-hidden=\"true\"></span>\n              <span class=\"summary-count\">${s.failed}</span>\n              <span class=\"summary-label\">failed</span>\n            </div>\n            ${s.warnings ? html`\n              <div class=\"summary-item\">\n                <span class=\"summary-dot warning\" aria-hidden=\"true\"></span>\n                <span class=\"summary-count\">${s.warnings}</span>\n                <span class=\"summary-label\">warning${s.warnings === 1 ? '' : 's'}</span>\n              </div>\n            ` : nothing}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-validation-checklist': AiValidationChecklist;\n  }\n}\n"],"names":["SEVERITY_LABELS","AiValidationChecklist","LitElement","changed","s","sig","passed","c","failed","warnings","running","pending","done","percent","check","status","html","isRunning","nothing","hostBlock","reducedMotion","fadeSlideInKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}
+{"version":3,"file":"ai-validation-checklist.js","sources":["../../../src/components/ai-validation-checklist/ai-validation-checklist.ts"],"sourcesContent":["/**\n * @element ai-validation-checklist\n * Data validation checklist with status icons, progress bar, run button, and summary stats.\n *\n * @example\n * ```html\n * <ai-validation-checklist\n *   title=\"Data Quality\"\n *   .checks=${[{id:'1',label:'Schema valid',status:'pass'},{id:'2',label:'No nulls',status:'fail'}]}\n * ></ai-validation-checklist>\n * ```\n *\n * @fires {CustomEvent<{checks}>} ai-validation-run - Run all validations\n * @fires {CustomEvent<{passed, failed, warnings, total}>} ai-validation-complete - All checks finished\n * @fires {CustomEvent<{id, label, status}>} ai-validation-item-click - Check item clicked\n *\n * @cssprop [--cg-brand-ai-accent=#dfff61] - Accent for run button and progress\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, spinKeyframes, fadeSlideInKeyframes } from '../../styles/index.js';\n\nexport interface ValidationCheck {\n  id: string;\n  label: string;\n  description?: string;\n  status: 'pending' | 'running' | 'pass' | 'fail' | 'warning' | 'skipped';\n}\n\n@customElement('ai-validation-checklist')\nexport class AiValidationChecklist extends LitElement {\n  static override styles = [hostBlock, reducedMotion, spinKeyframes, fadeSlideInKeyframes, css`\n    :host {\n      animation: fadeSlideIn 200ms var(--cg-transition-easing-ease-out) both;\n    }\n    :host([hidden]) { display: none; }\n\n    .container {\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      padding: var(--cg-spacing-20);\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-16);\n    }\n\n    .title {\n      font-size: var(--cg-font-size-base);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n\n    .run-btn {\n      background: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-surface-cards-background);\n      border: none;\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      padding: var(--cg-spacing-6) var(--cg-spacing-16);\n      border-radius: var(--cg-border-radius-full);\n      cursor: pointer;\n      transition: filter var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .run-btn:hover:not(:disabled) { filter: brightness(0.9); }\n    .run-btn:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n    .run-btn:disabled {\n      background: var(--cg-color-action-primary-background-disable);\n      color: var(--cg-color-action-primary-text-disable);\n      cursor: not-allowed;\n    }\n\n    /* ── Progress bar ── */\n    .progress-track {\n      height: var(--cg-spacing-4);\n      background: var(--cg-color-surface-cards-divider);\n      border-radius: var(--cg-border-radius-50);\n      overflow: hidden;\n      margin-bottom: var(--cg-spacing-16);\n    }\n\n    .progress-fill {\n      height: 100%;\n      background: var(--cg-color-action-primary-background-default);\n      border-radius: var(--cg-border-radius-50);\n      transition: width var(--cg-transition-duration-slow) var(--cg-transition-easing-default);\n    }\n\n    /* ── Check list ── */\n    .check-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-4);\n    }\n\n    .check-item {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-8) var(--cg-spacing-12);\n      border-radius: var(--cg-border-radius-100);\n      cursor: pointer;\n      transition: background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .check-item:hover {\n      background: var(--cg-color-surface-cards-border);\n    }\n    .check-item:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n\n    .status-icon {\n      flex-shrink: 0;\n      width: var(--cg-spacing-20);\n      height: var(--cg-spacing-20);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: var(--cg-font-size-sm);\n      line-height: 1;\n      margin-top: var(--cg-spacing-1);\n    }\n\n    .status-icon.pass { color: var(--cg-color-status-success-text-default); }\n    .status-icon.fail { color: var(--cg-color-status-error-text-default); }\n    .status-icon.warning { color: var(--cg-color-status-warning-text-default); }\n    .status-icon.pending { color: var(--cg-color-input-text-placeholder); }\n    .status-icon.skipped { color: var(--cg-color-input-text-placeholder); }\n    .status-icon.running { color: var(--cg-color-status-info-text-default); }\n\n    .spinner {\n      width: var(--cg-spacing-12);\n      height: var(--cg-spacing-12);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-divider);\n      border-top-color: var(--cg-color-status-info-text-default);\n      border-radius: var(--cg-border-radius-full);\n      animation: spin 0.8s linear infinite;\n    }\n\n    .check-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .check-label {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n    }\n\n    .check-desc {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n      margin-top: var(--cg-spacing-2);\n    }\n\n    /* ── Divider ── */\n    .divider {\n      height: var(--cg-border-width-50);\n      background: var(--cg-color-surface-cards-divider);\n      margin: var(--cg-spacing-16) 0;\n    }\n\n    /* ── Summary ── */\n    .summary {\n      display: flex;\n      gap: var(--cg-spacing-16);\n      flex-wrap: wrap;\n    }\n\n    .summary-item {\n      font-size: var(--cg-font-size-xs);\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-6);\n    }\n\n    .summary-dot {\n      width: var(--cg-spacing-8);\n      height: var(--cg-spacing-8);\n      border-radius: var(--cg-border-radius-full);\n    }\n    .summary-dot.pass { background: var(--cg-color-status-success-text-default); }\n    .summary-dot.fail { background: var(--cg-color-status-error-text-default); }\n    .summary-dot.warning { background: var(--cg-color-status-warning-text-default); }\n    .summary-dot.pending { background: var(--cg-color-input-text-placeholder); }\n\n    .summary-count {\n      font-weight: var(--cg-font-weight-bold);\n      color: var(--cg-color-surface-base-text);\n    }\n\n    .summary-label {\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .spinner { animation: none !important; border-top-color: var(--cg-color-status-info-text-default); }\n    }\n  `];\n\n  @property({ attribute: false }) checks: ValidationCheck[] = [];\n  @property({ type: String }) override title = 'Validation';\n  @property({ type: Boolean }) autoRun = false;\n  @property({ type: Boolean }) loading = false;\n\n  private get _stats() {\n    const passed = this.checks.filter(c => c.status === 'pass').length;\n    const failed = this.checks.filter(c => c.status === 'fail').length;\n    const warnings = this.checks.filter(c => c.status === 'warning').length;\n    const running = this.checks.filter(c => c.status === 'running').length;\n    const pending = this.checks.filter(c => c.status === 'pending').length;\n    const done = this.checks.length - pending - running;\n    const percent = this.checks.length > 0 ? Math.round((done / this.checks.length) * 100) : 0;\n    return { passed, failed, warnings, running, pending, done, percent };\n  }\n\n  private _onRun() {\n    this.dispatchEvent(new CustomEvent('ai-validation-run', {\n      detail: { checks: this.checks },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  private _onItemClick(check: ValidationCheck) {\n    this.dispatchEvent(new CustomEvent('ai-validation-item-click', {\n      detail: { id: check.id, label: check.label, status: check.status },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  private _statusIcon(status: ValidationCheck['status']) {\n    switch (status) {\n      case 'pass': return html`<span class=\"status-icon pass\" aria-label=\"Passed\">&#10003;</span>`;\n      case 'fail': return html`<span class=\"status-icon fail\" aria-label=\"Failed\">&#10007;</span>`;\n      case 'warning': return html`<span class=\"status-icon warning\" aria-label=\"Warning\">&#9888;</span>`;\n      case 'running': return html`<span class=\"status-icon running\"><span class=\"spinner\"></span></span>`;\n      case 'skipped': return html`<span class=\"status-icon skipped\" aria-label=\"Skipped\">&mdash;</span>`;\n      default: return html`<span class=\"status-icon pending\" aria-label=\"Pending\">&#9679;</span>`;\n    }\n  }\n\n  override render() {\n    const s = this._stats;\n    const isRunning = s.running > 0 || this.loading;\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          <button\n            class=\"run-btn\"\n            ?disabled=${isRunning}\n            @click=${this._onRun}\n            aria-label=\"Run validations\"\n          >${isRunning ? 'Running...' : 'Run All'}</button>\n        </div>\n\n        <div class=\"progress-track\" role=\"progressbar\" aria-valuenow=${s.percent} aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"Validation progress\">\n          <div class=\"progress-fill\" style=\"width:${s.percent}%\"></div>\n        </div>\n\n        <ul class=\"check-list\" role=\"list\">\n          ${this.checks.map(check => html`\n            <li\n              class=\"check-item\"\n              role=\"listitem\"\n              tabindex=\"0\"\n              @click=${() => this._onItemClick(check)}\n              @keydown=${(e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this._onItemClick(check); } }}\n            >\n              ${this._statusIcon(check.status)}\n              <div class=\"check-content\">\n                <div class=\"check-label\">${check.label}</div>\n                ${check.description ? html`<div class=\"check-desc\">${check.description}</div>` : nothing}\n              </div>\n            </li>\n          `)}\n        </ul>\n\n        ${this.checks.length > 0 ? html`\n          <div class=\"divider\"></div>\n          <div class=\"summary\">\n            <div class=\"summary-item\">\n              <span class=\"summary-dot pass\"></span>\n              <span class=\"summary-count\">${s.passed}</span>\n              <span class=\"summary-label\">passed</span>\n            </div>\n            <div class=\"summary-item\">\n              <span class=\"summary-dot fail\"></span>\n              <span class=\"summary-count\">${s.failed}</span>\n              <span class=\"summary-label\">failed</span>\n            </div>\n            <div class=\"summary-item\">\n              <span class=\"summary-dot warning\"></span>\n              <span class=\"summary-count\">${s.warnings}</span>\n              <span class=\"summary-label\">warnings</span>\n            </div>\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-validation-checklist': AiValidationChecklist;\n  }\n}\n"],"names":["AiValidationChecklist","LitElement","passed","c","failed","warnings","running","pending","done","percent","check","status","html","s","isRunning","e","nothing","hostBlock","reducedMotion","spinKeyframes","fadeSlideInKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/ai-version-selector/ai-version-selector.d.ts

@@ -5,10 +5,6 @@ export interface VersionEntry {
     status: 'active' | 'canary' | 'deprecated';
     rolloutPercent?: number;
     date: string;
-    /** Optional per-version metrics (LaunchDarkly AI configs pattern). */
-    latency?: number;
-    cost?: string;
-    quality?: number;
 }
 export declare class AiVersionSelector extends LitElement {
     static styles: import('lit').CSSResult[];

package/dist/components/ai-version-selector/ai-version-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-version-selector.d.ts","sourceRoot":"","sources":["../../../src/components/ai-version-selector/ai-version-selector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BA+KnB;IAE0B,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAQ;IACvD,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC7B,QAAQ,SAAM;IAI1C,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,UAAU;IAQT,MAAM;CAkGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"ai-version-selector.d.ts","sourceRoot":"","sources":["../../../src/components/ai-version-selector/ai-version-selector.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BA6MnB;IAE0B,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAQ;IACvD,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC7B,QAAQ,SAAM;IAE1C,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,UAAU;IAQT,MAAM;CA8ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}