@memberjunction/ng-artifacts 5.10.1 → 5.12.0

package/dist/lib/components/plugins/data-artifact-viewer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/data-artifact-viewer.component.ts","../../../../src/lib/components/plugins/data-artifact-viewer.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Metadata, RunQuery, CompositeKey, KeyValuePair } from '@memberjunction/core';\nimport { QueryEngine, ArtifactMetadataEngine } from '@memberjunction/core-entities';\nimport { QueryGridColumnConfig, QueryEntityLinkClickEvent, resolveTargetEntity } from '@memberjunction/ng-query-viewer';\nimport { BaseArtifactViewerPluginComponent, ArtifactViewerTab, NavigationRequest } from '../base-artifact-viewer.component';\nimport { SaveQueryResult } from './save-query-dialog.component';\n\n/**\n * JSON schema for Data artifact content.\n * The agent produces this structure when emitting query/view results.\n */\ninterface DataArtifactSpec {\n  /** Data source type */\n  source: 'query' | 'view';\n\n  /** Display title for the data */\n  title?: string;\n\n  /** For query source: the query ID to render via mj-query-viewer */\n  queryId?: string;\n\n  /** For query source: parameter values to pass */\n  parameters?: Record<string, string | number | boolean>;\n\n  /** For view source: the entity name */\n  entityName?: string;\n\n  /** For view source: extra WHERE filter */\n  extraFilter?: string;\n\n  /** Column definitions for inline data display */\n  columns?: DataArtifactColumn[];\n\n  /** Inline row data (when results are embedded directly) */\n  rows?: Record<string, unknown>[];\n\n  /** Optional markdown plan/approach description (mermaid diagrams, explanations) */\n  plan?: string;\n\n  /** Query metadata */\n  metadata?: {\n    sql?: string;\n    rowCount?: number;\n    executionTimeMs?: number;\n  };\n\n  /** ID of saved query (set after user saves from artifact) */\n  savedQueryId?: string;\n\n  /** Name of saved query (for display) */\n  savedQueryName?: string;\n\n  /** Version number this query was saved/updated from */\n  savedAtVersionNumber?: number;\n}\n\ninterface DataArtifactColumn {\n  field: string;\n  headerName?: string;\n  width?: number;\n\n  /** MJ entity name this column originates from (e.g., \"Members\") */\n  sourceEntity?: string;\n\n  /** Field name in that entity (e.g., \"ID\", \"FirstName\") */\n  sourceFieldName?: string;\n\n  /** True for calculated expressions (CASE, ROUND, CONCAT, etc.) */\n  isComputed?: boolean;\n\n  /** True for aggregate functions (SUM, COUNT, AVG, etc.) */\n  isSummary?: boolean;\n\n  /** SQL data type: int, nvarchar, uniqueidentifier, datetime, decimal, bit, money, etc. */\n  sqlBaseType?: string;\n}\n\n/**\n * Describes the relationship between the current artifact version's SQL\n * and the saved query record. Drives the toolbar UI.\n */\ntype QuerySyncState =\n  | 'no-query-latest'    // No saved query, viewing latest version → show \"Save Query\"\n  | 'no-query-older'     // No saved query, viewing older version → no actions\n  | 'synced'             // SQL matches saved query → green badge + \"Open Query\"\n  | 'outdated-latest'    // SQL differs, viewing latest → amber badge + dropdown\n  | 'query-ahead'        // Viewing older version, query was updated at a newer version\n  | 'query-behind';      // Viewing middle version, saved at older, not latest → muted\n\n/**\n * Viewer component for Data artifacts.\n *\n * Displays tabular data using AG Grid via mj-query-data-grid. Supports two modes:\n * 1. **Live data**: When metadata.sql is present, executes the query dynamically via RunQuery({ SQL })\n *    to fetch fresh data on each view. Falls back to inline rows on error.\n * 2. **Inline data**: Rows embedded directly in the artifact JSON (backward compat with older artifacts)\n *\n * The Query Builder agent emits artifacts with metadata.sql for live execution.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-data-artifact-viewer',\n  templateUrl: './data-artifact-viewer.component.html',\n  styleUrls: ['./data-artifact-viewer.component.css']\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'DataArtifactViewerPlugin')\nexport class DataArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {\n  @Output() openEntityRecord = new EventEmitter<{entityName: string; compositeKey: CompositeKey}>();\n  @Output() override navigationRequest = new EventEmitter<NavigationRequest>();\n  public override tabsChanged = new EventEmitter<void>();\n\n  public spec: DataArtifactSpec | null = null;\n  public GridData: Record<string, unknown>[] = [];\n  public GridColumnConfigs: QueryGridColumnConfig[] | null = null;\n  public IsLoading = false;\n  public IsLive = false;\n  public HasError = false;\n  public ErrorMessage = '';\n  public ShowSaveDialog = false;\n  public ShowUpdateDropdown = false;\n  public IsSaving = false;\n  public SavingMessage = '';\n\n  /** Query sync state — drives the toolbar UI for saved query actions */\n  public QuerySyncState: QuerySyncState = 'no-query-latest';\n\n  /** Latest version number for this artifact (from cache) */\n  public LatestVersionNumber = 0;\n\n  /** Metadata from live execution (overrides spec.metadata when live) */\n  private liveRowCount: number | null = null;\n  private liveExecutionTime: number | null = null;\n\n  /** SQL from the saved query record (for comparison) */\n  private savedQuerySql: string | null = null;\n\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  public override get hasDisplayContent(): boolean {\n    return this.spec != null && (this.HasData || this.IsLoading);\n  }\n\n  public override get parentShouldShowRawContent(): boolean {\n    return true;\n  }\n\n  public get HasData(): boolean {\n    return this.GridData.length > 0;\n  }\n\n  public get HasInlineData(): boolean {\n    return !!(this.spec?.rows && this.spec.rows.length > 0);\n  }\n\n  public get DisplayRowCount(): number | null {\n    return this.liveRowCount ?? this.spec?.metadata?.rowCount ?? null;\n  }\n\n  public get DisplayExecutionTime(): number | null {\n    return this.liveExecutionTime ?? this.spec?.metadata?.executionTimeMs ?? null;\n  }\n\n  /** Current artifact version number */\n  public get CurrentVersionNumber(): number {\n    return this.artifactVersion?.VersionNumber || 1;\n  }\n\n  /** Whether this is the latest version of the artifact */\n  public get IsLatestVersion(): boolean {\n    return this.CurrentVersionNumber === this.LatestVersionNumber;\n  }\n\n  /**\n   * The effective version number at which the query was last saved/updated.\n   * When viewing an older version, this looks ahead through newer versions\n   * to find the most recent savedAtVersionNumber for the same query,\n   * giving the user accurate context (e.g., \"Query updated at v3\" instead\n   * of the stale \"Saved at v1\" from this version's snapshot).\n   */\n  public EffectiveSavedAtVersion: number | null = null;\n\n  /** Alias used by the template */\n  public get SavedAtVersion(): number | null {\n    return this.EffectiveSavedAtVersion;\n  }\n\n  /** Display name for the saved query */\n  public get SavedQueryDisplayName(): string {\n    return this.spec?.savedQueryName || 'Saved Query';\n  }\n\n  async ngOnInit(): Promise<void> {\n    try {\n      this.spec = this.parseJsonContent<DataArtifactSpec>();\n      if (!this.spec) {\n        this.HasError = true;\n        this.ErrorMessage = 'Failed to parse data artifact content';\n        return;\n      }\n\n      // Build enriched column configs from agent metadata (if available)\n      this.GridColumnConfigs = this.BuildColumnConfigs();\n\n      // Set loading early (synchronously) so hasDisplayContent is true immediately.\n      // This ensures the Display tab is available when onPluginLoaded fires,\n      // showing a loading indicator instead of briefly flashing the Plan tab.\n      if (this.spec.metadata?.sql || this.HasInlineData) {\n        this.IsLoading = true;\n      }\n\n      // Load cached metadata and resolve query sync state\n      await this.InitQuerySyncState();\n\n      // If SQL is available, execute it live\n      if (this.spec.metadata?.sql) {\n        await this.LoadLiveData();\n      } else if (this.HasInlineData) {\n        // Fall back to embedded rows\n        this.GridData = this.spec.rows!;\n        this.IsLoading = false;\n      }\n\n      // Signal parent that tabs/display content may have changed after async load\n      this.tabsChanged.emit();\n    } catch (error) {\n      this.HasError = true;\n      this.ErrorMessage = error instanceof Error ? error.message : 'Failed to load data';\n    }\n  }\n\n  /**\n   * Re-execute the live SQL query\n   */\n  public async OnRefresh(): Promise<void> {\n    if (this.spec?.metadata?.sql) {\n      await this.LoadLiveData();\n    }\n  }\n\n  /**\n   * Handle entity link click from the grid and bubble up as openEntityRecord.\n   * Converts the grid's recordId string into a CompositeKey for the artifact viewer pipeline.\n   */\n  public OnEntityLinkClick(event: QueryEntityLinkClickEvent): void {\n    const compositeKey = new CompositeKey([\n      new KeyValuePair('ID', event.recordId)\n    ]);\n    this.openEntityRecord.emit({\n      entityName: event.entityName,\n      compositeKey\n    });\n  }\n\n  /**\n   * Execute the SQL query via RunQuery and populate the grid.\n   * Falls back to inline data on error.\n   */\n  private async LoadLiveData(): Promise<void> {\n    this.IsLoading = true;\n    this.HasError = false;\n    this.cdr.detectChanges();\n\n    try {\n      const rq = new RunQuery();\n      const result = await rq.RunQuery({ SQL: this.spec!.metadata!.sql! });\n\n      if (result.Success) {\n        this.GridData = result.Results;\n        this.liveRowCount = result.RowCount;\n        this.liveExecutionTime = result.ExecutionTime;\n        this.IsLive = true;\n      } else {\n        this.HandleQueryError(result.ErrorMessage || 'Query execution failed');\n      }\n    } catch (error) {\n      this.HandleQueryError(error instanceof Error ? error.message : 'Query execution failed');\n    } finally {\n      this.IsLoading = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Build QueryGridColumnConfig[] from enriched artifact column metadata.\n   * Returns null if columns have no entity metadata (grid falls back to auto-inference).\n   */\n  private BuildColumnConfigs(): QueryGridColumnConfig[] | null {\n    if (!this.spec?.columns?.length) return null;\n\n    // Only build if at least one column has entity metadata or type info\n    const hasMetadata = this.spec.columns.some(c => c.sourceEntity || c.sqlBaseType);\n    if (!hasMetadata) return null;\n\n    const md = new Metadata();\n    return this.spec.columns.map((col, index) => {\n      const target = resolveTargetEntity(col.sourceEntity, col.sourceFieldName, md);\n      const isEntityLink = !!(target.targetEntityName && (target.isPrimaryKey || target.isForeignKey));\n      const baseType = (col.sqlBaseType || 'nvarchar').toLowerCase();\n\n      let align: 'left' | 'center' | 'right' = 'left';\n      if (['int', 'bigint', 'decimal', 'numeric', 'float', 'money', 'smallmoney', 'real'].includes(baseType)) {\n        align = 'right';\n      } else if (baseType === 'bit') {\n        align = 'center';\n      }\n\n      return {\n        field: col.field,\n        title: col.headerName || col.field,\n        visible: true,\n        sortable: true,\n        resizable: true,\n        reorderable: true,\n        sqlBaseType: col.sqlBaseType || 'nvarchar',\n        sqlFullType: col.sqlBaseType || 'nvarchar',\n        align,\n        order: index,\n        sourceEntityName: col.sourceEntity,\n        sourceFieldName: col.sourceFieldName,\n        isEntityLink,\n        targetEntityName: target.targetEntityName,\n        targetEntityId: target.targetEntityId,\n        targetEntityIcon: target.targetEntityIcon,\n        isPrimaryKey: target.isPrimaryKey,\n        isForeignKey: target.isForeignKey,\n        pinned: null,\n      } as QueryGridColumnConfig;\n    });\n  }\n\n  /**\n   * Handle a query error by setting error state and falling back to inline data\n   */\n  private HandleQueryError(message: string): void {\n    this.HasError = true;\n    this.ErrorMessage = message;\n    if (this.HasInlineData) {\n      this.GridData = this.spec!.rows!;\n    }\n  }\n\n  // ─── Query Sync State ────────────────────────────────────────────\n\n  /**\n   * Initialize query sync state by loading cached metadata.\n   * Resolves the latest version number and compares saved query SQL.\n   */\n  private async InitQuerySyncState(): Promise<void> {\n    // Ensure artifact cache is loaded (not registered for startup)\n    await ArtifactMetadataEngine.Instance.Config(false);\n\n    this.LatestVersionNumber = this.resolveLatestVersionNumber();\n\n    // If cache is stale (doesn't know about the version we're viewing),\n    // force-refresh and re-resolve. This happens when new versions are\n    // created during a conversation after the cache was first loaded.\n    if (this.LatestVersionNumber < this.CurrentVersionNumber) {\n      await ArtifactMetadataEngine.Instance.Config(true);\n      this.LatestVersionNumber = this.resolveLatestVersionNumber();\n    }\n\n    this.EffectiveSavedAtVersion = this.resolveEffectiveSavedAtVersion();\n    await this.resolveSavedQuerySql();\n    this.QuerySyncState = this.computeQuerySyncState();\n  }\n\n  /**\n   * Determine the latest version number for this artifact from cache.\n   * Falls back to current version if cache miss.\n   */\n  private resolveLatestVersionNumber(): number {\n    if (!this.artifactVersion?.ArtifactID) {\n      return this.CurrentVersionNumber;\n    }\n\n    const versions = ArtifactMetadataEngine.Instance.GetVersionsForArtifact(this.artifactVersion.ArtifactID);\n    if (versions.length > 0) {\n      // GetVersionsForArtifact returns DESC sorted\n      return versions[0].VersionNumber || 1;\n    }\n\n    // Cache miss — current version is our best guess\n    return this.CurrentVersionNumber;\n  }\n\n  /**\n   * Scan all versions of this artifact to find the most recent savedAtVersionNumber\n   * for the same savedQueryId. When viewing an older version, this tells the user\n   * where the query was *actually* last updated, not just what this version's\n   * snapshot recorded at the time.\n   */\n  private resolveEffectiveSavedAtVersion(): number | null {\n    const queryId = this.spec?.savedQueryId;\n    if (!queryId) return null;\n\n    // Start with this version's own value\n    let effective = this.spec?.savedAtVersionNumber ?? null;\n\n    if (!this.artifactVersion?.ArtifactID) return effective;\n\n    // GetVersionsForArtifact returns DESC sorted — scan all versions\n    const versions = ArtifactMetadataEngine.Instance.GetVersionsForArtifact(this.artifactVersion.ArtifactID);\n    for (const v of versions) {\n      try {\n        if (!v.Content) continue;\n        const content = typeof v.Content === 'string' ? JSON.parse(v.Content) : v.Content;\n        if (content.savedQueryId === queryId && content.savedAtVersionNumber != null) {\n          const vSavedAt = content.savedAtVersionNumber as number;\n          if (effective == null || vSavedAt > effective) {\n            effective = vSavedAt;\n          }\n        }\n      } catch {\n        // Skip versions with unparseable content\n      }\n    }\n\n    return effective;\n  }\n\n  /**\n   * Look up the saved query's SQL from QueryEngine cache for comparison.\n   * Only fetches if savedQueryId is present.\n   */\n  private async resolveSavedQuerySql(): Promise<void> {\n    if (!this.spec?.savedQueryId) {\n      this.savedQuerySql = null;\n      return;\n    }\n\n    // QueryEngine is registered for startup, should already be loaded\n    let query = QueryEngine.Instance.FindQueryByID(this.spec.savedQueryId);\n\n    if (!query) {\n      // Cache miss — force refresh and retry\n      await QueryEngine.Instance.Config(true);\n      query = QueryEngine.Instance.FindQueryByID(this.spec.savedQueryId);\n    }\n\n    this.savedQuerySql = query?.SQL ?? null;\n  }\n\n  /**\n   * Compute the query sync state from current spec, version, and saved query SQL.\n   * Implements the decision tree from the UX design.\n   */\n  private computeQuerySyncState(): QuerySyncState {\n    const hasSavedQuery = !!this.spec?.savedQueryId;\n    const isLatest = this.IsLatestVersion;\n\n    if (!hasSavedQuery) {\n      return isLatest ? 'no-query-latest' : 'no-query-older';\n    }\n\n    // Compare SQL (normalize whitespace for reliable comparison)\n    const specSql = this.normalizeSql(this.spec?.metadata?.sql);\n    const querySql = this.normalizeSql(this.savedQuerySql);\n    const sqlMatches = specSql != null && querySql != null && specSql === querySql;\n\n    // Only truly synced if SQL matches AND this is the version it was saved at.\n    // Even with identical SQL, a newer version should show the dropdown so the\n    // user can update the version association (re-save at current version).\n    const savedAtCurrent = this.EffectiveSavedAtVersion === this.CurrentVersionNumber;\n    if (sqlMatches && savedAtCurrent) {\n      return 'synced';\n    }\n\n    // SQL differs — determine position relative to saved version\n    if (isLatest) {\n      return 'outdated-latest';\n    }\n\n    // Use effective saved-at (looks ahead through newer versions)\n    const savedAt = this.EffectiveSavedAtVersion;\n    if (savedAt != null && this.CurrentVersionNumber < savedAt) {\n      return 'query-ahead'; // query was updated at a newer version\n    }\n\n    return 'query-behind'; // ahead of saved but not latest\n  }\n\n  /** Normalize SQL for comparison: trim and collapse whitespace */\n  private normalizeSql(sql: string | null | undefined): string | null {\n    if (sql == null) return null;\n    return sql.trim().replace(/\\s+/g, ' ');\n  }\n\n  // ─── Actions ────────────────────────────────────────────────────\n\n  /** Navigate to the saved query in the Data Explorer's Queries browser */\n  public OnOpenSavedQuery(): void {\n    if (!this.spec?.savedQueryId) return;\n    this.navigationRequest.emit({\n      appName: 'Data Explorer',\n      navItemName: 'Queries',\n      queryParams: { queryId: this.spec.savedQueryId }\n    });\n  }\n\n  /** Show the save panel for creating a brand-new query */\n  public OnShowSaveDialog(): void {\n    this.ShowSaveDialog = true;\n    this.ShowUpdateDropdown = false;\n  }\n\n  /** Toggle the update query dropdown */\n  public OnToggleUpdateDropdown(): void {\n    this.ShowUpdateDropdown = !this.ShowUpdateDropdown;\n  }\n\n  /** Close the dropdown (e.g., on outside click) */\n  public OnCloseDropdown(): void {\n    this.ShowUpdateDropdown = false;\n  }\n\n  /**\n   * Update the existing saved query's SQL to match this version.\n   * Only available from the latest version (Scenario 3).\n   */\n  public async OnUpdateExistingQuery(): Promise<void> {\n    this.ShowUpdateDropdown = false;\n    if (!this.spec?.savedQueryId || !this.spec.metadata?.sql) return;\n\n    this.IsSaving = true;\n    this.SavingMessage = `Updating \"${this.SavedQueryDisplayName}\"...`;\n    this.cdr.detectChanges();\n\n    try {\n      const md = new Metadata();\n      const query = await md.GetEntityObject<import('@memberjunction/core-entities').MJQueryEntity>('MJ: Queries');\n      const loaded = await query.Load(this.spec.savedQueryId);\n\n      if (!loaded) {\n        console.error('Failed to load saved query for update');\n        return;\n      }\n\n      query.SQL = this.spec.metadata.sql;\n      if (this.spec.plan?.trim()) {\n        query.TechnicalDescription = this.spec.plan.trim();\n      }\n      const saved = await query.Save();\n\n      if (saved) {\n        // Update spec with new version tracking\n        this.spec.savedAtVersionNumber = this.CurrentVersionNumber;\n        await this.PersistArtifactContent();\n\n        // Refresh caches so future lookups see the updated data\n        await QueryEngine.Instance.Config(true);\n        await ArtifactMetadataEngine.Instance.Config(true);\n        await md.Refresh();\n\n        this.savedQuerySql = this.spec.metadata.sql;\n        this.EffectiveSavedAtVersion = this.CurrentVersionNumber;\n        this.QuerySyncState = 'synced';\n      }\n    } catch (error) {\n      console.error('Failed to update saved query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Save as a new query (from the dropdown).\n   * Opens the save dialog which creates a fresh query record.\n   */\n  public OnSaveAsNewQuery(): void {\n    this.ShowUpdateDropdown = false;\n    this.ShowSaveDialog = true;\n  }\n\n  /** Handle successful save from the dialog (both initial save and \"save as new\") */\n  public async OnQuerySaved(event: SaveQueryResult): Promise<void> {\n    this.ShowSaveDialog = false;\n    this.IsSaving = true;\n    this.SavingMessage = 'Saving query...';\n    this.cdr.detectChanges();\n\n    try {\n      // Update spec with saved query info and version tracking\n      this.spec!.savedQueryId = event.queryId;\n      this.spec!.savedQueryName = event.queryName;\n      this.spec!.savedAtVersionNumber = this.CurrentVersionNumber;\n\n      // Persist and refresh caches\n      await this.PersistArtifactContent();\n      await QueryEngine.Instance.Config(true);\n      await ArtifactMetadataEngine.Instance.Config(true);\n      await new Metadata().Refresh();\n\n      this.savedQuerySql = this.spec!.metadata?.sql ?? null;\n      this.EffectiveSavedAtVersion = this.CurrentVersionNumber;\n      this.QuerySyncState = 'synced';\n    } catch (error) {\n      console.error('Failed to save query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /** Persist updated spec back to the artifact version entity */\n  private async PersistArtifactContent(): Promise<void> {\n    if (!this.artifactVersion || !this.spec) return;\n    this.artifactVersion.Content = JSON.stringify(this.spec);\n    await this.artifactVersion.Save();\n  }\n\n  // ─── Tabs ───────────────────────────────────────────────────────\n\n  /**\n   * Provide Plan tab (markdown) and SQL tab (code) when available\n   */\n  public GetAdditionalTabs(): ArtifactViewerTab[] {\n    const tabs: ArtifactViewerTab[] = [];\n\n    if (this.spec?.plan) {\n      tabs.push({\n        label: 'Plan',\n        icon: 'fa-diagram-project',\n        contentType: 'markdown',\n        content: this.spec.plan\n      });\n    }\n\n    if (this.spec?.metadata?.sql) {\n      tabs.push({\n        label: 'SQL',\n        icon: 'fa-database',\n        contentType: 'code',\n        language: 'sql',\n        content: this.spec.metadata.sql\n      });\n    }\n\n    return tabs;\n  }\n}\n","<div class=\"data-artifact-viewer\" [ngClass]=\"cssClass\">\n  @if (spec) {\n    @if (HasData || IsLoading) {\n      <!-- Toolbar -->\n      <div class=\"data-toolbar\">\n        <div class=\"data-title\">\n          <i class=\"fas fa-table\"></i>\n          <span>{{ spec.title || 'Data Results' }}</span>\n          @if (IsLive) {\n            <span class=\"live-badge\">Live</span>\n          }\n          @if (DisplayRowCount != null) {\n            <span class=\"row-count\">{{ DisplayRowCount }} rows</span>\n          }\n          @if (DisplayExecutionTime != null) {\n            <span class=\"exec-time\">{{ DisplayExecutionTime }}ms</span>\n          }\n        </div>\n        <div class=\"data-actions\">\n          @if (IsLive) {\n            <button class=\"btn-icon\" title=\"Refresh data\" (click)=\"OnRefresh()\" [disabled]=\"IsLoading\">\n              <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"IsLoading\"></i> Refresh\n            </button>\n          }\n\n          @switch (QuerySyncState) {\n            <!-- S1: No saved query, latest version → Save Query -->\n            @case ('no-query-latest') {\n              <button class=\"btn-icon btn-save\" title=\"Save as reusable query\"\n                (click)=\"OnShowSaveDialog()\">\n                <i class=\"fas fa-save\"></i> Save Query\n              </button>\n            }\n\n            <!-- S2: SQL matches → green badge + Open -->\n            @case ('synced') {\n              <span class=\"query-badge query-badge-synced\">\n                <i class=\"fas fa-check\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-open\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S3: SQL differs, latest version → amber badge + dropdown -->\n            @case ('outdated-latest') {\n              <span class=\"query-badge query-badge-outdated\">\n                <i class=\"fas fa-circle-exclamation\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <div class=\"dropdown-wrapper\">\n                <button class=\"btn-icon btn-warning\" title=\"Update or save query\"\n                  (click)=\"OnToggleUpdateDropdown()\">\n                  <i class=\"fas fa-save\"></i> Update Query <i class=\"fas fa-caret-down\"></i>\n                </button>\n                @if (ShowUpdateDropdown) {\n                  <div class=\"query-dropdown\" (click)=\"$event.stopPropagation()\">\n                    <div class=\"query-dropdown-item\" (click)=\"OnUpdateExistingQuery()\">\n                      <i class=\"fas fa-arrow-up-from-bracket\" style=\"color:#d97706\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Update \"{{ SavedQueryDisplayName }}\"</div>\n                        <div class=\"dropdown-desc\">Replace saved query SQL with this version's SQL</div>\n                      </div>\n                    </div>\n                    <div class=\"query-dropdown-item\" (click)=\"OnSaveAsNewQuery()\">\n                      <i class=\"fas fa-plus\" style=\"color:#16a34a\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Save as New Query</div>\n                        <div class=\"dropdown-desc\">Create a new query, keep the original unchanged</div>\n                      </div>\n                    </div>\n                    <div class=\"query-dropdown-item\" (click)=\"OnOpenSavedQuery(); OnCloseDropdown()\">\n                      <i class=\"fas fa-external-link-alt\" style=\"color:#6c757d\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Open Saved Query</div>\n                        <div class=\"dropdown-desc\">View \"{{ SavedQueryDisplayName }}\" (saved at v{{ SavedAtVersion }})</div>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- S4: Older version, query was updated ahead -->\n            @case ('query-ahead') {\n              <span class=\"query-badge query-badge-muted\">\n                <i class=\"fas fa-clock-rotate-left\"></i> Query updated at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-muted\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S5: Middle version, saved at older, not latest -->\n            @case ('query-behind') {\n              <span class=\"query-badge query-badge-muted\">\n                <i class=\"fas fa-clock-rotate-left\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-muted\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S6: No saved query, older version → no actions -->\n            @case ('no-query-older') {\n              <!-- No query actions available on older versions -->\n            }\n          }\n        </div>\n      </div>\n\n      <!-- Grid -->\n      <div class=\"grid-container\">\n        <!-- Saving overlay -->\n        @if (IsSaving) {\n          <div class=\"saving-overlay\">\n            <mj-loading [text]=\"SavingMessage\"></mj-loading>\n          </div>\n        }\n        @if (IsLoading) {\n          <mj-loading text=\"Loading data...\"></mj-loading>\n        } @else if (HasError && HasData) {\n          <div class=\"error-banner\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <span>{{ ErrorMessage }}</span>\n            <span class=\"fallback-note\">(Showing cached data)</span>\n          </div>\n          <mj-query-data-grid\n            [ColumnConfigs]=\"GridColumnConfigs\"\n            [Data]=\"GridData\"\n            [ShowToolbar]=\"false\"\n            [ShowRefresh]=\"false\"\n            [PersistState]=\"false\"\n            [SelectionMode]=\"'none'\"\n            (EntityLinkClick)=\"OnEntityLinkClick($event)\"\n            Height=\"100%\">\n          </mj-query-data-grid>\n        } @else if (HasError) {\n          <div class=\"error-state\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <p>{{ ErrorMessage }}</p>\n          </div>\n        } @else {\n          <mj-query-data-grid\n            [ColumnConfigs]=\"GridColumnConfigs\"\n            [Data]=\"GridData\"\n            [ShowToolbar]=\"false\"\n            [ShowRefresh]=\"false\"\n            [PersistState]=\"false\"\n            [SelectionMode]=\"'none'\"\n            (EntityLinkClick)=\"OnEntityLinkClick($event)\"\n            Height=\"100%\">\n          </mj-query-data-grid>\n        }\n      </div>\n    } @else if (spec.plan) {\n      <!-- Plan-only view (no results yet) -->\n      <div class=\"data-toolbar\">\n        <div class=\"data-title\">\n          <i class=\"fas fa-diagram-project\"></i>\n          <span>{{ spec.title || 'Query Plan' }}</span>\n        </div>\n      </div>\n      <div class=\"plan-content\">\n        <mj-markdown\n          [data]=\"spec.plan\"\n          [enableMermaid]=\"true\"\n          [enableHighlight]=\"true\"\n          [enableCollapsibleHeadings]=\"false\"\n          [enableSmartypants]=\"true\">\n        </mj-markdown>\n      </div>\n    } @else {\n      <!-- No data and no plan -->\n      <div class=\"empty-state\">\n        <i class=\"fas fa-inbox\"></i>\n        <p>No data to display</p>\n      </div>\n    }\n  } @else if (HasError) {\n    <div class=\"error-state\">\n      <i class=\"fas fa-exclamation-triangle\"></i>\n      <p>{{ ErrorMessage }}</p>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <i class=\"fas fa-inbox\"></i>\n      <p>No data to display</p>\n    </div>\n  }\n\n  <!-- Save Query Panel (slide-in) -->\n  @if (ShowSaveDialog) {\n    <mj-save-query-panel\n      [QueryName]=\"spec?.title || 'Untitled Query'\"\n      [QueryDescription]=\"''\"\n      [SQL]=\"spec?.metadata?.sql || ''\"\n      [Plan]=\"spec?.plan || ''\"\n      (Saved)=\"OnQuerySaved($event)\"\n      (Cancelled)=\"ShowSaveDialog = false\">\n    </mj-save-query-panel>\n  }\n</div>\n"]}
+{"version":3,"file":"data-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/data-artifact-viewer.component.ts","../../../../src/lib/components/plugins/data-artifact-viewer.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, ChangeDetectorRef, Output, EventEmitter } from '@angular/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Metadata, RunQuery, CompositeKey, KeyValuePair } from '@memberjunction/core';\nimport { QueryEngine, ArtifactMetadataEngine } from '@memberjunction/core-entities';\nimport { QueryGridColumnConfig, QueryEntityLinkClickEvent, resolveTargetEntity } from '@memberjunction/ng-query-viewer';\nimport { PageChangeEvent } from '@memberjunction/ng-pagination';\nimport { BaseArtifactViewerPluginComponent, ArtifactViewerTab, NavigationRequest } from '../base-artifact-viewer.component';\nimport { SaveQueryResult } from './save-query-dialog.component';\n\n/**\n * JSON schema for Data artifact content.\n * The agent produces this structure when emitting query/view results.\n */\ninterface DataArtifactSpec {\n  /** Data source type */\n  source: 'query' | 'view';\n\n  /** Display title for the data */\n  title?: string;\n\n  /** For query source: the query ID to render via mj-query-viewer */\n  queryId?: string;\n\n  /** For query source: parameter values to pass */\n  parameters?: Record<string, string | number | boolean>;\n\n  /** For view source: the entity name */\n  entityName?: string;\n\n  /** For view source: extra WHERE filter */\n  extraFilter?: string;\n\n  /** Column definitions for inline data display */\n  columns?: DataArtifactColumn[];\n\n  /** Inline row data (when results are embedded directly) */\n  rows?: Record<string, unknown>[];\n\n  /** Optional markdown plan/approach description (mermaid diagrams, explanations) */\n  plan?: string;\n\n  /** Query metadata */\n  metadata?: {\n    sql?: string;\n    rowCount?: number;\n    executionTimeMs?: number;\n  };\n\n  /** ID of saved query (set after user saves from artifact) */\n  savedQueryId?: string;\n\n  /** Name of saved query (for display) */\n  savedQueryName?: string;\n\n  /** Version number this query was saved/updated from */\n  savedAtVersionNumber?: number;\n}\n\ninterface DataArtifactColumn {\n  field: string;\n  headerName?: string;\n  width?: number;\n\n  /** MJ entity name this column originates from (e.g., \"Members\") */\n  sourceEntity?: string;\n\n  /** Field name in that entity (e.g., \"ID\", \"FirstName\") */\n  sourceFieldName?: string;\n\n  /** True for calculated expressions (CASE, ROUND, CONCAT, etc.) */\n  isComputed?: boolean;\n\n  /** True for aggregate functions (SUM, COUNT, AVG, etc.) */\n  isSummary?: boolean;\n\n  /** SQL data type: int, nvarchar, uniqueidentifier, datetime, decimal, bit, money, etc. */\n  sqlBaseType?: string;\n}\n\n/**\n * Describes the relationship between the current artifact version's SQL\n * and the saved query record. Drives the toolbar UI.\n */\ntype QuerySyncState =\n  | 'no-query-latest'    // No saved query, viewing latest version → show \"Save Query\"\n  | 'no-query-older'     // No saved query, viewing older version → no actions\n  | 'synced'             // SQL matches saved query → green badge + \"Open Query\"\n  | 'outdated-latest'    // SQL differs, viewing latest → amber badge + dropdown\n  | 'query-ahead'        // Viewing older version, query was updated at a newer version\n  | 'query-behind';      // Viewing middle version, saved at older, not latest → muted\n\n/**\n * Viewer component for Data artifacts.\n *\n * Displays tabular data using AG Grid via mj-query-data-grid. Supports two modes:\n * 1. **Live data**: When metadata.sql is present, executes the query dynamically via RunQuery({ SQL })\n *    to fetch fresh data on each view. Falls back to inline rows on error.\n * 2. **Inline data**: Rows embedded directly in the artifact JSON (backward compat with older artifacts)\n *\n * The Query Builder agent emits artifacts with metadata.sql for live execution.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-data-artifact-viewer',\n  templateUrl: './data-artifact-viewer.component.html',\n  styleUrls: ['./data-artifact-viewer.component.css']\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'DataArtifactViewerPlugin')\nexport class DataArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {\n  @Output() openEntityRecord = new EventEmitter<{entityName: string; compositeKey: CompositeKey}>();\n  @Output() override navigationRequest = new EventEmitter<NavigationRequest>();\n  public override tabsChanged = new EventEmitter<void>();\n\n  public spec: DataArtifactSpec | null = null;\n  public GridData: Record<string, unknown>[] = [];\n  public GridColumnConfigs: QueryGridColumnConfig[] | null = null;\n  public IsLoading = false;\n  public IsLive = false;\n  public HasError = false;\n  public ErrorMessage = '';\n  public ShowSaveDialog = false;\n  public ShowUpdateDropdown = false;\n  public IsSaving = false;\n  public SavingMessage = '';\n\n  /** Paging state — passed through to mj-query-data-grid's embedded pager */\n  public PagerTotalRowCount = 0;\n  public PagerPageNumber = 1;\n  public PagerPageSize = 100;\n\n  /** Query sync state — drives the toolbar UI for saved query actions */\n  public QuerySyncState: QuerySyncState = 'no-query-latest';\n\n  /** Latest version number for this artifact (from cache) */\n  public LatestVersionNumber = 0;\n\n  /** Metadata from live execution (overrides spec.metadata when live) */\n  private liveRowCount: number | null = null;\n  private liveExecutionTime: number | null = null;\n\n  /** SQL from the saved query record (for comparison) */\n  private savedQuerySql: string | null = null;\n\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  public override get hasDisplayContent(): boolean {\n    return this.spec != null && (this.HasData || this.IsLoading);\n  }\n\n  public override get parentShouldShowRawContent(): boolean {\n    return true;\n  }\n\n  public get HasData(): boolean {\n    return this.GridData.length > 0;\n  }\n\n  public get HasInlineData(): boolean {\n    return !!(this.spec?.rows && this.spec.rows.length > 0);\n  }\n\n  public get DisplayRowCount(): number | null {\n    return this.liveRowCount ?? this.spec?.metadata?.rowCount ?? null;\n  }\n\n  public get DisplayExecutionTime(): number | null {\n    return this.liveExecutionTime ?? this.spec?.metadata?.executionTimeMs ?? null;\n  }\n\n  /** Current artifact version number */\n  public get CurrentVersionNumber(): number {\n    return this.artifactVersion?.VersionNumber || 1;\n  }\n\n  /** Whether this is the latest version of the artifact */\n  public get IsLatestVersion(): boolean {\n    return this.CurrentVersionNumber === this.LatestVersionNumber;\n  }\n\n  /**\n   * The effective version number at which the query was last saved/updated.\n   * When viewing an older version, this looks ahead through newer versions\n   * to find the most recent savedAtVersionNumber for the same query,\n   * giving the user accurate context (e.g., \"Query updated at v3\" instead\n   * of the stale \"Saved at v1\" from this version's snapshot).\n   */\n  public EffectiveSavedAtVersion: number | null = null;\n\n  /** Alias used by the template */\n  public get SavedAtVersion(): number | null {\n    return this.EffectiveSavedAtVersion;\n  }\n\n  /** Display name for the saved query */\n  public get SavedQueryDisplayName(): string {\n    return this.spec?.savedQueryName || 'Saved Query';\n  }\n\n  async ngOnInit(): Promise<void> {\n    try {\n      this.spec = this.parseJsonContent<DataArtifactSpec>();\n      if (!this.spec) {\n        this.HasError = true;\n        this.ErrorMessage = 'Failed to parse data artifact content';\n        return;\n      }\n\n      // Build enriched column configs from agent metadata (if available)\n      this.GridColumnConfigs = this.BuildColumnConfigs();\n\n      // Set loading early (synchronously) so hasDisplayContent is true immediately.\n      // This ensures the Display tab is available when onPluginLoaded fires,\n      // showing a loading indicator instead of briefly flashing the Plan tab.\n      if (this.spec.metadata?.sql || this.HasInlineData) {\n        this.IsLoading = true;\n      }\n\n      // Load cached metadata and resolve query sync state\n      await this.InitQuerySyncState();\n\n      // If SQL is available, execute it live\n      if (this.spec.metadata?.sql) {\n        await this.LoadLiveData();\n      } else if (this.HasInlineData) {\n        // Fall back to embedded rows\n        this.GridData = this.spec.rows!;\n        this.IsLoading = false;\n      }\n\n      // Signal parent that tabs/display content may have changed after async load\n      this.tabsChanged.emit();\n    } catch (error) {\n      this.HasError = true;\n      this.ErrorMessage = error instanceof Error ? error.message : 'Failed to load data';\n    }\n  }\n\n  /**\n   * Re-execute the live SQL query\n   */\n  public async OnRefresh(): Promise<void> {\n    if (this.spec?.metadata?.sql) {\n      await this.LoadLiveData();\n    }\n  }\n\n  /**\n   * Handle entity link click from the grid and bubble up as openEntityRecord.\n   * Converts the grid's recordId string into a CompositeKey for the artifact viewer pipeline.\n   */\n  public OnEntityLinkClick(event: QueryEntityLinkClickEvent): void {\n    const md = new Metadata();\n    const entity = md.Entities.find(e => e.Name === event.entityName);\n    const pkFieldName = entity?.FirstPrimaryKey?.Name ?? 'ID';\n\n    const compositeKey = new CompositeKey([\n      new KeyValuePair(pkFieldName, event.recordId)\n    ]);\n    this.openEntityRecord.emit({\n      entityName: event.entityName,\n      compositeKey\n    });\n  }\n\n  /**\n   * Handle page change from the data grid's embedded pager.\n   * Re-executes the live SQL with the new page parameters.\n   */\n  public async OnPageChange(event: PageChangeEvent): Promise<void> {\n    if (!this.spec?.metadata?.sql) return;\n    this.PagerPageNumber = event.PageNumber;\n    this.PagerPageSize = event.PageSize;\n    await this.LoadLiveData();\n  }\n\n  /**\n   * Execute the SQL query via RunQuery and populate the grid.\n   * Falls back to inline data on error.\n   */\n  private async LoadLiveData(): Promise<void> {\n    this.IsLoading = true;\n    this.HasError = false;\n    this.cdr.detectChanges();\n\n    try {\n      const rq = new RunQuery();\n      const startRow = (this.PagerPageNumber - 1) * this.PagerPageSize;\n      const result = await rq.RunQuery({\n        SQL: this.spec!.metadata!.sql!,\n        StartRow: startRow,\n        MaxRows: this.PagerPageSize\n      });\n\n      if (result.Success) {\n        this.GridData = result.Results;\n        this.liveRowCount = result.RowCount;\n        this.liveExecutionTime = result.ExecutionTime;\n        this.IsLive = true;\n\n        // Update pager state from result\n        if (result.TotalRowCount != null) {\n          this.PagerTotalRowCount = result.TotalRowCount;\n        }\n        if (result.PageNumber != null) {\n          this.PagerPageNumber = result.PageNumber;\n        }\n        if (result.PageSize != null) {\n          this.PagerPageSize = result.PageSize;\n        }\n      } else {\n        this.HandleQueryError(result.ErrorMessage || 'Query execution failed');\n      }\n    } catch (error) {\n      this.HandleQueryError(error instanceof Error ? error.message : 'Query execution failed');\n    } finally {\n      this.IsLoading = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Build QueryGridColumnConfig[] from enriched artifact column metadata.\n   * Returns null if columns have no entity metadata (grid falls back to auto-inference).\n   */\n  private BuildColumnConfigs(): QueryGridColumnConfig[] | null {\n    if (!this.spec?.columns?.length) return null;\n\n    // Only build if at least one column has entity metadata or type info\n    const hasMetadata = this.spec.columns.some(c => c.sourceEntity || c.sqlBaseType);\n    if (!hasMetadata) return null;\n\n    const md = new Metadata();\n    return this.spec.columns.map((col, index) => {\n      const target = resolveTargetEntity(col.sourceEntity, col.sourceFieldName, md);\n      const isEntityLink = !!(target.targetEntityName && (target.isPrimaryKey || target.isForeignKey));\n      const baseType = (col.sqlBaseType || 'nvarchar').toLowerCase();\n\n      let align: 'left' | 'center' | 'right' = 'left';\n      if (['int', 'bigint', 'decimal', 'numeric', 'float', 'money', 'smallmoney', 'real'].includes(baseType)) {\n        align = 'right';\n      } else if (baseType === 'bit') {\n        align = 'center';\n      }\n\n      return {\n        field: col.field,\n        title: col.headerName || col.field,\n        visible: true,\n        sortable: true,\n        resizable: true,\n        reorderable: true,\n        sqlBaseType: col.sqlBaseType || 'nvarchar',\n        sqlFullType: col.sqlBaseType || 'nvarchar',\n        align,\n        order: index,\n        sourceEntityName: col.sourceEntity,\n        sourceFieldName: col.sourceFieldName,\n        isEntityLink,\n        targetEntityName: target.targetEntityName,\n        targetEntityId: target.targetEntityId,\n        targetEntityIcon: target.targetEntityIcon,\n        isPrimaryKey: target.isPrimaryKey,\n        isForeignKey: target.isForeignKey,\n        pinned: null,\n      } as QueryGridColumnConfig;\n    });\n  }\n\n  /**\n   * Handle a query error by setting error state and falling back to inline data\n   */\n  private HandleQueryError(message: string): void {\n    this.HasError = true;\n    this.ErrorMessage = message;\n    if (this.HasInlineData) {\n      this.GridData = this.spec!.rows!;\n    }\n  }\n\n  // ─── Query Sync State ────────────────────────────────────────────\n\n  /**\n   * Initialize query sync state by loading cached metadata.\n   * Resolves the latest version number and compares saved query SQL.\n   */\n  private async InitQuerySyncState(): Promise<void> {\n    // Ensure artifact cache is loaded (not registered for startup)\n    await ArtifactMetadataEngine.Instance.Config(false);\n\n    this.LatestVersionNumber = this.resolveLatestVersionNumber();\n\n    // If cache is stale (doesn't know about the version we're viewing),\n    // force-refresh and re-resolve. This happens when new versions are\n    // created during a conversation after the cache was first loaded.\n    if (this.LatestVersionNumber < this.CurrentVersionNumber) {\n      await ArtifactMetadataEngine.Instance.Config(true);\n      this.LatestVersionNumber = this.resolveLatestVersionNumber();\n    }\n\n    this.EffectiveSavedAtVersion = this.resolveEffectiveSavedAtVersion();\n    await this.resolveSavedQuerySql();\n    this.QuerySyncState = this.computeQuerySyncState();\n  }\n\n  /**\n   * Determine the latest version number for this artifact from cache.\n   * Falls back to current version if cache miss.\n   */\n  private resolveLatestVersionNumber(): number {\n    if (!this.artifactVersion?.ArtifactID) {\n      return this.CurrentVersionNumber;\n    }\n\n    const versions = ArtifactMetadataEngine.Instance.GetVersionsForArtifact(this.artifactVersion.ArtifactID);\n    if (versions.length > 0) {\n      // GetVersionsForArtifact returns DESC sorted\n      return versions[0].VersionNumber || 1;\n    }\n\n    // Cache miss — current version is our best guess\n    return this.CurrentVersionNumber;\n  }\n\n  /**\n   * Scan all versions of this artifact to find the most recent savedAtVersionNumber\n   * for the same savedQueryId. When viewing an older version, this tells the user\n   * where the query was *actually* last updated, not just what this version's\n   * snapshot recorded at the time.\n   */\n  private resolveEffectiveSavedAtVersion(): number | null {\n    const queryId = this.spec?.savedQueryId;\n    if (!queryId) return null;\n\n    // Start with this version's own value\n    let effective = this.spec?.savedAtVersionNumber ?? null;\n\n    if (!this.artifactVersion?.ArtifactID) return effective;\n\n    // GetVersionsForArtifact returns DESC sorted — scan all versions\n    const versions = ArtifactMetadataEngine.Instance.GetVersionsForArtifact(this.artifactVersion.ArtifactID);\n    for (const v of versions) {\n      try {\n        if (!v.Content) continue;\n        const content = typeof v.Content === 'string' ? JSON.parse(v.Content) : v.Content;\n        if (content.savedQueryId === queryId && content.savedAtVersionNumber != null) {\n          const vSavedAt = content.savedAtVersionNumber as number;\n          if (effective == null || vSavedAt > effective) {\n            effective = vSavedAt;\n          }\n        }\n      } catch {\n        // Skip versions with unparseable content\n      }\n    }\n\n    return effective;\n  }\n\n  /**\n   * Look up the saved query's SQL from QueryEngine cache for comparison.\n   * Only fetches if savedQueryId is present.\n   */\n  private async resolveSavedQuerySql(): Promise<void> {\n    if (!this.spec?.savedQueryId) {\n      this.savedQuerySql = null;\n      return;\n    }\n\n    // QueryEngine is registered for startup, should already be loaded\n    let query = QueryEngine.Instance.FindQueryByID(this.spec.savedQueryId);\n\n    if (!query) {\n      // Cache miss — force refresh and retry\n      await QueryEngine.Instance.Config(true);\n      query = QueryEngine.Instance.FindQueryByID(this.spec.savedQueryId);\n    }\n\n    this.savedQuerySql = query?.SQL ?? null;\n  }\n\n  /**\n   * Compute the query sync state from current spec, version, and saved query SQL.\n   * Implements the decision tree from the UX design.\n   */\n  private computeQuerySyncState(): QuerySyncState {\n    const hasSavedQuery = !!this.spec?.savedQueryId;\n    const isLatest = this.IsLatestVersion;\n\n    if (!hasSavedQuery) {\n      return isLatest ? 'no-query-latest' : 'no-query-older';\n    }\n\n    // Compare SQL (normalize whitespace for reliable comparison)\n    const specSql = this.normalizeSql(this.spec?.metadata?.sql);\n    const querySql = this.normalizeSql(this.savedQuerySql);\n    const sqlMatches = specSql != null && querySql != null && specSql === querySql;\n\n    // Only truly synced if SQL matches AND this is the version it was saved at.\n    // Even with identical SQL, a newer version should show the dropdown so the\n    // user can update the version association (re-save at current version).\n    const savedAtCurrent = this.EffectiveSavedAtVersion === this.CurrentVersionNumber;\n    if (sqlMatches && savedAtCurrent) {\n      return 'synced';\n    }\n\n    // SQL differs — determine position relative to saved version\n    if (isLatest) {\n      return 'outdated-latest';\n    }\n\n    // Use effective saved-at (looks ahead through newer versions)\n    const savedAt = this.EffectiveSavedAtVersion;\n    if (savedAt != null && this.CurrentVersionNumber < savedAt) {\n      return 'query-ahead'; // query was updated at a newer version\n    }\n\n    return 'query-behind'; // ahead of saved but not latest\n  }\n\n  /** Normalize SQL for comparison: trim and collapse whitespace */\n  private normalizeSql(sql: string | null | undefined): string | null {\n    if (sql == null) return null;\n    return sql.trim().replace(/\\s+/g, ' ');\n  }\n\n  // ─── Actions ────────────────────────────────────────────────────\n\n  /** Navigate to the saved query in the Data Explorer's Queries browser */\n  public OnOpenSavedQuery(): void {\n    if (!this.spec?.savedQueryId) return;\n    this.navigationRequest.emit({\n      appName: 'Data Explorer',\n      navItemName: 'Queries',\n      queryParams: { queryId: this.spec.savedQueryId }\n    });\n  }\n\n  /** Show the save panel for creating a brand-new query */\n  public OnShowSaveDialog(): void {\n    this.ShowSaveDialog = true;\n    this.ShowUpdateDropdown = false;\n  }\n\n  /** Toggle the update query dropdown */\n  public OnToggleUpdateDropdown(): void {\n    this.ShowUpdateDropdown = !this.ShowUpdateDropdown;\n  }\n\n  /** Close the dropdown (e.g., on outside click) */\n  public OnCloseDropdown(): void {\n    this.ShowUpdateDropdown = false;\n  }\n\n  /**\n   * Update the existing saved query's SQL to match this version.\n   * Only available from the latest version (Scenario 3).\n   */\n  public async OnUpdateExistingQuery(): Promise<void> {\n    this.ShowUpdateDropdown = false;\n    if (!this.spec?.savedQueryId || !this.spec.metadata?.sql) return;\n\n    this.IsSaving = true;\n    this.SavingMessage = `Updating \"${this.SavedQueryDisplayName}\"...`;\n    this.cdr.detectChanges();\n\n    try {\n      const md = new Metadata();\n      const query = await md.GetEntityObject<import('@memberjunction/core-entities').MJQueryEntity>('MJ: Queries');\n      const loaded = await query.Load(this.spec.savedQueryId);\n\n      if (!loaded) {\n        console.error('Failed to load saved query for update');\n        return;\n      }\n\n      query.SQL = this.spec.metadata.sql;\n      if (this.spec.plan?.trim()) {\n        query.TechnicalDescription = this.spec.plan.trim();\n      }\n      const saved = await query.Save();\n\n      if (saved) {\n        // Update spec with new version tracking\n        this.spec.savedAtVersionNumber = this.CurrentVersionNumber;\n        await this.PersistArtifactContent();\n\n        // Refresh caches so future lookups see the updated data\n        await QueryEngine.Instance.Config(true);\n        await ArtifactMetadataEngine.Instance.Config(true);\n        await md.Refresh();\n\n        this.savedQuerySql = this.spec.metadata.sql;\n        this.EffectiveSavedAtVersion = this.CurrentVersionNumber;\n        this.QuerySyncState = 'synced';\n      }\n    } catch (error) {\n      console.error('Failed to update saved query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Save as a new query (from the dropdown).\n   * Opens the save dialog which creates a fresh query record.\n   */\n  public OnSaveAsNewQuery(): void {\n    this.ShowUpdateDropdown = false;\n    this.ShowSaveDialog = true;\n  }\n\n  /** Handle successful save from the dialog (both initial save and \"save as new\") */\n  public async OnQuerySaved(event: SaveQueryResult): Promise<void> {\n    this.ShowSaveDialog = false;\n    this.IsSaving = true;\n    this.SavingMessage = 'Saving query...';\n    this.cdr.detectChanges();\n\n    try {\n      // Update spec with saved query info and version tracking\n      this.spec!.savedQueryId = event.queryId;\n      this.spec!.savedQueryName = event.queryName;\n      this.spec!.savedAtVersionNumber = this.CurrentVersionNumber;\n\n      // Persist and refresh caches\n      await this.PersistArtifactContent();\n      await QueryEngine.Instance.Config(true);\n      await ArtifactMetadataEngine.Instance.Config(true);\n      await new Metadata().Refresh();\n\n      this.savedQuerySql = this.spec!.metadata?.sql ?? null;\n      this.EffectiveSavedAtVersion = this.CurrentVersionNumber;\n      this.QuerySyncState = 'synced';\n    } catch (error) {\n      console.error('Failed to save query:', error);\n    } finally {\n      this.IsSaving = false;\n      this.cdr.detectChanges();\n    }\n  }\n\n  /** Persist updated spec back to the artifact version entity */\n  private async PersistArtifactContent(): Promise<void> {\n    if (!this.artifactVersion || !this.spec) return;\n    this.artifactVersion.Content = JSON.stringify(this.spec);\n    await this.artifactVersion.Save();\n  }\n\n  // ─── Tabs ───────────────────────────────────────────────────────\n\n  /**\n   * Provide Plan tab (markdown) and SQL tab (code) when available\n   */\n  public GetAdditionalTabs(): ArtifactViewerTab[] {\n    const tabs: ArtifactViewerTab[] = [];\n\n    if (this.spec?.plan) {\n      tabs.push({\n        label: 'Plan',\n        icon: 'fa-diagram-project',\n        contentType: 'markdown',\n        content: this.spec.plan\n      });\n    }\n\n    if (this.spec?.metadata?.sql) {\n      tabs.push({\n        label: 'SQL',\n        icon: 'fa-database',\n        contentType: 'code',\n        language: 'sql',\n        content: this.spec.metadata.sql\n      });\n    }\n\n    return tabs;\n  }\n}\n","<div class=\"data-artifact-viewer\" [ngClass]=\"cssClass\">\n  @if (spec) {\n    @if (HasData || IsLoading) {\n      <!-- Toolbar -->\n      <div class=\"data-toolbar\">\n        <div class=\"data-title\">\n          <i class=\"fas fa-table\"></i>\n          <span>{{ spec.title || 'Data Results' }}</span>\n          @if (IsLive) {\n            <span class=\"live-badge\">Live</span>\n          }\n          @if (DisplayRowCount != null) {\n            <span class=\"row-count\">{{ DisplayRowCount }} rows</span>\n          }\n          @if (DisplayExecutionTime != null) {\n            <span class=\"exec-time\">{{ DisplayExecutionTime }}ms</span>\n          }\n        </div>\n        <div class=\"data-actions\">\n          @if (IsLive) {\n            <button class=\"btn-icon\" title=\"Refresh data\" (click)=\"OnRefresh()\" [disabled]=\"IsLoading\">\n              <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"IsLoading\"></i> Refresh\n            </button>\n          }\n\n          @switch (QuerySyncState) {\n            <!-- S1: No saved query, latest version → Save Query -->\n            @case ('no-query-latest') {\n              <button class=\"btn-icon btn-save\" title=\"Save as reusable query\"\n                (click)=\"OnShowSaveDialog()\">\n                <i class=\"fas fa-save\"></i> Save Query\n              </button>\n            }\n\n            <!-- S2: SQL matches → green badge + Open -->\n            @case ('synced') {\n              <span class=\"query-badge query-badge-synced\">\n                <i class=\"fas fa-check\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-open\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S3: SQL differs, latest version → amber badge + dropdown -->\n            @case ('outdated-latest') {\n              <span class=\"query-badge query-badge-outdated\">\n                <i class=\"fas fa-circle-exclamation\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <div class=\"dropdown-wrapper\">\n                <button class=\"btn-icon btn-warning\" title=\"Update or save query\"\n                  (click)=\"OnToggleUpdateDropdown()\">\n                  <i class=\"fas fa-save\"></i> Update Query <i class=\"fas fa-caret-down\"></i>\n                </button>\n                @if (ShowUpdateDropdown) {\n                  <div class=\"query-dropdown\" (click)=\"$event.stopPropagation()\">\n                    <div class=\"query-dropdown-item\" (click)=\"OnUpdateExistingQuery()\">\n                      <i class=\"fas fa-arrow-up-from-bracket\" style=\"color:#d97706\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Update \"{{ SavedQueryDisplayName }}\"</div>\n                        <div class=\"dropdown-desc\">Replace saved query SQL with this version's SQL</div>\n                      </div>\n                    </div>\n                    <div class=\"query-dropdown-item\" (click)=\"OnSaveAsNewQuery()\">\n                      <i class=\"fas fa-plus\" style=\"color:#16a34a\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Save as New Query</div>\n                        <div class=\"dropdown-desc\">Create a new query, keep the original unchanged</div>\n                      </div>\n                    </div>\n                    <div class=\"query-dropdown-item\" (click)=\"OnOpenSavedQuery(); OnCloseDropdown()\">\n                      <i class=\"fas fa-external-link-alt\" style=\"color:var(--mj-text-muted)\"></i>\n                      <div>\n                        <div class=\"dropdown-label\">Open Saved Query</div>\n                        <div class=\"dropdown-desc\">View \"{{ SavedQueryDisplayName }}\" (saved at v{{ SavedAtVersion }})</div>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- S4: Older version, query was updated ahead -->\n            @case ('query-ahead') {\n              <span class=\"query-badge query-badge-muted\">\n                <i class=\"fas fa-clock-rotate-left\"></i> Query updated at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-muted\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S5: Middle version, saved at older, not latest -->\n            @case ('query-behind') {\n              <span class=\"query-badge query-badge-muted\">\n                <i class=\"fas fa-clock-rotate-left\"></i> Saved at v{{ SavedAtVersion }}\n              </span>\n              <button class=\"btn-icon btn-muted\" title=\"Open saved query record\"\n                (click)=\"OnOpenSavedQuery()\">\n                <i class=\"fas fa-external-link-alt\"></i> Open Query\n              </button>\n            }\n\n            <!-- S6: No saved query, older version → no actions -->\n            @case ('no-query-older') {\n              <!-- No query actions available on older versions -->\n            }\n          }\n        </div>\n      </div>\n\n      <!-- Grid -->\n      <div class=\"grid-container\">\n        <!-- Saving overlay -->\n        @if (IsSaving) {\n          <div class=\"saving-overlay\">\n            <mj-loading [text]=\"SavingMessage\"></mj-loading>\n          </div>\n        }\n        @if (IsLoading) {\n          <mj-loading text=\"Loading data...\"></mj-loading>\n        } @else if (HasError && HasData) {\n          <div class=\"error-banner\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <span>{{ ErrorMessage }}</span>\n            <span class=\"fallback-note\">(Showing cached data)</span>\n          </div>\n          <mj-query-data-grid\n            [ColumnConfigs]=\"GridColumnConfigs\"\n            [Data]=\"GridData\"\n            [TotalRowCount]=\"PagerTotalRowCount\"\n            [PageNumber]=\"PagerPageNumber\"\n            [PageSize]=\"PagerPageSize\"\n            [ShowToolbar]=\"false\"\n            [ShowRefresh]=\"false\"\n            [PersistState]=\"false\"\n            [SelectionMode]=\"'none'\"\n            (EntityLinkClick)=\"OnEntityLinkClick($event)\"\n            (PageChange)=\"OnPageChange($event)\"\n            Height=\"100%\">\n          </mj-query-data-grid>\n        } @else if (HasError) {\n          <div class=\"error-state\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <p>{{ ErrorMessage }}</p>\n          </div>\n        } @else {\n          <mj-query-data-grid\n            [ColumnConfigs]=\"GridColumnConfigs\"\n            [Data]=\"GridData\"\n            [TotalRowCount]=\"PagerTotalRowCount\"\n            [PageNumber]=\"PagerPageNumber\"\n            [PageSize]=\"PagerPageSize\"\n            [ShowToolbar]=\"false\"\n            [ShowRefresh]=\"false\"\n            [PersistState]=\"false\"\n            [SelectionMode]=\"'none'\"\n            (EntityLinkClick)=\"OnEntityLinkClick($event)\"\n            (PageChange)=\"OnPageChange($event)\"\n            Height=\"100%\">\n          </mj-query-data-grid>\n        }\n      </div>\n    } @else if (spec.plan) {\n      <!-- Plan-only view (no results yet) -->\n      <div class=\"data-toolbar\">\n        <div class=\"data-title\">\n          <i class=\"fas fa-diagram-project\"></i>\n          <span>{{ spec.title || 'Query Plan' }}</span>\n        </div>\n      </div>\n      <div class=\"plan-content\">\n        <mj-markdown\n          [data]=\"spec.plan\"\n          [enableMermaid]=\"true\"\n          [enableHighlight]=\"true\"\n          [enableCollapsibleHeadings]=\"false\"\n          [enableSmartypants]=\"true\">\n        </mj-markdown>\n      </div>\n    } @else {\n      <!-- No data and no plan -->\n      <div class=\"empty-state\">\n        <i class=\"fas fa-inbox\"></i>\n        <p>No data to display</p>\n      </div>\n    }\n  } @else if (HasError) {\n    <div class=\"error-state\">\n      <i class=\"fas fa-exclamation-triangle\"></i>\n      <p>{{ ErrorMessage }}</p>\n    </div>\n  } @else {\n    <div class=\"empty-state\">\n      <i class=\"fas fa-inbox\"></i>\n      <p>No data to display</p>\n    </div>\n  }\n\n  <!-- Save Query Panel (slide-in) -->\n  @if (ShowSaveDialog) {\n    <mj-save-query-panel\n      [QueryName]=\"spec?.title || 'Untitled Query'\"\n      [QueryDescription]=\"''\"\n      [SQL]=\"spec?.metadata?.sql || ''\"\n      [Plan]=\"spec?.plan || ''\"\n      (Saved)=\"OnQuerySaved($event)\"\n      (Cancelled)=\"ShowSaveDialog = false\">\n    </mj-save-query-panel>\n  }\n</div>\n"]}

