@cognivo/components 0.8.0 → 0.8.2

package/dist/components/ai-data-card/ai-data-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-data-card.js","sources":["../../../src/components/ai-data-card/ai-data-card.ts"],"sourcesContent":["/**\n * @element ai-data-card\n * Compact key-value data card with typed formatting, header badge, footer actions, and loading skeleton.\n *\n * @example\n * ```html\n * <ai-data-card\n *   title=\"Invoice #4821\"\n *   icon=\"[receipt icon]\"\n *   headerStatus=\"success\" headerStatusLabel=\"Paid\"\n *   .fields=${[\n *     {label:'Amount', value:'$1,240.00', type:'currency'},\n *     {label:'Status', value:'Completed', type:'status', status:'success'}\n *   ]}\n *   .actions=${[{id:'view', label:'View Details', variant:'primary'}]}\n * ></ai-data-card>\n * ```\n *\n * @fires {CustomEvent<{actionId, actionLabel}>} ai-data-card-action - Footer action clicked\n * @fires {CustomEvent<{label, value, type}>} ai-data-card-row-click - Row clicked\n *\n * @cssprop [--cg-brand-ai-accent=#dfff61] - Primary button, link, and currency text color\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes, shimmerKeyframes } from '../../styles/index.js';\nimport '../cg-button/cg-button.js';\nimport '../cg-badge/cg-badge.js';\n\ninterface DataField {\n  label: string;\n  value: string | number;\n  type?: 'text' | 'currency' | 'date' | 'status' | 'badge' | 'link' | 'number' | 'percent';\n  status?: 'success' | 'warning' | 'error' | 'info' | 'neutral';\n  url?: string;\n  copyable?: boolean;\n}\n\ninterface CardAction {\n  id: string;\n  label: string;\n  variant?: 'primary' | 'secondary' | 'danger';\n  icon?: string;\n  disabled?: boolean;\n}\n\n@customElement('ai-data-card')\nexport class AiDataCard extends LitElement {\n  static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, shimmerKeyframes, css`\n    :host {\n      animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n\n    .card {\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-component-card-radius);\n      overflow: hidden;\n      font-family: var(--cg-font-family-primary);\n    }\n\n    /* ── Header ── */\n    .header {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-12);\n      padding: var(--cg-spacing-20) var(--cg-spacing-20) var(--cg-spacing-16);\n    }\n    .header-info {\n      flex: 1;\n      min-width: 0;\n    }\n    .header-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      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .header-subtitle {\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    /* ── Rows (table-style inset) ── */\n    .rows {\n      margin: 0 var(--cg-spacing-12);\n      background: var(--cg-overlay-dark-subtle);\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    .row {\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-surface-cards-border);\n    }\n    .row:last-child {\n      border-bottom: none;\n    }\n    .row.clickable {\n      cursor: pointer;\n    }\n    .row.clickable:focus-visible {\n      outline: none;\n      box-shadow: inset 0 0 0 2px var(--cg-overlay-accent-strong);\n    }\n\n    .row-label {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-input-text-placeholder);\n      flex-shrink: 0;\n      min-width: 100px;\n    }\n    .row-value {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-surface-base-text);\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: var(--cg-spacing-6);\n    }\n\n    /* ── Value types ── */\n    .val-currency {\n      color: var(--cg-color-surface-base-text);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n    .val-number {\n      color: var(--cg-color-surface-base-text);\n    }\n    .val-percent {\n      font-weight: var(--cg-font-weight-semibold);\n    }\n    .val-date {\n      color: var(--cg-color-surface-base-text);\n    }\n    .val-link {\n      color: var(--cg-color-surface-base-text);\n      text-decoration: none;\n      cursor: pointer;\n      transition: color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .val-link:hover {\n      text-decoration: underline;\n    }\n\n\n    /* Copy button (positioned inline) */\n    .copy-wrap { flex-shrink: 0; }\n\n    /* ── Footer ── */\n    .footer {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-16) var(--cg-spacing-12);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host(:hover) .card { transform: none; }\n    }\n\n    /* ── Compact mode ── */\n    :host([compact]) .header { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n    :host([compact]) .header-icon { width: var(--cg-spacing-24); height: var(--cg-spacing-24); font-size: var(--cg-font-size-xs); }\n    :host([compact]) .header-title { font-size: var(--cg-font-size-xs); }\n    :host([compact]) .rows { margin: 0 var(--cg-spacing-4); }\n    :host([compact]) .row { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n    :host([compact]) .row-label { min-width: 80px; }\n    :host([compact]) .row-value { font-size: var(--cg-font-size-xs); }\n    :host([compact]) .footer { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n\n    /* ── Highlighted / selected ── */\n    .card.highlighted {\n      border-color: var(--cg-color-surface-base-text);\n    }\n\n    /* ── Loading skeleton ── */\n    .skeleton .skel {\n      border-radius: var(--cg-border-radius-100);\n      background: linear-gradient(90deg, var(--cg-color-surface-container-background) 25%, var(--cg-color-surface-container-border) 50%, var(--cg-color-surface-container-background) 75%);\n      background-size: 200% 100%;\n      animation: shimmer 1.5s linear infinite;\n    }\n    .skel-header { display: flex; gap: var(--cg-spacing-8); padding: var(--cg-spacing-12) var(--cg-spacing-16); border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-container-background); }\n    .skel-icon { width: var(--cg-spacing-32); height: var(--cg-spacing-32); border-radius: var(--cg-border-radius-100); }\n    .skel-lines { flex: 1; display: flex; flex-direction: column; gap: var(--cg-spacing-6); justify-content: center; }\n    .skel-line-lg { height: var(--cg-spacing-12); width: 60%; }\n    .skel-line-sm { height: var(--cg-spacing-8); width: 35%; }\n    .skel-row { display: flex; justify-content: space-between; padding: var(--cg-spacing-12) var(--cg-spacing-16); border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-container-background); }\n    .skel-row:last-child { border-bottom: none; }\n    .skel-label { height: var(--cg-spacing-8); width: 30%; }\n    .skel-value { height: var(--cg-spacing-8); width: 40%; }\n\n    /* ── Empty state ── */\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-xs);\n    }\n\n  `];\n  /** Card title */\n  @property({ type: String }) override title: string = '';\n\n  /** Subtitle text */\n  @property({ type: String }) subtitle: string = '';\n\n  /** Header icon (emoji or text) */\n  @property({ type: String }) icon: string = '';\n\n  /** Header status badge */\n  @property({ type: String }) headerStatus: '' | 'success' | 'warning' | 'error' | 'info' | 'neutral' = '';\n\n  /** Header status label */\n  @property({ type: String }) headerStatusLabel: string = '';\n\n  /** Data fields (key-value rows) */\n  @property({ type: Array }) fields: DataField[] = [];\n\n  /** Action buttons in footer */\n  @property({ type: Array }) actions: CardAction[] = [];\n\n  /** Compact display mode */\n  @property({ type: Boolean, reflect: true }) compact: boolean = false;\n\n  /** Loading skeleton */\n  @property({ type: Boolean }) loading: boolean = false;\n\n  /** Highlighted border */\n  @property({ type: Boolean }) highlighted: boolean = false;\n\n  private _copiedField: string | null = null;\n  private _copyTimer?: ReturnType<typeof setTimeout>;\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._copyTimer) clearTimeout(this._copyTimer);\n  }\n\n  private _sanitizeUrl(url: string): string {\n    const trimmed = url.trim().toLowerCase();\n    if (trimmed.startsWith('javascript:') || trimmed.startsWith('data:') || trimmed.startsWith('vbscript:')) return '#';\n    return url;\n  }\n\n  private _handleAction(action: CardAction) {\n    if (action.disabled) return;\n    this.dispatchEvent(new CustomEvent('ai-data-card-action', {\n      bubbles: true, composed: true,\n      detail: { actionId: action.id, actionLabel: action.label },\n    }));\n  }\n\n  private _handleRowClick(field: DataField) {\n    this.dispatchEvent(new CustomEvent('ai-data-card-row-click', {\n      bubbles: true, composed: true,\n      detail: { label: field.label, value: field.value, type: field.type },\n    }));\n  }\n\n  private async _handleCopy(field: DataField) {\n    const text = String(field.value);\n    try {\n      if (navigator.clipboard) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        const ta = document.createElement('textarea');\n        ta.value = text;\n        ta.style.position = 'fixed';\n        ta.style.opacity = '0';\n        document.body.appendChild(ta);\n        ta.select();\n        document.execCommand('copy');\n        document.body.removeChild(ta);\n      }\n      this._copiedField = field.label;\n      this.requestUpdate();\n      if (this._copyTimer) clearTimeout(this._copyTimer);\n      this._copyTimer = setTimeout(() => { this._copiedField = null; this.requestUpdate(); }, 2000);\n    } catch { /* silently fail */ }\n  }\n\n  private _renderValue(field: DataField) {\n    const val = String(field.value);\n    const status = field.status || 'neutral';\n\n    switch (field.type) {\n      case 'currency':\n        return html`<span class=\"val-currency\">${val}</span>`;\n      case 'number':\n        return html`<span class=\"val-number\">${val}</span>`;\n      case 'percent': {\n        const num = Number(field.value);\n        const pColor = isNaN(num) ? 'var(--cg-color-input-text-placeholder)' : num >= 0 ? 'var(--cg-color-status-success-text-default)' : 'var(--cg-color-status-error-text-default)';\n        return html`<span class=\"val-percent\" style=\"color: ${pColor};\">${val}</span>`;\n      }\n      case 'date':\n        return html`<span class=\"val-date\">${val}</span>`;\n      case 'status':\n        return html`<cg-badge variant=\"${status === 'error' ? 'danger' : status}\" label=\"${val}\" size=\"sm\"></cg-badge>`;\n      case 'badge':\n        return html`<cg-badge variant=\"${status === 'error' ? 'danger' : status}\" label=\"${val}\" size=\"sm\"></cg-badge>`;\n      case 'link':\n        return html`<a class=\"val-link\" href=\"${this._sanitizeUrl(field.url || '#')}\" target=\"_blank\" rel=\"noopener noreferrer\">${val}</a>`;\n      default:\n        return html`<span>${val}</span>`;\n    }\n  }\n\n  override render() {\n    if (this.loading) {\n      return html`\n        <div class=\"card skeleton\" role=\"status\" aria-label=\"Loading data\">\n          <div class=\"skel-header\">\n            <div class=\"skel skel-icon\"></div>\n            <div class=\"skel-lines\">\n              <div class=\"skel skel-line-lg\"></div>\n              <div class=\"skel skel-line-sm\"></div>\n            </div>\n          </div>\n          ${[1, 2, 3, 4].map(() => html`\n            <div class=\"skel-row\">\n              <div class=\"skel skel-label\"></div>\n              <div class=\"skel skel-value\"></div>\n            </div>\n          `)}\n        </div>\n      `;\n    }\n\n    if (this.fields.length === 0 && !this.title) {\n      return html`<div class=\"card\"><div class=\"empty\">No data to display</div></div>`;\n    }\n\n    return html`\n      <div class=\"card ${this.highlighted ? 'highlighted' : ''}\"\n        role=\"region\" aria-label=\"${this.title || 'Data card'}\">\n\n        ${this.title ? html`\n          <div class=\"header\">\n            <div class=\"header-info\">\n              <div class=\"header-title\">${this.title}</div>\n              ${this.subtitle ? html`<div class=\"header-subtitle\">${this.subtitle}</div>` : nothing}\n            </div>\n            ${this.headerStatus && this.headerStatusLabel ? html`\n              <cg-badge variant=\"${this.headerStatus === 'error' ? 'danger' : this.headerStatus}\" label=\"${this.headerStatusLabel}\" size=\"sm\"></cg-badge>\n            ` : nothing}\n          </div>\n        ` : nothing}\n\n        ${this.fields.length > 0 ? html`\n          <div class=\"rows\" role=\"list\">\n            ${this.fields.map(field => html`\n              <div class=\"row ${field.copyable || field.url ? 'clickable' : ''}\"\n                role=\"listitem\"\n                tabindex=\"${field.copyable || field.url ? '0' : '-1'}\"\n                aria-label=\"${field.label}: ${field.value}\"\n                @click=${() => this._handleRowClick(field)}\n                @keydown=${(e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this._handleRowClick(field); } }}>\n                <span class=\"row-label\">${field.label}</span>\n                <span class=\"row-value\">\n                  ${this._renderValue(field)}\n                  ${field.copyable ? html`\n                    <span class=\"copy-wrap\">\n                      <cg-button variant=\"tertiary\" size=\"sm\"\n                        status=${this._copiedField === field.label ? 'success' : 'idle'}\n                        label=\"${this._copiedField === field.label ? 'Copied!' : `Copy ${field.label}`}\"\n                        @click=${(e: Event) => { e.stopPropagation(); this._handleCopy(field); }}>\n                        <cg-icon name=${this._copiedField === field.label ? 'check' : 'copy'} size=\"xs\"></cg-icon>\n                      </cg-button>\n                    </span>\n                  ` : nothing}\n                </span>\n              </div>\n            `)}\n          </div>\n        ` : nothing}\n\n        ${this.actions.length > 0 ? html`\n          <div class=\"footer\">\n            ${this.actions.map(action => html`\n              <cg-button\n                variant=${action.variant === 'danger' ? 'tertiary' : action.variant === 'primary' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                full\n                type=${action.variant === 'danger' ? 'danger' : 'normal'}\n                ?disabled=${action.disabled}\n                @cg-click=${() => this._handleAction(action)}>\n                ${action.label}\n              </cg-button>\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n"],"names":["AiDataCard","LitElement","url","trimmed","action","field","text","ta","val","status","html","num","pColor","nothing","e","hostBlock","reducedMotion","fadeSlideInKeyframes","shimmerKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}
+{"version":3,"file":"ai-data-card.js","sources":["../../../src/components/ai-data-card/ai-data-card.ts"],"sourcesContent":["/**\n * @element ai-data-card\n * Compact key-value data card with typed formatting, header badge, footer actions, and loading skeleton.\n *\n * @example\n * ```html\n * <ai-data-card\n *   title=\"Invoice #4821\"\n *   icon=\"[receipt icon]\"\n *   headerStatus=\"success\" headerStatusLabel=\"Paid\"\n *   .fields=${[\n *     {label:'Amount', value:'$1,240.00', type:'currency'},\n *     {label:'Status', value:'Completed', type:'status', status:'success'}\n *   ]}\n *   .actions=${[{id:'view', label:'View Details', variant:'primary'}]}\n * ></ai-data-card>\n * ```\n *\n * @fires {CustomEvent<{actionId, actionLabel}>} ai-data-card-action - Footer action clicked\n * @fires {CustomEvent<{label, value, type}>} ai-data-card-row-click - Row clicked\n *\n * @cssprop [--cg-brand-ai-accent=#dfff61] - Primary button, link, and currency text color\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, fadeSlideInKeyframes, shimmerKeyframes } from '../../styles/index.js';\nimport '../cg-button/cg-button.js';\nimport '../cg-badge/cg-badge.js';\n\ninterface DataField {\n  label: string;\n  value: string | number;\n  type?: 'text' | 'currency' | 'date' | 'status' | 'badge' | 'link' | 'number' | 'percent';\n  status?: 'success' | 'warning' | 'error' | 'info' | 'neutral';\n  url?: string;\n  copyable?: boolean;\n}\n\ninterface CardAction {\n  id: string;\n  label: string;\n  variant?: 'primary' | 'secondary' | 'danger';\n  icon?: string;\n  disabled?: boolean;\n}\n\n@customElement('ai-data-card')\nexport class AiDataCard extends LitElement {\n  static override styles = [hostBlock, reducedMotion, fadeSlideInKeyframes, shimmerKeyframes, css`\n    :host {\n      animation: fadeSlideIn var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n\n    .card {\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-component-card-radius);\n      overflow: hidden;\n      font-family: var(--cg-font-family-primary);\n    }\n\n    /* ── Header ── */\n    .header {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-12);\n      padding: var(--cg-spacing-20) var(--cg-spacing-20) var(--cg-spacing-16);\n    }\n    .header-info {\n      flex: 1;\n      min-width: 0;\n    }\n    .header-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      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .header-subtitle {\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    /* ── Rows (table-style inset) ── */\n    .rows {\n      margin: 0 var(--cg-spacing-12);\n      background: var(--cg-overlay-dark-subtle);\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    .row {\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-surface-cards-border);\n    }\n    .row:last-child {\n      border-bottom: none;\n    }\n    .row.clickable {\n      cursor: pointer;\n    }\n    .row.clickable:focus-visible {\n      outline: none;\n      box-shadow: inset 0 0 0 2px var(--cg-overlay-accent-strong);\n    }\n\n    .row-label {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-input-text-placeholder);\n      flex-shrink: 0;\n      min-width: 100px;\n    }\n    .row-value {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-surface-base-text);\n      text-align: right;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: var(--cg-spacing-6);\n    }\n\n    /* ── Value types ── */\n    .val-currency {\n      color: var(--cg-color-surface-base-text);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n    .val-number {\n      color: var(--cg-color-surface-base-text);\n    }\n    .val-percent {\n      font-weight: var(--cg-font-weight-semibold);\n    }\n    .val-date {\n      color: var(--cg-color-surface-base-text);\n    }\n    .val-link {\n      color: var(--cg-color-surface-base-text);\n      text-decoration: none;\n      cursor: pointer;\n      transition: color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .val-link:hover {\n      text-decoration: underline;\n    }\n\n\n    /* Copy button (positioned inline) */\n    .copy-wrap { flex-shrink: 0; }\n\n    /* ── Footer ── */\n    .footer {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-16) var(--cg-spacing-12);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      :host(:hover) .card { transform: none; }\n    }\n\n    /* ── Compact mode ── */\n    :host([compact]) .header { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n    :host([compact]) .header-icon { width: var(--cg-spacing-24); height: var(--cg-spacing-24); font-size: var(--cg-font-size-xs); }\n    :host([compact]) .header-title { font-size: var(--cg-font-size-xs); }\n    :host([compact]) .rows { margin: 0 var(--cg-spacing-4); }\n    :host([compact]) .row { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n    :host([compact]) .row-label { min-width: 80px; }\n    :host([compact]) .row-value { font-size: var(--cg-font-size-xs); }\n    :host([compact]) .footer { padding: var(--cg-spacing-8) var(--cg-spacing-12); }\n\n    /* ── Highlighted / selected ── */\n    .card.highlighted {\n      border-color: var(--cg-color-surface-base-text);\n    }\n\n    /* ── Loading skeleton ── */\n    .skeleton .skel {\n      border-radius: var(--cg-border-radius-100);\n      background: linear-gradient(90deg, var(--cg-color-surface-container-background) 25%, var(--cg-color-surface-container-border) 50%, var(--cg-color-surface-container-background) 75%);\n      background-size: 200% 100%;\n      animation: shimmer 1.5s linear infinite;\n    }\n    .skel-header { display: flex; gap: var(--cg-spacing-8); padding: var(--cg-spacing-12) var(--cg-spacing-16); border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-container-background); }\n    .skel-icon { width: var(--cg-spacing-32); height: var(--cg-spacing-32); border-radius: var(--cg-border-radius-100); }\n    .skel-lines { flex: 1; display: flex; flex-direction: column; gap: var(--cg-spacing-6); justify-content: center; }\n    .skel-line-lg { height: var(--cg-spacing-12); width: 60%; }\n    .skel-line-sm { height: var(--cg-spacing-8); width: 35%; }\n    .skel-row { display: flex; justify-content: space-between; padding: var(--cg-spacing-12) var(--cg-spacing-16); border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-container-background); }\n    .skel-row:last-child { border-bottom: none; }\n    .skel-label { height: var(--cg-spacing-8); width: 30%; }\n    .skel-value { height: var(--cg-spacing-8); width: 40%; }\n\n    /* ── Empty state ── */\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  `];\n  /** Card title */\n  @property({ type: String }) override title: string = '';\n\n  /** Subtitle text */\n  @property({ type: String }) subtitle: string = '';\n\n  /** Header icon (emoji or text) */\n  @property({ type: String }) icon: string = '';\n\n  /** Header status badge */\n  @property({ type: String }) headerStatus: '' | 'success' | 'warning' | 'error' | 'info' | 'neutral' = '';\n\n  /** Header status label */\n  @property({ type: String }) headerStatusLabel: string = '';\n\n  /** Data fields (key-value rows) */\n  @property({ type: Array }) fields: DataField[] = [];\n\n  /** Action buttons in footer */\n  @property({ type: Array }) actions: CardAction[] = [];\n\n  /** Compact display mode */\n  @property({ type: Boolean, reflect: true }) compact: boolean = false;\n\n  /** Loading skeleton */\n  @property({ type: Boolean }) loading: boolean = false;\n\n  /** Highlighted border */\n  @property({ type: Boolean }) highlighted: boolean = false;\n\n  private _copiedField: string | null = null;\n  private _copyTimer?: ReturnType<typeof setTimeout>;\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._copyTimer) clearTimeout(this._copyTimer);\n  }\n\n  private _sanitizeUrl(url: string): string {\n    const trimmed = url.trim().toLowerCase();\n    if (trimmed.startsWith('javascript:') || trimmed.startsWith('data:') || trimmed.startsWith('vbscript:')) return '#';\n    return url;\n  }\n\n  private _handleAction(action: CardAction) {\n    if (action.disabled) return;\n    this.dispatchEvent(new CustomEvent('ai-data-card-action', {\n      bubbles: true, composed: true,\n      detail: { actionId: action.id, actionLabel: action.label },\n    }));\n  }\n\n  private _handleRowClick(field: DataField) {\n    this.dispatchEvent(new CustomEvent('ai-data-card-row-click', {\n      bubbles: true, composed: true,\n      detail: { label: field.label, value: field.value, type: field.type },\n    }));\n  }\n\n  private async _handleCopy(field: DataField) {\n    const text = String(field.value);\n    try {\n      if (navigator.clipboard) {\n        await navigator.clipboard.writeText(text);\n      } else {\n        const ta = document.createElement('textarea');\n        ta.value = text;\n        ta.style.position = 'fixed';\n        ta.style.opacity = '0';\n        document.body.appendChild(ta);\n        ta.select();\n        document.execCommand('copy');\n        document.body.removeChild(ta);\n      }\n      this._copiedField = field.label;\n      this.requestUpdate();\n      if (this._copyTimer) clearTimeout(this._copyTimer);\n      this._copyTimer = setTimeout(() => { this._copiedField = null; this.requestUpdate(); }, 2000);\n    } catch { /* silently fail */ }\n  }\n\n  private _renderValue(field: DataField) {\n    const val = String(field.value);\n    const status = field.status || 'neutral';\n\n    switch (field.type) {\n      case 'currency':\n        return html`<span class=\"val-currency\">${val}</span>`;\n      case 'number':\n        return html`<span class=\"val-number\">${val}</span>`;\n      case 'percent': {\n        const num = Number(field.value);\n        const pColor = isNaN(num) ? 'var(--cg-color-input-text-placeholder)' : num >= 0 ? 'var(--cg-color-status-success-text-default)' : 'var(--cg-color-status-error-text-default)';\n        return html`<span class=\"val-percent\" style=\"color: ${pColor};\">${val}</span>`;\n      }\n      case 'date':\n        return html`<span class=\"val-date\">${val}</span>`;\n      case 'status':\n        return html`<cg-badge variant=\"${status === 'error' ? 'danger' : status}\" label=\"${val}\" size=\"sm\"></cg-badge>`;\n      case 'badge':\n        return html`<cg-badge variant=\"${status === 'error' ? 'danger' : status}\" label=\"${val}\" size=\"sm\"></cg-badge>`;\n      case 'link':\n        return html`<a class=\"val-link\" href=\"${this._sanitizeUrl(field.url || '#')}\" target=\"_blank\" rel=\"noopener noreferrer\">${val}</a>`;\n      default:\n        return html`<span>${val}</span>`;\n    }\n  }\n\n  override render() {\n    if (this.loading) {\n      return html`\n        <div class=\"card skeleton\" role=\"status\" aria-label=\"Loading data\">\n          <div class=\"skel-header\">\n            <div class=\"skel skel-icon\"></div>\n            <div class=\"skel-lines\">\n              <div class=\"skel skel-line-lg\"></div>\n              <div class=\"skel skel-line-sm\"></div>\n            </div>\n          </div>\n          ${[1, 2, 3, 4].map(() => html`\n            <div class=\"skel-row\">\n              <div class=\"skel skel-label\"></div>\n              <div class=\"skel skel-value\"></div>\n            </div>\n          `)}\n        </div>\n      `;\n    }\n\n    if (this.fields.length === 0 && !this.title) {\n      return html`<div class=\"card\"><div class=\"empty\">No data to display</div></div>`;\n    }\n\n    return html`\n      <div class=\"card ${this.highlighted ? 'highlighted' : ''}\"\n        role=\"region\" aria-label=\"${this.title || 'Data card'}\">\n\n        ${this.title ? html`\n          <div class=\"header\">\n            <div class=\"header-info\">\n              <div class=\"header-title\">${this.title}</div>\n              ${this.subtitle ? html`<div class=\"header-subtitle\">${this.subtitle}</div>` : nothing}\n            </div>\n            ${this.headerStatus && this.headerStatusLabel ? html`\n              <cg-badge variant=\"${this.headerStatus === 'error' ? 'danger' : this.headerStatus}\" label=\"${this.headerStatusLabel}\" size=\"sm\"></cg-badge>\n            ` : nothing}\n          </div>\n        ` : nothing}\n\n        ${this.fields.length > 0 ? html`\n          <div class=\"rows\" role=\"list\">\n            ${this.fields.map(field => html`\n              <div class=\"row ${field.copyable || field.url ? 'clickable' : ''}\"\n                role=\"listitem\"\n                tabindex=\"${field.copyable || field.url ? '0' : '-1'}\"\n                aria-label=\"${field.label}: ${field.value}\"\n                @click=${() => this._handleRowClick(field)}\n                @keydown=${(e: KeyboardEvent) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this._handleRowClick(field); } }}>\n                <span class=\"row-label\">${field.label}</span>\n                <span class=\"row-value\">\n                  ${this._renderValue(field)}\n                  ${field.copyable ? html`\n                    <span class=\"copy-wrap\">\n                      <cg-button variant=\"tertiary\" size=\"sm\"\n                        status=${this._copiedField === field.label ? 'success' : 'idle'}\n                        label=\"${this._copiedField === field.label ? 'Copied!' : `Copy ${field.label}`}\"\n                        @click=${(e: Event) => { e.stopPropagation(); this._handleCopy(field); }}>\n                        <cg-icon name=${this._copiedField === field.label ? 'check' : 'copy'} size=\"xs\"></cg-icon>\n                      </cg-button>\n                    </span>\n                  ` : nothing}\n                </span>\n              </div>\n            `)}\n          </div>\n        ` : nothing}\n\n        ${this.actions.length > 0 ? html`\n          <div class=\"footer\">\n            ${this.actions.map(action => html`\n              <cg-button\n                variant=${action.variant === 'danger' ? 'tertiary' : action.variant === 'primary' ? 'primary' : 'secondary'}\n                size=\"sm\"\n                full\n                type=${action.variant === 'danger' ? 'danger' : 'normal'}\n                ?disabled=${action.disabled}\n                @cg-click=${() => this._handleAction(action)}>\n                ${action.label}\n              </cg-button>\n            `)}\n          </div>\n        ` : nothing}\n      </div>\n    `;\n  }\n}\n"],"names":["AiDataCard","LitElement","url","trimmed","action","field","text","ta","val","status","html","num","pColor","nothing","e","hostBlock","reducedMotion","fadeSlideInKeyframes","shimmerKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/ai-data-lineage/ai-data-lineage.js

@@ -1,6 +1,6 @@
 import { css as y, LitElement as k, html as c, nothing as v } from "lit";
 import { property as p, customElement as $ } from "lit/decorators.js";
-import { h as P, r as _ } from "../../chunks/premium.css-9I4kHrsl.js";
+import { h as P, r as _ } from "../../chunks/premium.css-DHekUEUt.js";
 var z = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (e, a, s, r) => {
   for (var o = r > 1 ? void 0 : r ? S(a, s) : a, g = e.length - 1, i; g >= 0; g--)
     (i = e[g]) && (o = (r ? i(a, s, o) : i(o)) || o);
@@ -50,12 +50,12 @@ let n = class extends k {
       }
     }
     for (const t of this.nodes) s.has(t.id) || r.push(t);
-    const b = c`<svg width="24" height="12" viewBox="0 0 24 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="0" y1="6" x2="18" y2="6"/><path d="M15 2l5 4-5 4"/></svg>`, w = c`<svg width="12" height="24" viewBox="0 0 12 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="6" y1="0" x2="6" y2="18"/><path d="M2 15l4 5 4-5"/></svg>`;
+    const b = c`<svg width="24" height="12" viewBox="0 0 24 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="0" y1="6" x2="18" y2="6"/><path d="M15 2l5 4-5 4"/></svg>`, m = c`<svg width="12" height="24" viewBox="0 0 12 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><line x1="6" y1="0" x2="6" y2="18"/><path d="M2 15l4 5 4-5"/></svg>`;
     return c`
       <div class="container" role="group" aria-label="Data lineage">
         <div class="flow ${a ? "vertical" : ""}">
           ${r.map((t, u) => {
-      const h = e.has(t.id), d = r[u + 1], m = d && this.edges.some((f) => f.from === t.id && f.to === d.id), x = d && e.has(t.id) && e.has(d.id);
+      const h = e.has(t.id), d = r[u + 1], w = d && this.edges.some((f) => f.from === t.id && f.to === d.id), x = d && e.has(t.id) && e.has(d.id);
       return c`
               <div class="step">
                 <button class="node ${h ? "on-path" : ""}"
@@ -65,7 +65,7 @@ let n = class extends k {
                   <span class="node-type">${t.type}</span>
                   ${t.status ? c`<span class="status-dot ${t.status}"></span>` : v}
                 </button>
-                ${m ? c`<span class="arrow ${x ? "on-path" : ""}">${a ? w : b}</span>` : v}
+                ${w ? c`<span class="arrow ${x ? "on-path" : ""}">${a ? m : b}</span>` : v}
               </div>
             `;
     })}
@@ -132,7 +132,7 @@ n.styles = [P, _, y`
     }
 
     .node-label {
-      font-size: var(--cg-font-size-xs);
+      font-size: var(--cg-font-size-sm);
       font-weight: var(--cg-font-weight-semibold);
       white-space: nowrap;
     }
@@ -151,7 +151,7 @@ n.styles = [P, _, y`
       right: var(--cg-spacing-6);
     }
     .status-dot.active { background: var(--cg-color-surface-base-text); }
-    .status-dot.complete { background: var(--cg-color-input-text-placeholder); }
+    .status-dot.complete { background: var(--cg-color-ai-complete-text); }
     .status-dot.error { background: var(--cg-color-status-error-text-default); }
 
     /* ── Arrow ── */

package/dist/components/ai-data-lineage/ai-data-lineage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-data-lineage.js","sources":["../../../src/components/ai-data-lineage/ai-data-lineage.ts"],"sourcesContent":["/**\n * @element ai-data-lineage\n * Minimal data provenance flow — clean monochrome nodes connected by arrows.\n * Click a node to highlight its upstream path.\n *\n * @example\n * ```html\n * <ai-data-lineage\n *   .nodes=${[{id:'1',label:'CSV Upload',type:'source'},{id:'2',label:'Clean',type:'transform'},{id:'3',label:'GPT-4',type:'model'},{id:'4',label:'Summary',type:'output'}]}\n *   .edges=${[{from:'1',to:'2'},{from:'2',to:'3'},{from:'3',to:'4'}]}\n *   highlightPath=\"4\"\n * ></ai-data-lineage>\n * ```\n *\n * @fires {CustomEvent<{id, label, type}>} ai-lineage-node-click - Node clicked\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\nexport interface LineageNode {\n  id: string;\n  label: string;\n  type: 'source' | 'transform' | 'model' | 'output';\n  status?: 'active' | 'complete' | 'error';\n}\n\nexport interface LineageEdge {\n  from: string;\n  to: string;\n}\n\n@customElement('ai-data-lineage')\nexport class AiDataLineage extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\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      overflow-x: auto;\n    }\n\n    .flow {\n      display: flex;\n      align-items: center;\n      min-width: min-content;\n    }\n    .flow.vertical { flex-direction: column; }\n\n    .step {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n    .flow.vertical .step { flex-direction: column; }\n\n    /* ── Node ── */\n    .node {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      background: var(--cg-color-surface-container-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-100);\n      cursor: pointer;\n      font-family: inherit;\n      color: var(--cg-color-surface-base-text);\n      min-width: var(--cg-spacing-80);\n      text-align: center;\n      position: relative;\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .node:hover {\n      border-color: var(--cg-color-input-border-hover);\n    }\n    .node:focus-visible {\n      outline: none;\n      box-shadow:\n        0 0 0 2px var(--cg-color-surface-base-background),\n        0 0 0 4px var(--cg-color-focus-ring);\n    }\n    .node.on-path {\n      border-color: var(--cg-color-surface-base-text);\n      background: var(--cg-overlay-dark-subtle);\n    }\n\n    .node-label {\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      white-space: nowrap;\n    }\n    .node-type {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    /* Status dot */\n    .status-dot {\n      width: var(--cg-spacing-6);\n      height: var(--cg-spacing-6);\n      border-radius: var(--cg-border-radius-full);\n      position: absolute;\n      top: var(--cg-spacing-6);\n      right: var(--cg-spacing-6);\n    }\n    .status-dot.active { background: var(--cg-color-surface-base-text); }\n    .status-dot.complete { background: var(--cg-color-input-text-placeholder); }\n    .status-dot.error { background: var(--cg-color-status-error-text-default); }\n\n    /* ── Arrow ── */\n    .arrow {\n      flex-shrink: 0;\n      color: var(--cg-color-surface-cards-border);\n      display: flex;\n      padding: 0 var(--cg-spacing-2);\n    }\n    .arrow.on-path { color: var(--cg-color-surface-base-text); }\n    .flow.vertical .arrow { padding: var(--cg-spacing-2) 0; }\n\n    .empty {\n      text-align: center;\n      padding: var(--cg-spacing-32);\n      color: var(--cg-color-input-text-placeholder);\n      font-size: var(--cg-font-size-sm);\n    }\n\n    :host([rounded=\"none\"]) .container { border-radius: 0; }\n    :host([rounded=\"sm\"]) .container { border-radius: var(--cg-border-radius-50); }\n    :host([rounded=\"md\"]) .container { border-radius: var(--cg-border-radius-100); }\n    :host([rounded=\"lg\"]) .container { border-radius: var(--cg-border-radius-200); }\n  `];\n\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n  @property({ attribute: false }) nodes: LineageNode[] = [];\n  @property({ attribute: false }) edges: LineageEdge[] = [];\n  @property({ type: String }) highlightPath = '';\n  @property({ type: String }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  private _getPathIds(): Set<string> {\n    if (!this.highlightPath) return new Set();\n    const ids = new Set<string>();\n    const parents = new Map<string, string[]>();\n    for (const e of this.edges) {\n      if (!parents.has(e.to)) parents.set(e.to, []);\n      parents.get(e.to)!.push(e.from);\n    }\n    const q = [this.highlightPath];\n    while (q.length) {\n      const id = q.shift()!;\n      if (ids.has(id)) continue;\n      ids.add(id);\n      for (const p of parents.get(id) || []) q.push(p);\n    }\n    return ids;\n  }\n\n  private _onNodeClick(node: LineageNode) {\n    this.dispatchEvent(new CustomEvent('ai-lineage-node-click', {\n      detail: { id: node.id, label: node.label, type: node.type },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  override render() {\n    if (this.nodes.length === 0) {\n      return html`<div class=\"container\"><div class=\"empty\">No lineage data</div></div>`;\n    }\n\n    const pathIds = this._getPathIds();\n    const isV = this.direction === 'vertical';\n\n    // Topological order\n    const done = new Set<string>();\n    const ordered: LineageNode[] = [];\n    const children = new Map<string, string[]>();\n    for (const e of this.edges) {\n      if (!children.has(e.from)) children.set(e.from, []);\n      children.get(e.from)!.push(e.to);\n    }\n    const targeted = new Set(this.edges.map(e => e.to));\n    const q: (LineageNode | undefined)[] = this.nodes.filter(n => !targeted.has(n.id));\n    if (q.length === 0 && this.nodes.length > 0) q.push(this.nodes[0]);\n    while (q.length) {\n      const n = q.shift();\n      if (!n || done.has(n.id)) continue;\n      done.add(n.id);\n      ordered.push(n);\n      for (const cid of children.get(n.id) || []) {\n        const c = this.nodes.find(x => x.id === cid);\n        if (c && !done.has(c.id)) q.push(c);\n      }\n    }\n    for (const n of this.nodes) if (!done.has(n.id)) ordered.push(n);\n\n    const arrowH = html`<svg width=\"24\" height=\"12\" viewBox=\"0 0 24 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"0\" y1=\"6\" x2=\"18\" y2=\"6\"/><path d=\"M15 2l5 4-5 4\"/></svg>`;\n    const arrowV = html`<svg width=\"12\" height=\"24\" viewBox=\"0 0 12 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"0\" x2=\"6\" y2=\"18\"/><path d=\"M2 15l4 5 4-5\"/></svg>`;\n\n    return html`\n      <div class=\"container\" role=\"group\" aria-label=\"Data lineage\">\n        <div class=\"flow ${isV ? 'vertical' : ''}\">\n          ${ordered.map((node, i) => {\n            const onPath = pathIds.has(node.id);\n            const next = ordered[i + 1];\n            const hasEdge = next && this.edges.some(e => e.from === node.id && e.to === next.id);\n            const edgeOnPath = next && pathIds.has(node.id) && pathIds.has(next.id);\n\n            return html`\n              <div class=\"step\">\n                <button class=\"node ${onPath ? 'on-path' : ''}\"\n                  @click=${() => this._onNodeClick(node)}\n                  aria-label=\"${node.label} (${node.type})\">\n                  <span class=\"node-label\">${node.label}</span>\n                  <span class=\"node-type\">${node.type}</span>\n                  ${node.status ? html`<span class=\"status-dot ${node.status}\"></span>` : nothing}\n                </button>\n                ${hasEdge ? html`<span class=\"arrow ${edgeOnPath ? 'on-path' : ''}\">${isV ? arrowV : arrowH}</span>` : nothing}\n              </div>\n            `;\n          })}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-data-lineage': AiDataLineage;\n  }\n}\n"],"names":["AiDataLineage","LitElement","ids","parents","e","q","id","p","node","html","pathIds","isV","done","ordered","children","targeted","n","cid","c","x","arrowH","arrowV","i","onPath","next","hasEdge","edgeOnPath","nothing","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":"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"}
+{"version":3,"file":"ai-data-lineage.js","sources":["../../../src/components/ai-data-lineage/ai-data-lineage.ts"],"sourcesContent":["/**\n * @element ai-data-lineage\n * Minimal data provenance flow — clean monochrome nodes connected by arrows.\n * Click a node to highlight its upstream path.\n *\n * @example\n * ```html\n * <ai-data-lineage\n *   .nodes=${[{id:'1',label:'CSV Upload',type:'source'},{id:'2',label:'Clean',type:'transform'},{id:'3',label:'GPT-4',type:'model'},{id:'4',label:'Summary',type:'output'}]}\n *   .edges=${[{from:'1',to:'2'},{from:'2',to:'3'},{from:'3',to:'4'}]}\n *   highlightPath=\"4\"\n * ></ai-data-lineage>\n * ```\n *\n * @fires {CustomEvent<{id, label, type}>} ai-lineage-node-click - Node clicked\n */\nimport { LitElement, html, css, nothing } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\nexport interface LineageNode {\n  id: string;\n  label: string;\n  type: 'source' | 'transform' | 'model' | 'output';\n  status?: 'active' | 'complete' | 'error';\n}\n\nexport interface LineageEdge {\n  from: string;\n  to: string;\n}\n\n@customElement('ai-data-lineage')\nexport class AiDataLineage extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\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      overflow-x: auto;\n    }\n\n    .flow {\n      display: flex;\n      align-items: center;\n      min-width: min-content;\n    }\n    .flow.vertical { flex-direction: column; }\n\n    .step {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n    }\n    .flow.vertical .step { flex-direction: column; }\n\n    /* ── Node ── */\n    .node {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      background: var(--cg-color-surface-container-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-border-radius-100);\n      cursor: pointer;\n      font-family: inherit;\n      color: var(--cg-color-surface-base-text);\n      min-width: var(--cg-spacing-80);\n      text-align: center;\n      position: relative;\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        background var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .node:hover {\n      border-color: var(--cg-color-input-border-hover);\n    }\n    .node:focus-visible {\n      outline: none;\n      box-shadow:\n        0 0 0 2px var(--cg-color-surface-base-background),\n        0 0 0 4px var(--cg-color-focus-ring);\n    }\n    .node.on-path {\n      border-color: var(--cg-color-surface-base-text);\n      background: var(--cg-overlay-dark-subtle);\n    }\n\n    .node-label {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-semibold);\n      white-space: nowrap;\n    }\n    .node-type {\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-input-text-placeholder);\n    }\n\n    /* Status dot */\n    .status-dot {\n      width: var(--cg-spacing-6);\n      height: var(--cg-spacing-6);\n      border-radius: var(--cg-border-radius-full);\n      position: absolute;\n      top: var(--cg-spacing-6);\n      right: var(--cg-spacing-6);\n    }\n    .status-dot.active { background: var(--cg-color-surface-base-text); }\n    .status-dot.complete { background: var(--cg-color-ai-complete-text); }\n    .status-dot.error { background: var(--cg-color-status-error-text-default); }\n\n    /* ── Arrow ── */\n    .arrow {\n      flex-shrink: 0;\n      color: var(--cg-color-surface-cards-border);\n      display: flex;\n      padding: 0 var(--cg-spacing-2);\n    }\n    .arrow.on-path { color: var(--cg-color-surface-base-text); }\n    .flow.vertical .arrow { padding: var(--cg-spacing-2) 0; }\n\n    .empty {\n      text-align: center;\n      padding: var(--cg-spacing-32);\n      color: var(--cg-color-input-text-placeholder);\n      font-size: var(--cg-font-size-sm);\n    }\n\n    :host([rounded=\"none\"]) .container { border-radius: 0; }\n    :host([rounded=\"sm\"]) .container { border-radius: var(--cg-border-radius-50); }\n    :host([rounded=\"md\"]) .container { border-radius: var(--cg-border-radius-100); }\n    :host([rounded=\"lg\"]) .container { border-radius: var(--cg-border-radius-200); }\n  `];\n\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' = 'lg';\n  @property({ attribute: false }) nodes: LineageNode[] = [];\n  @property({ attribute: false }) edges: LineageEdge[] = [];\n  @property({ type: String }) highlightPath = '';\n  @property({ type: String }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  private _getPathIds(): Set<string> {\n    if (!this.highlightPath) return new Set();\n    const ids = new Set<string>();\n    const parents = new Map<string, string[]>();\n    for (const e of this.edges) {\n      if (!parents.has(e.to)) parents.set(e.to, []);\n      parents.get(e.to)!.push(e.from);\n    }\n    const q = [this.highlightPath];\n    while (q.length) {\n      const id = q.shift()!;\n      if (ids.has(id)) continue;\n      ids.add(id);\n      for (const p of parents.get(id) || []) q.push(p);\n    }\n    return ids;\n  }\n\n  private _onNodeClick(node: LineageNode) {\n    this.dispatchEvent(new CustomEvent('ai-lineage-node-click', {\n      detail: { id: node.id, label: node.label, type: node.type },\n      bubbles: true, composed: true,\n    }));\n  }\n\n  override render() {\n    if (this.nodes.length === 0) {\n      return html`<div class=\"container\"><div class=\"empty\">No lineage data</div></div>`;\n    }\n\n    const pathIds = this._getPathIds();\n    const isV = this.direction === 'vertical';\n\n    // Topological order\n    const done = new Set<string>();\n    const ordered: LineageNode[] = [];\n    const children = new Map<string, string[]>();\n    for (const e of this.edges) {\n      if (!children.has(e.from)) children.set(e.from, []);\n      children.get(e.from)!.push(e.to);\n    }\n    const targeted = new Set(this.edges.map(e => e.to));\n    const q: (LineageNode | undefined)[] = this.nodes.filter(n => !targeted.has(n.id));\n    if (q.length === 0 && this.nodes.length > 0) q.push(this.nodes[0]);\n    while (q.length) {\n      const n = q.shift();\n      if (!n || done.has(n.id)) continue;\n      done.add(n.id);\n      ordered.push(n);\n      for (const cid of children.get(n.id) || []) {\n        const c = this.nodes.find(x => x.id === cid);\n        if (c && !done.has(c.id)) q.push(c);\n      }\n    }\n    for (const n of this.nodes) if (!done.has(n.id)) ordered.push(n);\n\n    const arrowH = html`<svg width=\"24\" height=\"12\" viewBox=\"0 0 24 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"0\" y1=\"6\" x2=\"18\" y2=\"6\"/><path d=\"M15 2l5 4-5 4\"/></svg>`;\n    const arrowV = html`<svg width=\"12\" height=\"24\" viewBox=\"0 0 12 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"0\" x2=\"6\" y2=\"18\"/><path d=\"M2 15l4 5 4-5\"/></svg>`;\n\n    return html`\n      <div class=\"container\" role=\"group\" aria-label=\"Data lineage\">\n        <div class=\"flow ${isV ? 'vertical' : ''}\">\n          ${ordered.map((node, i) => {\n            const onPath = pathIds.has(node.id);\n            const next = ordered[i + 1];\n            const hasEdge = next && this.edges.some(e => e.from === node.id && e.to === next.id);\n            const edgeOnPath = next && pathIds.has(node.id) && pathIds.has(next.id);\n\n            return html`\n              <div class=\"step\">\n                <button class=\"node ${onPath ? 'on-path' : ''}\"\n                  @click=${() => this._onNodeClick(node)}\n                  aria-label=\"${node.label} (${node.type})\">\n                  <span class=\"node-label\">${node.label}</span>\n                  <span class=\"node-type\">${node.type}</span>\n                  ${node.status ? html`<span class=\"status-dot ${node.status}\"></span>` : nothing}\n                </button>\n                ${hasEdge ? html`<span class=\"arrow ${edgeOnPath ? 'on-path' : ''}\">${isV ? arrowV : arrowH}</span>` : nothing}\n              </div>\n            `;\n          })}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ai-data-lineage': AiDataLineage;\n  }\n}\n"],"names":["AiDataLineage","LitElement","ids","parents","e","q","id","p","node","html","pathIds","isV","done","ordered","children","targeted","n","cid","c","x","arrowH","arrowV","i","onPath","next","hasEdge","edgeOnPath","nothing","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/ai-data-preview/ai-data-preview.d.ts

@@ -5,15 +5,8 @@ export declare class AiDataPreview extends LitElement {
     format: 'json' | 'csv' | 'table';
     maxRows: number;
     title: string;
-    loading: boolean;
-    error: string;
     private _getRowCount;
     private _getSize;
-    /** Detect column type by sampling values across rows. */
-    private _inferColumnType;
-    private _cellType;
-    private _typeClass;
-    private _formatCell;
     private _syntaxHighlight;
     private _renderJson;
     private _renderTable;

package/dist/components/ai-data-preview/ai-data-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-data-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ai-data-preview/ai-data-preview.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AAIrC,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAwKnB;IAE6B,IAAI,EAAE,OAAO,CAAQ;IACzB,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAU;IACnB,OAAO,SAAM;IAC3B,KAAK,SAAkB;IAC/B,OAAO,UAAS;IACjB,KAAK,SAAM;IAIvC,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,QAAQ;IAYhB,yDAAyD;IACzD,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IA4CpB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,cAAc;IA6BtB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,SAAS;IAMR,MAAM;CAqChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"ai-data-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ai-data-preview/ai-data-preview.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAiJnB;IAC6B,IAAI,EAAE,OAAO,CAAQ;IACzB,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAU;IAC1C,OAAO,SAAM;IACJ,KAAK,SAAkB;IAE5D,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,gBAAgB;IA4BxB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,SAAS;IAMR,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}