package/dist/lib/components/plugins/data-requirements-viewer/data-requirements-viewer.component.js

@@ -681,11 +681,11 @@ export class DataRequirementsViewerComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.hasData ? 1 : 2);
-        } }, dependencies: [i1.NgClass, i2.MarkdownComponent], styles: [".data-requirements-viewer[_ngcontent-%COMP%] {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: #fafbfc;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: #dee2e6;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n\n\n.summary-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #033ba3 0%, #5cb6f6 100%);\n  color: white;\n  border-radius: 0;\n}\n\n.mode-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n\n\n.description-section[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n}\n\n.description-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.description-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.description-content[_ngcontent-%COMP%] {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #495057;\n}\n\n.description-content[_ngcontent-%COMP%]     p {\n  margin: 0 0 12px 0;\n}\n\n.description-content[_ngcontent-%COMP%]     p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content[_ngcontent-%COMP%]     pre {\n  background: #f8f9fa;\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content[_ngcontent-%COMP%]     code {\n  background: #f1f3f4;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n  padding: 20px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #343a40;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n  font-size: 18px;\n}\n\n\n\n.cards-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\n\n.data-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e9ecef;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card[_ngcontent-%COMP%]:hover {\n  border-color: #dee2e6;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.data-card.expanded[_ngcontent-%COMP%] {\n  border-color: #5B4FE9;\n  box-shadow: 0 4px 12px rgba(91, 79, 233, 0.12);\n}\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);\n  color: #4CAF50;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n  color: #2196F3;\n}\n\n.card-title-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.title-with-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: _ngcontent-%COMP%_subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n@keyframes _ngcontent-%COMP%_subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\n}\n\n.card-path[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: #6c757d;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n  color: #6c757d;\n  line-height: 1.4;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  color: #adb5bd;\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n\n\n.card-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid #f1f3f4;\n}\n\n.permissions-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: white;\n  text-transform: capitalize;\n}\n\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.field-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.entity-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: #f1f3f4;\n  color: #495057;\n}\n\n.entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid #f1f3f4;\n}\n\n\n\n.usage-context[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: #FFF8E1;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #6d4c00;\n}\n\n.usage-context[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #FFA000;\n  margin-top: 2px;\n}\n\n\n\n.fields-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.fields-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\n\n.fields-table[_ngcontent-%COMP%] {\n  border: 1px solid #e9ecef;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e9ecef;\n  font-size: 11px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid #f1f3f4;\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.field-row[_ngcontent-%COMP%]:hover {\n  background: #fafbfc;\n}\n\n.field-col[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col[_ngcontent-%COMP%] {\n  flex: 0 0 120px;\n}\n\n.tags-col[_ngcontent-%COMP%] {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col[_ngcontent-%COMP%] {\n  flex: 1;\n  color: #6c757d;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #212529;\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n  color: #dc3545;\n  font-weight: bold;\n}\n\n.field-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: #f1f3f4;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n\n\n.parameters-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.parameters-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.parameters-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item[_ngcontent-%COMP%] {\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border-left: 3px solid #5B4FE9;\n}\n\n.param-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #212529;\n  font-size: 14px;\n}\n\n.required-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #dc3545;\n  color: white;\n  text-transform: uppercase;\n}\n\n.optional-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #6c757d;\n  color: white;\n  text-transform: uppercase;\n}\n\n.param-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: #e9ecef;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description[_ngcontent-%COMP%] {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: #495057;\n  line-height: 1.4;\n}\n\n.param-sample[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label[_ngcontent-%COMP%] {\n  color: #6c757d;\n  margin-right: 4px;\n}\n\n.param-sample[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: #e83e8c;\n}\n\n\n\n.sql-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.sql-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.sql-code[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  background: #1e1e1e;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #d4d4d4;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n\n\n@media (max-width: 768px) {\n  .summary-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    flex: 0 0 140px;\n  }\n\n  .type-col[_ngcontent-%COMP%] {\n    flex: 0 0 90px;\n  }\n\n  .tags-col[_ngcontent-%COMP%] {\n    flex: 0 0 120px;\n  }\n\n  .card-meta[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}"] });
+        } }, dependencies: [i1.NgClass, i2.MarkdownComponent], styles: [".data-requirements-viewer[_ngcontent-%COMP%] {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: var(--mj-border-default);\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.summary-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 0;\n}\n\n.mode-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n\n\n.description-section[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.description-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.description-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.description-content[_ngcontent-%COMP%] {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--mj-text-secondary);\n}\n\n.description-content[_ngcontent-%COMP%]     p {\n  margin: 0 0 12px 0;\n}\n\n.description-content[_ngcontent-%COMP%]     p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content[_ngcontent-%COMP%]     pre {\n  background: var(--mj-bg-surface-sunken);\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content[_ngcontent-%COMP%]     code {\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n  padding: 20px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n\n\n.cards-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\n\n.data-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-border-default);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.data-card.expanded[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  box-shadow: var(--mj-shadow-md);\n}\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.card-title-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.title-with-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.new-query-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: _ngcontent-%COMP%_subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n@keyframes _ngcontent-%COMP%_subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\n}\n\n.card-path[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  line-height: 1.4;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.card-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.permissions-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  text-transform: capitalize;\n}\n\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.field-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.entity-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n\n\n.usage-context[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-status-warning);\n}\n\n.usage-context[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  margin-top: 2px;\n}\n\n\n\n.fields-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.fields-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\n\n.fields-table[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.field-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.field-col[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col[_ngcontent-%COMP%] {\n  flex: 0 0 120px;\n}\n\n.tags-col[_ngcontent-%COMP%] {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col[_ngcontent-%COMP%] {\n  flex: 1;\n  color: var(--mj-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  font-weight: bold;\n}\n\n.field-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n\n\n.parameters-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.parameters-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.parameters-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item[_ngcontent-%COMP%] {\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n.param-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n\n.required-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n}\n\n.optional-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n}\n\n.param-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: var(--mj-border-default);\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description[_ngcontent-%COMP%] {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n}\n\n.param-sample[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  margin-right: 4px;\n}\n\n.param-sample[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: var(--mj-status-error);\n}\n\n\n\n.sql-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.sql-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.sql-code[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  background: var(--mj-bg-code-block, #1e1e1e);\n  border-radius: var(--mj-radius-md);\n  font-size: var(--mj-text-xs);\n  line-height: 1.5;\n  color: var(--mj-text-code, #d4d4d4);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n\n\n@media (max-width: 768px) {\n  .summary-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    flex: 0 0 140px;\n  }\n\n  .type-col[_ngcontent-%COMP%] {\n    flex: 0 0 90px;\n  }\n\n  .tags-col[_ngcontent-%COMP%] {\n    flex: 0 0 120px;\n  }\n\n  .card-meta[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataRequirementsViewerComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-data-requirements-viewer', template: "<div class=\"data-requirements-viewer\">\n  @if (!hasData) {\n    <div class=\"empty-state\">\n      <i class=\"fas fa-database\"></i>\n      <h3>No Data Requirements</h3>\n      <p>This component doesn't have any data requirements defined.</p>\n    </div>\n  } @else {\n    <!-- Header Summary -->\n    <div class=\"summary-header\">\n      <div class=\"mode-badge\">\n        <i class=\"fas\" [ngClass]=\"modeIcon\"></i>\n        <span>{{ modeLabel }}</span>\n      </div>\n      <div class=\"stats\">\n        @if (entities.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ entities.length }}</span>\n            <span class=\"stat-label\">{{ entities.length === 1 ? 'Entity' : 'Entities' }}</span>\n          </div>\n        }\n        @if (queries.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ queries.length }}</span>\n            <span class=\"stat-label\">{{ queries.length === 1 ? 'Query' : 'Queries' }}</span>\n          </div>\n        }\n        <div class=\"stat-item\">\n          <span class=\"stat-value\">{{ totalFieldCount }}</span>\n          <span class=\"stat-label\">{{ totalFieldCount === 1 ? 'Field' : 'Fields' }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Description / Overview (supports markdown including mermaid diagrams) -->\n    @if (description) {\n      <div class=\"description-section\">\n        <h4 class=\"description-title\">\n          <i class=\"fas fa-info-circle\"></i>\n          Overview\n        </h4>\n        <div class=\"description-content\">\n          <mj-markdown [data]=\"description\"\n            [enableCollapsibleHeadings]=\"false\"\n            [enableLineNumbers]=\"false\"\n            [enableSmartypants]=\"true\"\n          [enableHtml]=\"true\"></mj-markdown>\n        </div>\n      </div>\n    }\n\n    <!-- Entities Section -->\n    @if (entities.length > 0) {\n      <div class=\"section entities-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-table\"></i>\n          Entities\n        </h3>\n        <div class=\"cards-container\">\n          @for (entity of entities; track entity.name) {\n            <div class=\"data-card entity-card\" [class.expanded]=\"isEntityExpanded(entity.name)\">\n              <div class=\"card-header\" (click)=\"toggleEntity(entity.name)\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon\">\n                    <i class=\"fas fa-table\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <h4 class=\"card-title\">{{ entity.name }}</h4>\n                    @if (entity.description) {\n                      <p class=\"card-description\">{{ entity.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isEntityExpanded(entity.name) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  <div class=\"permissions-row\">\n                    @for (perm of entity.permissionLevelNeeded; track perm) {\n                      <span class=\"permission-badge\" [style.background-color]=\"getPermissionColor(perm)\">\n                        <i class=\"fas\" [ngClass]=\"getPermissionIcon(perm)\"></i>\n                        {{ perm }}\n                      </span>\n                    }\n                  </div>\n                  <span class=\"field-count\">{{ entity.fieldMetadata.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isEntityExpanded(entity.name)) {\n                <div class=\"card-body\">\n                  @if (entity.usageContext) {\n                    <div class=\"usage-context\">\n                      <i class=\"fas fa-info-circle\"></i>\n                      <span>{{ entity.usageContext }}</span>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (entity.fieldMetadata && entity.fieldMetadata.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col tags-col\">Usage</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of entity.fieldMetadata; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                              @if (!field.allowsNull) {\n                                <span class=\"required-indicator\" title=\"Required\">*</span>\n                              }\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col tags-col\">\n                              @for (tag of getFieldUsageTags(field, entity); track tag) {\n                                <span class=\"usage-tag\" [style.background-color]=\"getTagColor(tag)\">{{ tag }}</span>\n                              }\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Queries Section -->\n    @if (queries.length > 0) {\n      <div class=\"section queries-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-database\"></i>\n          Queries\n        </h3>\n        <div class=\"cards-container\">\n          @for (query of queries; track getQueryKey(query)) {\n            <div class=\"data-card query-card\" [class.expanded]=\"isQueryExpanded(getQueryKey(query))\">\n              <div class=\"card-header\" (click)=\"toggleQuery(getQueryKey(query))\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon query-icon\">\n                    <i class=\"fas fa-code\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <div class=\"title-with-badge\">\n                      <h4 class=\"card-title\">{{ query.name }}</h4>\n                      @if (query.isNew) {\n                        <span class=\"new-query-badge\" title=\"This query was newly created for this component\">\n                          <i class=\"fas fa-sparkles\"></i>\n                          NEW\n                        </span>\n                      }\n                    </div>\n                    <p class=\"card-path\">{{ query.categoryPath }}</p>\n                    @if (query.description) {\n                      <p class=\"card-description\">{{ query.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isQueryExpanded(getQueryKey(query)) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  @if (query.entityNames && query.entityNames.length > 0) {\n                    <div class=\"entity-badges\">\n                      @for (entityName of query.entityNames; track entityName) {\n                        <span class=\"entity-badge\">\n                          <i class=\"fas fa-table\"></i>\n                          {{ entityName }}\n                        </span>\n                      }\n                    </div>\n                  }\n                  <span class=\"field-count\">{{ query.fields.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isQueryExpanded(getQueryKey(query))) {\n                <div class=\"card-body\">\n                  <!-- Parameters -->\n                  @if (query.parameters && query.parameters.length > 0) {\n                    <div class=\"parameters-section\">\n                      <h5 class=\"parameters-title\">\n                        <i class=\"fas fa-sliders-h\"></i>\n                        Parameters\n                      </h5>\n                      <div class=\"parameters-list\">\n                        @for (param of query.parameters; track param.name) {\n                          <div class=\"parameter-item\">\n                            <div class=\"param-header\">\n                              <span class=\"param-name\">{{ param.name }}</span>\n                              @if (param.isRequired) {\n                                <span class=\"required-badge\">Required</span>\n                              } @else {\n                                <span class=\"optional-badge\">Optional</span>\n                              }\n                              @if (param.type) {\n                                <code class=\"param-type\">{{ param.type }}</code>\n                              }\n                            </div>\n                            @if (param.description) {\n                              <p class=\"param-description\">{{ param.description }}</p>\n                            }\n                            @if (param.sampleValue || param.testValue) {\n                              <div class=\"param-sample\">\n                                <span class=\"sample-label\">Sample:</span>\n                                <code>{{ param.sampleValue || param.testValue }}</code>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (query.fields && query.fields.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Output Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of query.fields; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- New Query SQL -->\n                  @if (query.newQuerySQL) {\n                    <div class=\"sql-section\">\n                      <h5 class=\"sql-title\">\n                        <i class=\"fas fa-terminal\"></i>\n                        Query SQL\n                      </h5>\n                      <pre class=\"sql-code\">{{ query.newQuerySQL }}</pre>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".data-requirements-viewer {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: #fafbfc;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: #6c757d;\n}\n\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: #dee2e6;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n/* Summary Header */\n.summary-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #033ba3 0%, #5cb6f6 100%);\n  color: white;\n  border-radius: 0;\n}\n\n.mode-badge {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge i {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n/* Description Section */\n.description-section {\n  padding: 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n}\n\n.description-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.description-title i {\n  color: #5B4FE9;\n}\n\n.description-content {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #495057;\n}\n\n.description-content ::ng-deep p {\n  margin: 0 0 12px 0;\n}\n\n.description-content ::ng-deep p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content ::ng-deep pre {\n  background: #f8f9fa;\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content ::ng-deep code {\n  background: #f1f3f4;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n/* Section Styling */\n.section {\n  padding: 20px;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #343a40;\n}\n\n.section-title i {\n  color: #5B4FE9;\n  font-size: 18px;\n}\n\n/* Cards Container */\n.cards-container {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Data Card */\n.data-card {\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e9ecef;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card:hover {\n  border-color: #dee2e6;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.data-card.expanded {\n  border-color: #5B4FE9;\n  box-shadow: 0 4px 12px rgba(91, 79, 233, 0.12);\n}\n\n/* Card Header */\n.card-header {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);\n  color: #4CAF50;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon {\n  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n  color: #2196F3;\n}\n\n.card-title-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.title-with-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge i {\n  font-size: 9px;\n}\n\n@keyframes subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\n}\n\n.card-path {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: #6c757d;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description {\n  margin: 0;\n  font-size: 13px;\n  color: #6c757d;\n  line-height: 1.4;\n}\n\n.expand-icon {\n  color: #adb5bd;\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded .expand-icon {\n  color: #5B4FE9;\n}\n\n/* Card Meta */\n.card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid #f1f3f4;\n}\n\n.permissions-row {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: white;\n  text-transform: capitalize;\n}\n\n.permission-badge i {\n  font-size: 10px;\n}\n\n.field-count {\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.entity-badges {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: #f1f3f4;\n  color: #495057;\n}\n\n.entity-badge i {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n/* Card Body */\n.card-body {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid #f1f3f4;\n}\n\n/* Usage Context */\n.usage-context {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: #FFF8E1;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #6d4c00;\n}\n\n.usage-context i {\n  color: #FFA000;\n  margin-top: 2px;\n}\n\n/* Fields Section */\n.fields-section {\n  margin-top: 16px;\n}\n\n.fields-title {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Fields Table */\n.fields-table {\n  border: 1px solid #e9ecef;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header {\n  display: flex;\n  padding: 10px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e9ecef;\n  font-size: 11px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid #f1f3f4;\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row:last-child {\n  border-bottom: none;\n}\n\n.field-row:hover {\n  background: #fafbfc;\n}\n\n.field-col {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col {\n  flex: 0 0 120px;\n}\n\n.tags-col {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col {\n  flex: 1;\n  color: #6c757d;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name {\n  font-weight: 500;\n  color: #212529;\n}\n\n.required-indicator {\n  color: #dc3545;\n  font-weight: bold;\n}\n\n.field-type {\n  padding: 2px 6px;\n  background: #f1f3f4;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n/* Parameters Section */\n.parameters-section {\n  margin-top: 16px;\n}\n\n.parameters-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title i {\n  color: #5B4FE9;\n}\n\n.parameters-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item {\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border-left: 3px solid #5B4FE9;\n}\n\n.param-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name {\n  font-weight: 600;\n  color: #212529;\n  font-size: 14px;\n}\n\n.required-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #dc3545;\n  color: white;\n  text-transform: uppercase;\n}\n\n.optional-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #6c757d;\n  color: white;\n  text-transform: uppercase;\n}\n\n.param-type {\n  padding: 2px 6px;\n  background: #e9ecef;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: #495057;\n  line-height: 1.4;\n}\n\n.param-sample {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label {\n  color: #6c757d;\n  margin-right: 4px;\n}\n\n.param-sample code {\n  padding: 2px 6px;\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: #e83e8c;\n}\n\n/* SQL Section */\n.sql-section {\n  margin-top: 16px;\n}\n\n.sql-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title i {\n  color: #5B4FE9;\n}\n\n.sql-code {\n  margin: 0;\n  padding: 16px;\n  background: #1e1e1e;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #d4d4d4;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .summary-header {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col {\n    flex: 0 0 140px;\n  }\n\n  .type-col {\n    flex: 0 0 90px;\n  }\n\n  .tags-col {\n    flex: 0 0 120px;\n  }\n\n  .card-meta {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-data-requirements-viewer', template: "<div class=\"data-requirements-viewer\">\n  @if (!hasData) {\n    <div class=\"empty-state\">\n      <i class=\"fas fa-database\"></i>\n      <h3>No Data Requirements</h3>\n      <p>This component doesn't have any data requirements defined.</p>\n    </div>\n  } @else {\n    <!-- Header Summary -->\n    <div class=\"summary-header\">\n      <div class=\"mode-badge\">\n        <i class=\"fas\" [ngClass]=\"modeIcon\"></i>\n        <span>{{ modeLabel }}</span>\n      </div>\n      <div class=\"stats\">\n        @if (entities.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ entities.length }}</span>\n            <span class=\"stat-label\">{{ entities.length === 1 ? 'Entity' : 'Entities' }}</span>\n          </div>\n        }\n        @if (queries.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ queries.length }}</span>\n            <span class=\"stat-label\">{{ queries.length === 1 ? 'Query' : 'Queries' }}</span>\n          </div>\n        }\n        <div class=\"stat-item\">\n          <span class=\"stat-value\">{{ totalFieldCount }}</span>\n          <span class=\"stat-label\">{{ totalFieldCount === 1 ? 'Field' : 'Fields' }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Description / Overview (supports markdown including mermaid diagrams) -->\n    @if (description) {\n      <div class=\"description-section\">\n        <h4 class=\"description-title\">\n          <i class=\"fas fa-info-circle\"></i>\n          Overview\n        </h4>\n        <div class=\"description-content\">\n          <mj-markdown [data]=\"description\"\n            [enableCollapsibleHeadings]=\"false\"\n            [enableLineNumbers]=\"false\"\n            [enableSmartypants]=\"true\"\n          [enableHtml]=\"true\"></mj-markdown>\n        </div>\n      </div>\n    }\n\n    <!-- Entities Section -->\n    @if (entities.length > 0) {\n      <div class=\"section entities-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-table\"></i>\n          Entities\n        </h3>\n        <div class=\"cards-container\">\n          @for (entity of entities; track entity.name) {\n            <div class=\"data-card entity-card\" [class.expanded]=\"isEntityExpanded(entity.name)\">\n              <div class=\"card-header\" (click)=\"toggleEntity(entity.name)\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon\">\n                    <i class=\"fas fa-table\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <h4 class=\"card-title\">{{ entity.name }}</h4>\n                    @if (entity.description) {\n                      <p class=\"card-description\">{{ entity.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isEntityExpanded(entity.name) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  <div class=\"permissions-row\">\n                    @for (perm of entity.permissionLevelNeeded; track perm) {\n                      <span class=\"permission-badge\" [style.background-color]=\"getPermissionColor(perm)\">\n                        <i class=\"fas\" [ngClass]=\"getPermissionIcon(perm)\"></i>\n                        {{ perm }}\n                      </span>\n                    }\n                  </div>\n                  <span class=\"field-count\">{{ entity.fieldMetadata.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isEntityExpanded(entity.name)) {\n                <div class=\"card-body\">\n                  @if (entity.usageContext) {\n                    <div class=\"usage-context\">\n                      <i class=\"fas fa-info-circle\"></i>\n                      <span>{{ entity.usageContext }}</span>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (entity.fieldMetadata && entity.fieldMetadata.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col tags-col\">Usage</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of entity.fieldMetadata; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                              @if (!field.allowsNull) {\n                                <span class=\"required-indicator\" title=\"Required\">*</span>\n                              }\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col tags-col\">\n                              @for (tag of getFieldUsageTags(field, entity); track tag) {\n                                <span class=\"usage-tag\" [style.background-color]=\"getTagColor(tag)\">{{ tag }}</span>\n                              }\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Queries Section -->\n    @if (queries.length > 0) {\n      <div class=\"section queries-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-database\"></i>\n          Queries\n        </h3>\n        <div class=\"cards-container\">\n          @for (query of queries; track getQueryKey(query)) {\n            <div class=\"data-card query-card\" [class.expanded]=\"isQueryExpanded(getQueryKey(query))\">\n              <div class=\"card-header\" (click)=\"toggleQuery(getQueryKey(query))\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon query-icon\">\n                    <i class=\"fas fa-code\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <div class=\"title-with-badge\">\n                      <h4 class=\"card-title\">{{ query.name }}</h4>\n                      @if (query.isNew) {\n                        <span class=\"new-query-badge\" title=\"This query was newly created for this component\">\n                          <i class=\"fas fa-sparkles\"></i>\n                          NEW\n                        </span>\n                      }\n                    </div>\n                    <p class=\"card-path\">{{ query.categoryPath }}</p>\n                    @if (query.description) {\n                      <p class=\"card-description\">{{ query.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isQueryExpanded(getQueryKey(query)) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  @if (query.entityNames && query.entityNames.length > 0) {\n                    <div class=\"entity-badges\">\n                      @for (entityName of query.entityNames; track entityName) {\n                        <span class=\"entity-badge\">\n                          <i class=\"fas fa-table\"></i>\n                          {{ entityName }}\n                        </span>\n                      }\n                    </div>\n                  }\n                  <span class=\"field-count\">{{ query.fields.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isQueryExpanded(getQueryKey(query))) {\n                <div class=\"card-body\">\n                  <!-- Parameters -->\n                  @if (query.parameters && query.parameters.length > 0) {\n                    <div class=\"parameters-section\">\n                      <h5 class=\"parameters-title\">\n                        <i class=\"fas fa-sliders-h\"></i>\n                        Parameters\n                      </h5>\n                      <div class=\"parameters-list\">\n                        @for (param of query.parameters; track param.name) {\n                          <div class=\"parameter-item\">\n                            <div class=\"param-header\">\n                              <span class=\"param-name\">{{ param.name }}</span>\n                              @if (param.isRequired) {\n                                <span class=\"required-badge\">Required</span>\n                              } @else {\n                                <span class=\"optional-badge\">Optional</span>\n                              }\n                              @if (param.type) {\n                                <code class=\"param-type\">{{ param.type }}</code>\n                              }\n                            </div>\n                            @if (param.description) {\n                              <p class=\"param-description\">{{ param.description }}</p>\n                            }\n                            @if (param.sampleValue || param.testValue) {\n                              <div class=\"param-sample\">\n                                <span class=\"sample-label\">Sample:</span>\n                                <code>{{ param.sampleValue || param.testValue }}</code>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (query.fields && query.fields.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Output Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of query.fields; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- New Query SQL -->\n                  @if (query.newQuerySQL) {\n                    <div class=\"sql-section\">\n                      <h5 class=\"sql-title\">\n                        <i class=\"fas fa-terminal\"></i>\n                        Query SQL\n                      </h5>\n                      <pre class=\"sql-code\">{{ query.newQuerySQL }}</pre>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".data-requirements-viewer {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-sunken);\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: var(--mj-border-default);\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-muted);\n}\n\n/* Summary Header */\n.summary-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 0;\n}\n\n.mode-badge {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge i {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n/* Description Section */\n.description-section {\n  padding: 20px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.description-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.description-title i {\n  color: var(--mj-brand-primary);\n}\n\n.description-content {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--mj-text-secondary);\n}\n\n.description-content ::ng-deep p {\n  margin: 0 0 12px 0;\n}\n\n.description-content ::ng-deep p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content ::ng-deep pre {\n  background: var(--mj-bg-surface-sunken);\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content ::ng-deep code {\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n/* Section Styling */\n.section {\n  padding: 20px;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.section-title i {\n  color: var(--mj-brand-primary);\n  font-size: 18px;\n}\n\n/* Cards Container */\n.cards-container {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Data Card */\n.data-card {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card:hover {\n  border-color: var(--mj-border-default);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.data-card.expanded {\n  border-color: var(--mj-brand-primary);\n  box-shadow: var(--mj-shadow-md);\n}\n\n/* Card Header */\n.card-header {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon {\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.card-title-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.title-with-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.new-query-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge i {\n  font-size: 9px;\n}\n\n@keyframes subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\n}\n\n.card-path {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  line-height: 1.4;\n}\n\n.expand-icon {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded .expand-icon {\n  color: var(--mj-brand-primary);\n}\n\n/* Card Meta */\n.card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.permissions-row {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-inverse);\n  text-transform: capitalize;\n}\n\n.permission-badge i {\n  font-size: 10px;\n}\n\n.field-count {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.entity-badges {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.entity-badge i {\n  font-size: 10px;\n  color: var(--mj-text-muted);\n}\n\n/* Card Body */\n.card-body {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n/* Usage Context */\n.usage-context {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-status-warning);\n}\n\n.usage-context i {\n  color: var(--mj-status-warning);\n  margin-top: 2px;\n}\n\n/* Fields Section */\n.fields-section {\n  margin-top: 16px;\n}\n\n.fields-title {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Fields Table */\n.fields-table {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header {\n  display: flex;\n  padding: 10px 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row:last-child {\n  border-bottom: none;\n}\n\n.field-row:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.field-col {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col {\n  flex: 0 0 120px;\n}\n\n.tags-col {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col {\n  flex: 1;\n  color: var(--mj-text-muted);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.required-indicator {\n  color: var(--mj-status-error);\n  font-weight: bold;\n}\n\n.field-type {\n  padding: 2px 6px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n/* Parameters Section */\n.parameters-section {\n  margin-top: 16px;\n}\n\n.parameters-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title i {\n  color: var(--mj-brand-primary);\n}\n\n.parameters-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item {\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n.param-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  font-size: 14px;\n}\n\n.required-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n}\n\n.optional-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n  text-transform: uppercase;\n}\n\n.param-type {\n  padding: 2px 6px;\n  background: var(--mj-border-default);\n  border-radius: 4px;\n  font-size: 11px;\n  color: var(--mj-text-secondary);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n}\n\n.param-sample {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label {\n  color: var(--mj-text-muted);\n  margin-right: 4px;\n}\n\n.param-sample code {\n  padding: 2px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: var(--mj-status-error);\n}\n\n/* SQL Section */\n.sql-section {\n  margin-top: 16px;\n}\n\n.sql-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title i {\n  color: var(--mj-brand-primary);\n}\n\n.sql-code {\n  margin: 0;\n  padding: 16px;\n  background: var(--mj-bg-code-block, #1e1e1e);\n  border-radius: var(--mj-radius-md);\n  font-size: var(--mj-text-xs);\n  line-height: 1.5;\n  color: var(--mj-text-code, #d4d4d4);\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .summary-header {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col {\n    flex: 0 0 140px;\n  }\n\n  .type-col {\n    flex: 0 0 90px;\n  }\n\n  .tags-col {\n    flex: 0 0 120px;\n  }\n\n  .card-meta {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}\n"] }]
     }], null, { dataRequirements: [{
             type: Input
         }] }); })();

package/dist/lib/components/plugins/json-artifact-viewer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/json-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAItF;;;;GAIG;AACH,qBAqHa,2BAA4B,SAAQ,iCAAkC,YAAW,MAAM,EAAE,SAAS;IAkB3G,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,SAAS;IAlBK,SAAS,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE3D,WAAW,SAAM;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAQ;IAClD,OAAO,CAAC,iBAAiB,CAA0C;IACnE,OAAO,CAAC,aAAa,CAAuB;IAE5C;;OAEG;IACH,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;gBAGS,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,YAAY;IAKjC,WAAW,IAAI,IAAI;IASb,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAU/B;;;OAGG;IACH,IAAoB,wBAAwB,IAAI,OAAO,CAEtD;IAED;;;;OAIG;IACH,IAAoB,0BAA0B,IAAI,OAAO,CAExD;YAEa,qBAAqB;IA6DnC,OAAO,CAAC,mBAAmB;IAyB3B,YAAY,IAAI,IAAI;IA2DpB,OAAO,CAAC,qBAAqB;IAsB7B,eAAe,IAAI,IAAI;IAUvB,SAAS,IAAI,IAAI;IAWjB,MAAM,IAAI,IAAI;IAYd;;;OAGG;IACH,OAAO,CAAC,sBAAsB;yCAxQnB,2BAA2B;2CAA3B,2BAA2B;CA2RvC"}
+{"version":3,"file":"json-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/json-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAa,UAAU,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE1E,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAItF;;;;GAIG;AACH,qBAsHa,2BAA4B,SAAQ,iCAAkC,YAAW,MAAM,EAAE,SAAS;IAkB3G,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,SAAS;IAlBK,SAAS,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAE3D,WAAW,SAAM;IACjB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IACtC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAQ;IAClD,OAAO,CAAC,iBAAiB,CAA0C;IACnE,OAAO,CAAC,aAAa,CAAuB;IAE5C;;OAEG;IACH,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;gBAGS,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,YAAY;IAKjC,WAAW,IAAI,IAAI;IASb,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAU/B;;;OAGG;IACH,IAAoB,wBAAwB,IAAI,OAAO,CAEtD;IAED;;;;OAIG;IACH,IAAoB,0BAA0B,IAAI,OAAO,CAExD;YAEa,qBAAqB;IA6DnC,OAAO,CAAC,mBAAmB;IAyB3B,YAAY,IAAI,IAAI;IA2DpB,OAAO,CAAC,qBAAqB;IAsB7B,eAAe,IAAI,IAAI;IAUvB,SAAS,IAAI,IAAI;IAWjB,MAAM,IAAI,IAAI;IAYd;;;OAGG;IACH,OAAO,CAAC,sBAAsB;yCAxQnB,2BAA2B;2CAA3B,2BAA2B;CA2RvC"}

package/dist/lib/components/plugins/json-artifact-viewer.component.js

@@ -324,7 +324,7 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
             i0.ɵɵconditional(ctx.displayHtml ? 5 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.displayHtml && ctx.htmlBlobUrl ? 7 : ctx.displayMarkdown ? 8 : 9);
-        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.MarkdownComponent, i5.CodeEditorComponent], styles: [".json-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe[_ngcontent-%COMP%] {\n      width: 100%;\n      border: none;\n      background: white;\n      display: block;\n    }\n\n    .markdown-content[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }"] });
+        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.MarkdownComponent, i5.CodeEditorComponent], styles: [".json-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .display-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe[_ngcontent-%COMP%] {\n      width: 100%;\n      border: none;\n      background: var(--mj-bg-surface);\n      display: block;\n    }\n\n    .markdown-content[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: var(--mj-bg-surface);\n    }\n\n    .json-editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }"] });
 };
 JsonArtifactViewerComponent = __decorate([
     RegisterClass(BaseArtifactViewerPluginComponent, 'JsonArtifactViewerPlugin')
@@ -380,10 +380,10 @@ export { JsonArtifactViewerComponent };
         }
       </div>
     </div>
-  `, styles: ["\n    .json-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe {\n      width: 100%;\n      border: none;\n      background: white;\n      display: block;\n    }\n\n    .markdown-content {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }\n  "] }]
+  `, styles: ["\n    .json-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: var(--mj-bg-surface-sunken);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon:hover {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-text-disabled);\n    }\n\n    .display-content {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe {\n      width: 100%;\n      border: none;\n      background: var(--mj-bg-surface);\n      display: block;\n    }\n\n    .markdown-content {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: var(--mj-bg-surface);\n    }\n\n    .json-editor-container {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], { htmlFrame: [{
             type: ViewChild,
             args: ['htmlFrame']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonArtifactViewerComponent, { className: "JsonArtifactViewerComponent", filePath: "src/lib/components/plugins/json-artifact-viewer.component.ts", lineNumber: 130 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonArtifactViewerComponent, { className: "JsonArtifactViewerComponent", filePath: "src/lib/components/plugins/json-artifact-viewer.component.ts", lineNumber: 131 }); })();
 //# sourceMappingURL=json-artifact-viewer.component.js.map