@runcontext/ui 0.5.8 → 0.5.9

package/static/setup.js

@@ -1,1557 +1 @@
-(function () {
-  'use strict';
-
-  var STORAGE_KEY = 'runcontext_wizard_state';
-  var STEP_LABELS = ['Connect', 'Define', 'Scaffold', 'Checkpoint', 'Enrich', 'Serve'];
-
-  // ---- State persistence ----
-
-  function loadSavedState() {
-    try {
-      var saved = sessionStorage.getItem(STORAGE_KEY);
-      if (saved) return JSON.parse(saved);
-    } catch (e) { /* ignore */ }
-    return null;
-  }
-
-  function saveState() {
-    try {
-      var toSave = {
-        step: state.step,
-        brief: state.brief,
-        sources: state.sources,
-        pipelineId: state.pipelineId,
-      };
-      sessionStorage.setItem(STORAGE_KEY, JSON.stringify(toSave));
-    } catch (e) { /* ignore */ }
-  }
-
-  var saved = loadSavedState();
-  var state = {
-    step: saved ? saved.step : 1,
-    brief: saved ? saved.brief : {
-      product_name: '',
-      description: '',
-      owner: { name: '', team: '', email: '' },
-      sensitivity: 'internal',
-      docs: [],
-    },
-    sources: saved ? saved.sources : [],
-    pipelineId: saved ? saved.pipelineId : null,
-    pollTimer: null,
-    mcpPollTimer: null,
-  };
-
-  // ---- WebSocket Client ----
-  var ws = null;
-  var wsSessionId = null;
-
-  function connectWebSocket(sessionId) {
-    wsSessionId = sessionId;
-    var protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-    ws = new WebSocket(protocol + '//' + location.host + '/ws?session=' + encodeURIComponent(sessionId) + '&role=wizard');
-
-    ws.onmessage = function (evt) {
-      try {
-        var event = JSON.parse(evt.data);
-        handleWsEvent(event);
-      } catch (e) { /* ignore */ }
-    };
-
-    ws.onclose = function () {
-      setTimeout(function () {
-        if (wsSessionId) connectWebSocket(wsSessionId);
-      }, 2000);
-    };
-
-    ws.onerror = function () { /* ignore, onclose handles reconnect */ };
-  }
-
-  function sendWsEvent(type, payload) {
-    if (ws && ws.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify({ type: type, sessionId: wsSessionId, payload: payload || {} }));
-    }
-  }
-
-  function handleWsEvent(event) {
-    switch (event.type) {
-      case 'setup:step':
-        if (event.payload && event.payload.step) {
-          goToStep(event.payload.step);
-        }
-        break;
-      case 'setup:field':
-        if (event.payload && event.payload.fieldId) {
-          var input = document.getElementById(event.payload.fieldId);
-          if (input) {
-            input.value = event.payload.value || '';
-            input.dispatchEvent(new Event('input'));
-          }
-        }
-        break;
-      case 'pipeline:stage':
-        updateStageFromWs(event.payload || {});
-        break;
-      case 'enrich:progress':
-        updateEnrichProgress(event.payload || {});
-        break;
-      case 'enrich:log':
-        appendEnrichLog(event.payload || {});
-        break;
-      case 'tier:update':
-        if (event.payload && event.payload.tier) {
-          var badge = document.getElementById('tier-badge');
-          if (badge) badge.textContent = event.payload.tier;
-        }
-        break;
-    }
-  }
-
-  function updateStageFromWs(payload) {
-    // Update stage dots in the scaffold step
-    var stageEl = document.querySelector('[data-stage="' + payload.stage + '"]');
-    if (!stageEl) return;
-    var dot = stageEl.querySelector('.stage-dot');
-    if (dot) {
-      dot.className = 'stage-dot';
-      if (payload.status === 'running') dot.className += ' running';
-      else if (payload.status === 'done') dot.className += ' done';
-      else if (payload.status === 'error') dot.className += ' error';
-    }
-    var summary = stageEl.querySelector('.stage-summary');
-    if (summary && payload.summary) {
-      summary.textContent = payload.summary;
-    }
-  }
-
-  // ---- Helpers ----
-
-  function $(sel) { return document.querySelector(sel); }
-  function $$(sel) { return document.querySelectorAll(sel); }
-
-  function showError(fieldId, msg) {
-    var field = document.getElementById(fieldId);
-    if (!field) return;
-    field.classList.add('error');
-    var existing = field.parentElement.querySelector('.field-error');
-    if (existing) existing.remove();
-    if (msg) {
-      var el = document.createElement('p');
-      el.className = 'field-error';
-      el.textContent = msg;
-      field.parentElement.appendChild(el);
-    }
-  }
-
-  function clearErrors() {
-    $$('.error').forEach(function (el) { el.classList.remove('error'); });
-    $$('.field-error').forEach(function (el) { el.remove(); });
-  }
-
-  async function api(method, path, body) {
-    var opts = { method: method, headers: {} };
-    if (body && !(body instanceof FormData)) {
-      opts.headers['Content-Type'] = 'application/json';
-      opts.body = JSON.stringify(body);
-    } else if (body) {
-      opts.body = body;
-    }
-    var res = await fetch(path, opts);
-    if (!res.ok) {
-      var text = await res.text();
-      throw new Error(text || res.statusText);
-    }
-    var ct = res.headers.get('content-type') || '';
-    return ct.includes('json') ? res.json() : res.text();
-  }
-
-  // ---- DOM builder helper (avoid innerHTML for security) ----
-
-  function createElement(tag, attrs, children) {
-    var el = document.createElement(tag);
-    if (attrs) {
-      Object.keys(attrs).forEach(function (key) {
-        if (key === 'className') el.className = attrs[key];
-        else if (key === 'textContent') el.textContent = attrs[key];
-        else if (key === 'htmlFor') el.htmlFor = attrs[key];
-        else if (key === 'type') el.type = attrs[key];
-        else el.setAttribute(key, attrs[key]);
-      });
-    }
-    if (children) {
-      children.forEach(function (child) {
-        if (typeof child === 'string') {
-          el.appendChild(document.createTextNode(child));
-        } else if (child) {
-          el.appendChild(child);
-        }
-      });
-    }
-    return el;
-  }
-
-  // ---- Breadcrumb Stepper ----
-
-  function renderStepper() {
-    var container = document.getElementById('stepper');
-    if (!container) return;
-    container.textContent = '';
-
-    STEP_LABELS.forEach(function (label, i) {
-      var stepNum = i + 1;
-      var span = document.createElement('span');
-      span.textContent = label;
-
-      if (stepNum < state.step) {
-        span.className = 'step-completed';
-        span.addEventListener('click', function () {
-          goToStep(stepNum);
-        });
-      } else if (stepNum === state.step) {
-        span.className = 'step-active';
-      } else {
-        span.className = 'step-future';
-      }
-
-      container.appendChild(span);
-
-      if (stepNum < STEP_LABELS.length) {
-        var sep = document.createElement('span');
-        sep.className = 'step-separator';
-        sep.textContent = '>';
-        container.appendChild(sep);
-      }
-    });
-  }
-
-  // ---- Navigation ----
-
-  function goToStep(n) {
-    if (n < 1 || n > 6) return;
-
-    // Clear any running pipeline poll timer when navigating away
-    if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-
-    var content = document.getElementById('wizard-content');
-    if (content) content.textContent = '';
-
-    state.step = n;
-    saveState();
-
-    renderStepper();
-
-    switch (n) {
-      case 1: renderConnectStep(); break;
-      case 2: renderDefineStep(); break;
-      case 3: renderScaffoldStep(); break;
-      case 4: renderCheckpointStep(); break;
-      case 5: renderEnrichStep(); break;
-      case 6: renderServeStep(); break;
-    }
-  }
-
-  function validateStep(n) {
-    clearErrors();
-    // Step-specific validation will be added as each step is implemented
-    return true;
-  }
-
-  // ---- Step action buttons helper ----
-
-  function createStepActions(showBack, showNext, nextLabel) {
-    var actions = createElement('div', { className: 'step-actions' });
-    if (showBack) {
-      var backBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Back' });
-      backBtn.addEventListener('click', function () {
-        goToStep(state.step - 1);
-      });
-      actions.appendChild(backBtn);
-    } else {
-      actions.appendChild(createElement('span'));
-    }
-    if (showNext) {
-      var nextBtn = createElement('button', { className: 'btn btn-primary', textContent: nextLabel || 'Next' });
-      nextBtn.addEventListener('click', function () {
-        if (validateStep(state.step)) goToStep(state.step + 1);
-      });
-      actions.appendChild(nextBtn);
-    }
-    return actions;
-  }
-
-  // ---- Step 1: Connect ----
-
-  function renderConnectStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card' });
-
-    card.appendChild(createElement('h2', { className: 'connect-heading', textContent: 'Connect Your Database' }));
-    card.appendChild(createElement('p', { className: 'connect-subheading', textContent: 'RunContext connects directly to your database via OAuth \u2014 your credentials never pass through the AI agent.' }));
-
-    // Detected databases hint (from MCP/IDE configs)
-    var detectedHint = createElement('div', { id: 'connect-detected-hint' });
-    card.appendChild(detectedHint);
-
-    // OAuth result area — positioned right after detected hint so db cards appear here
-    var oauthResult = createElement('div', { id: 'connect-oauth-result' });
-    card.appendChild(oauthResult);
-
-    // Platform picker grid (populated after fetching providers)
-    var platformGrid = createElement('div', { className: 'platform-grid', id: 'connect-platforms' });
-    platformGrid.appendChild(createElement('p', { className: 'muted', textContent: 'Loading providers\u2026' }));
-    card.appendChild(platformGrid);
-
-    // Manual connection string
-    var manual = createElement('div', { className: 'manual-connect' });
-    manual.appendChild(createElement('label', { className: 'label-uppercase', textContent: 'Manual Connection' }));
-    var manualRow = createElement('div', { className: 'manual-connect-row' });
-    var connInput = createElement('input', {
-      className: 'input',
-      id: 'connect-url',
-      type: 'text',
-      placeholder: 'postgres://user:pass@host:5432/dbname',
-    });
-    manualRow.appendChild(connInput);
-    var connBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Connect' });
-    manualRow.appendChild(connBtn);
-    manual.appendChild(manualRow);
-    card.appendChild(manual);
-
-    content.appendChild(card);
-
-    // --- Detect sources first, then render providers (detected ones get highlighted) ---
-    fetchDetectedSources(detectedHint, platformGrid, oauthResult).then(function () {
-      fetchAuthProviders(platformGrid, oauthResult);
-    });
-
-    // --- Manual connect handler ---
-    connBtn.addEventListener('click', async function () {
-      var url = connInput.value.trim();
-      if (!url) return;
-      connBtn.textContent = 'Connecting\u2026';
-      connBtn.disabled = true;
-      try {
-        var result = await api('POST', '/api/sources', { connection: url });
-        var src = result.source || result;
-        state.sources = state.sources || [];
-        state.sources.push(src);
-        saveState();
-        updateDbStatus(src);
-        goToStep(2);
-      } catch (e) {
-        connBtn.textContent = 'Connect';
-        connBtn.disabled = false;
-        var errP = manual.querySelector('.field-error');
-        if (errP) errP.remove();
-        manual.appendChild(createElement('p', { className: 'field-error', textContent: e.message || 'Connection failed' }));
-      }
-    });
-  }
-
-  /** Map adapter type to the provider ID for OAuth */
-  var ADAPTER_TO_PROVIDER = {
-    postgres: 'neon', // default; detected sources refine below
-    mysql: 'planetscale',
-    duckdb: null, // local file, no OAuth needed
-    sqlite: null,
-    snowflake: 'snowflake',
-    bigquery: 'gcp',
-    clickhouse: 'clickhouse',
-    databricks: 'databricks',
-    mssql: 'azure-sql',
-    mongodb: 'mongodb',
-  };
-
-  /** Refine provider from origin hint (e.g. "mcp:claude-code/neon" → neon) */
-  function providerFromOrigin(origin, adapter) {
-    if (!origin) return ADAPTER_TO_PROVIDER[adapter] || null;
-    var o = origin.toLowerCase();
-    if (o.includes('neon')) return 'neon';
-    if (o.includes('supabase')) return 'supabase';
-    if (o.includes('aws') || o.includes('rds')) return 'aws-rds';
-    if (o.includes('azure')) return 'azure-sql';
-    if (o.includes('gcp') || o.includes('bigquery')) return 'gcp';
-    if (o.includes('planetscale')) return 'planetscale';
-    if (o.includes('cockroach')) return 'cockroachdb';
-    if (o.includes('snowflake')) return 'snowflake';
-    if (o.includes('clickhouse')) return 'clickhouse';
-    if (o.includes('databricks')) return 'databricks';
-    if (o.includes('mongodb') || o.includes('atlas')) return 'mongodb';
-    if (o.includes('motherduck') || o.includes('duckdb')) return null;
-    return ADAPTER_TO_PROVIDER[adapter] || null;
-  }
-
-  function fetchDetectedSources(container, platformGrid, oauthResult) {
-    return api('GET', '/api/sources').then(function (data) {
-      var sources = data.sources || data || [];
-      container.textContent = '';
-      if (sources.length === 0) {
-        updateDbStatus(null);
-        return;
-      }
-
-      // Group detected sources by provider
-      var byProvider = {};
-      var localFiles = [];
-      sources.forEach(function (src) {
-        var prov = providerFromOrigin(src.origin, src.adapter);
-        if (!prov) {
-          localFiles.push(src);
-        } else {
-          byProvider[prov] = byProvider[prov] || [];
-          byProvider[prov].push(src);
-        }
-      });
-
-      // Show detected hint banner
-      var hint = createElement('div', { className: 'detected-hint' });
-      var hintIcon = createElement('span', { className: 'detected-hint-icon', textContent: '\u{1F50D}' });
-      var provNames = Object.keys(byProvider);
-      var hintText;
-      if (provNames.length > 0) {
-        var names = provNames.map(function (p) { return p.charAt(0).toUpperCase() + p.slice(1); });
-        hintText = 'We detected ' + names.join(', ') + ' in your IDE configs. Click a provider below to connect securely via OAuth.';
-      } else {
-        hintText = 'We detected local database files. Use manual connection or select a provider below.';
-      }
-      hint.appendChild(hintIcon);
-      hint.appendChild(createElement('span', { textContent: hintText }));
-      container.appendChild(hint);
-
-      // For local files (duckdb, sqlite), show direct-use cards
-      localFiles.forEach(function (src) {
-        var card = createElement('div', { className: 'source-card source-card-local' }, [
-          createElement('span', { className: 'source-card-name', textContent: src.name || src.adapter }),
-          createElement('span', { className: 'source-card-meta', textContent: 'Local file' }),
-          createElement('button', { className: 'btn btn-primary', textContent: 'Use This' }),
-        ]);
-        card.querySelector('.btn').addEventListener('click', function () {
-          state.sources = state.sources || [];
-          state.sources.push(src);
-          saveState();
-          updateDbStatus(src);
-          goToStep(2);
-        });
-        container.appendChild(card);
-      });
-
-      // Highlight matching providers in the platform grid
-      state._detectedProviders = provNames;
-
-    }).catch(function () {
-      container.textContent = '';
-      updateDbStatus(null);
-    });
-  }
-
-  function fetchAuthProviders(container, oauthResult) {
-    api('GET', '/api/auth/providers').then(function (data) {
-      var providers = data.providers || data || [];
-      // Replace the platform-grid with a plain wrapper for mixed content
-      var wrapper = createElement('div', { className: 'connect-providers' });
-      container.replaceWith(wrapper);
-
-      if (providers.length === 0) {
-        wrapper.appendChild(createElement('p', { className: 'muted', textContent: 'No OAuth providers available.' }));
-        return;
-      }
-
-      var detected = state._detectedProviders || [];
-
-      // Show detected providers first (highlighted)
-      var detectedProvs = [];
-      var otherProvs = [];
-      providers.forEach(function (prov) {
-        if (detected.indexOf(prov.id) !== -1) {
-          detectedProvs.push(prov);
-        } else {
-          otherProvs.push(prov);
-        }
-      });
-
-      // Detected providers get prominent cards
-      if (detectedProvs.length > 0) {
-        var detectedGrid = createElement('div', { className: 'source-cards' });
-        detectedProvs.forEach(function (prov) {
-          var card = createElement('div', { className: 'source-card source-card-detected' }, [
-            createElement('span', { className: 'source-card-badge', textContent: 'Detected' }),
-            createElement('span', { className: 'source-card-name', textContent: prov.displayName || prov.display_name || prov.id }),
-            createElement('span', { className: 'source-card-meta', textContent: (prov.cliAuthenticated ? 'CLI authenticated' : prov.cliInstalled ? 'CLI installed' : 'OAuth available') }),
-            createElement('button', { className: 'btn btn-primary', textContent: 'Connect via OAuth' }),
-          ]);
-          card.querySelector('.btn').addEventListener('click', function () {
-            startOAuthFlow(prov, wrapper, oauthResult);
-          });
-          detectedGrid.appendChild(card);
-        });
-        wrapper.appendChild(detectedGrid);
-
-        if (otherProvs.length > 0) {
-          wrapper.appendChild(createElement('div', { className: 'section-divider' }, ['Other providers']));
-        }
-      }
-
-      // Other providers as button grid
-      if (otherProvs.length > 0) {
-        var grid = createElement('div', { className: 'platform-grid' });
-        otherProvs.forEach(function (prov) {
-          var btn = createElement('button', { className: 'platform-btn', textContent: prov.displayName || prov.display_name || prov.name || prov.id });
-          btn.addEventListener('click', function () {
-            startOAuthFlow(prov, wrapper, oauthResult);
-          });
-          grid.appendChild(btn);
-        });
-        wrapper.appendChild(grid);
-      }
-    }).catch(function () {
-      container.textContent = '';
-      container.appendChild(createElement('p', { className: 'muted', textContent: 'Could not load providers.' }));
-    });
-  }
-
-  async function startOAuthFlow(provider, providerWrapper, oauthResult) {
-    // Disable all buttons
-    providerWrapper.querySelectorAll('.platform-btn').forEach(function (b) { b.disabled = true; });
-    providerWrapper.querySelectorAll('.source-card .btn').forEach(function (b) { b.disabled = true; });
-
-    // Show loading in the oauth result area (right after detected cards)
-    oauthResult.textContent = '';
-    oauthResult.appendChild(createElement('p', { className: 'muted', textContent: 'Connecting to ' + (provider.displayName || provider.display_name || provider.id) + '\u2026 A browser window may open for authentication.' }));
-
-    try {
-      var data = await api('POST', '/api/auth/start', { provider: provider.id });
-      var databases = data.databases || data || [];
-      oauthResult.textContent = '';
-
-      if (databases.length === 0) {
-        oauthResult.appendChild(createElement('p', { className: 'muted', textContent: 'No databases found for this provider.' }));
-        providerWrapper.querySelectorAll('.platform-btn').forEach(function (b) { b.disabled = false; });
-        providerWrapper.querySelectorAll('.source-card .btn').forEach(function (b) { b.disabled = false; });
-        return;
-      }
-
-      // Hide the other providers / platform grid — show only database results
-      providerWrapper.style.display = 'none';
-
-      var oauthHeader = createElement('div', { className: 'oauth-result-header' });
-      oauthHeader.appendChild(createElement('label', { className: 'label-uppercase', textContent: 'Select a database from ' + (provider.displayName || provider.display_name || provider.id) }));
-      var backLink = createElement('button', { className: 'btn btn-secondary btn-sm', textContent: '\u2190 Back to providers' });
-      backLink.addEventListener('click', function () {
-        oauthResult.textContent = '';
-        providerWrapper.style.display = '';
-        providerWrapper.querySelectorAll('.platform-btn').forEach(function (b) { b.disabled = false; });
-        providerWrapper.querySelectorAll('.source-card .btn').forEach(function (b) { b.disabled = false; });
-      });
-      oauthHeader.appendChild(backLink);
-      oauthResult.appendChild(oauthHeader);
-
-      var dbGrid = createElement('div', { className: 'source-cards' });
-      databases.forEach(function (db) {
-        var m = db.metadata || {};
-        // Title: "project / branch" if available, else just db name
-        var title = m.project ? m.project + ' / ' + (m.branch || 'main') : (db.name || db.database);
-        // Subtitle line 1: db name + adapter + region + org
-        var parts = [db.name || db.database];
-        if (db.adapter) parts.push(db.adapter);
-        if (m.region) parts.push(m.region);
-        if (m.org && m.org !== 'Personal') parts.push(m.org);
-        else if (m.org === 'Personal') parts.push('personal');
-        var line1 = parts.join(' \u2022 ');
-        // Subtitle line 2: host (truncated)
-        var line2 = db.host || '';
-
-        var dbCard = createElement('div', { className: 'source-card' }, [
-          createElement('span', { className: 'source-card-name', textContent: title }),
-          createElement('span', { className: 'source-card-meta', textContent: line1 }),
-          line2 ? createElement('span', { className: 'source-card-host', textContent: line2 }) : null,
-          createElement('button', { className: 'btn btn-primary', textContent: 'Use This' }),
-        ].filter(Boolean));
-        dbCard.querySelector('.btn').addEventListener('click', async function () {
-          try {
-            await api('POST', '/api/auth/select-db', { provider: provider.id, database: db });
-            state.sources = state.sources || [];
-            state.sources.push(db);
-            saveState();
-            updateDbStatus(db);
-            goToStep(2);
-          } catch (e) {
-            oauthResult.appendChild(createElement('p', { className: 'field-error', textContent: e.message || 'Failed to select database' }));
-          }
-        });
-        dbGrid.appendChild(dbCard);
-      });
-      oauthResult.appendChild(dbGrid);
-    } catch (e) {
-      oauthResult.textContent = '';
-      oauthResult.appendChild(createElement('p', { className: 'field-error', textContent: e.message || 'OAuth flow failed' }));
-      providerWrapper.querySelectorAll('.platform-btn').forEach(function (b) { b.disabled = false; });
-      providerWrapper.querySelectorAll('.source-card .btn').forEach(function (b) { b.disabled = false; });
-    }
-  }
-
-  // ---- Step 2: Define ----
-
-  function renderDefineStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card' });
-
-    card.appendChild(createElement('h2', { textContent: 'Define Your Data Product' }));
-    card.appendChild(createElement('p', { className: 'muted', textContent: 'Tell us about your data product. This metadata helps AI agents understand what they\u2019re working with.' }));
-
-    var form = createElement('div', { className: 'define-form' });
-
-    // Product Name (full width, required)
-    var nameGroup = createElement('div', { className: 'field full-width' });
-    nameGroup.appendChild(createElement('label', { htmlFor: 'product_name', textContent: 'Product Name *' }));
-    nameGroup.appendChild(createElement('input', {
-      className: 'input',
-      id: 'product_name',
-      type: 'text',
-      placeholder: 'my-data-product',
-    }));
-    nameGroup.appendChild(createElement('p', { className: 'hint', textContent: 'Alphanumeric, hyphens, and underscores only.' }));
-    form.appendChild(nameGroup);
-
-    // Description (full width, required)
-    var descGroup = createElement('div', { className: 'field full-width' });
-    descGroup.appendChild(createElement('label', { htmlFor: 'description', textContent: 'Description *' }));
-    var descInput = createElement('textarea', {
-      className: 'textarea',
-      id: 'description',
-      placeholder: 'What does this data product provide?',
-    });
-    descGroup.appendChild(descInput);
-    form.appendChild(descGroup);
-
-    // Owner Name (left column)
-    var ownerNameGroup = createElement('div', { className: 'field' });
-    ownerNameGroup.appendChild(createElement('label', { htmlFor: 'owner_name', textContent: 'Owner Name' }));
-    ownerNameGroup.appendChild(createElement('input', {
-      className: 'input',
-      id: 'owner_name',
-      type: 'text',
-      placeholder: 'Jane Doe',
-    }));
-    form.appendChild(ownerNameGroup);
-
-    // Team (right column)
-    var teamGroup = createElement('div', { className: 'field' });
-    teamGroup.appendChild(createElement('label', { htmlFor: 'owner_team', textContent: 'Team' }));
-    teamGroup.appendChild(createElement('input', {
-      className: 'input',
-      id: 'owner_team',
-      type: 'text',
-      placeholder: 'Data Engineering',
-    }));
-    form.appendChild(teamGroup);
-
-    // Email (left column)
-    var emailGroup = createElement('div', { className: 'field' });
-    emailGroup.appendChild(createElement('label', { htmlFor: 'owner_email', textContent: 'Email' }));
-    emailGroup.appendChild(createElement('input', {
-      className: 'input',
-      id: 'owner_email',
-      type: 'text',
-      placeholder: 'jane@example.com',
-    }));
-    form.appendChild(emailGroup);
-
-    // Sensitivity (right column)
-    var sensGroup = createElement('div', { className: 'field' });
-    sensGroup.appendChild(createElement('label', { htmlFor: 'sensitivity', textContent: 'Sensitivity' }));
-    var sensSelect = createElement('select', { className: 'select', id: 'sensitivity' });
-    [
-      { value: 'public', text: 'Public' },
-      { value: 'internal', text: 'Internal' },
-      { value: 'confidential', text: 'Confidential' },
-      { value: 'restricted', text: 'Restricted' },
-    ].forEach(function (opt) {
-      var option = createElement('option', { value: opt.value, textContent: opt.text });
-      sensSelect.appendChild(option);
-    });
-    sensSelect.value = 'internal';
-    sensGroup.appendChild(sensSelect);
-    form.appendChild(sensGroup);
-
-    // Action buttons (full width)
-    var actions = createElement('div', { className: 'define-actions' });
-
-    var backBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Back' });
-    backBtn.addEventListener('click', function () { goToStep(1); });
-    actions.appendChild(backBtn);
-
-    var continueBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Continue' });
-    continueBtn.addEventListener('click', async function () {
-      clearErrors();
-      var valid = true;
-
-      var productName = document.getElementById('product_name').value.trim();
-      var description = document.getElementById('description').value.trim();
-
-      if (!productName) {
-        showError('product_name', 'Product name is required.');
-        valid = false;
-      } else if (!/^[a-zA-Z0-9_-]+$/.test(productName)) {
-        showError('product_name', 'Only letters, numbers, hyphens, and underscores allowed.');
-        valid = false;
-      }
-
-      if (!description) {
-        showError('description', 'Description is required.');
-        valid = false;
-      }
-
-      if (!valid) return;
-
-      state.brief.product_name = productName;
-      state.brief.description = description;
-      state.brief.owner.name = document.getElementById('owner_name').value.trim();
-      state.brief.owner.team = document.getElementById('owner_team').value.trim();
-      state.brief.owner.email = document.getElementById('owner_email').value.trim();
-      state.brief.sensitivity = document.getElementById('sensitivity').value;
-      saveState();
-
-      continueBtn.textContent = 'Saving\u2026';
-      continueBtn.disabled = true;
-      try {
-        await api('POST', '/api/brief', state.brief);
-        goToStep(3);
-      } catch (e) {
-        continueBtn.textContent = 'Continue';
-        continueBtn.disabled = false;
-        var errP = createElement('p', { className: 'field-error', textContent: e.message || 'Failed to save. Please try again.' });
-        actions.appendChild(errP);
-      }
-    });
-    actions.appendChild(continueBtn);
-    form.appendChild(actions);
-
-    card.appendChild(form);
-    content.appendChild(card);
-
-    // Pre-fill from saved state first
-    if (state.brief.product_name) document.getElementById('product_name').value = state.brief.product_name;
-    if (state.brief.description) document.getElementById('description').value = state.brief.description;
-    if (state.brief.owner.name) document.getElementById('owner_name').value = state.brief.owner.name;
-    if (state.brief.owner.team) document.getElementById('owner_team').value = state.brief.owner.team;
-    if (state.brief.owner.email) document.getElementById('owner_email').value = state.brief.owner.email;
-    if (state.brief.sensitivity) document.getElementById('sensitivity').value = state.brief.sensitivity;
-
-    // Auto-suggest from selected source (if fields are still empty)
-    var hasAnyField = state.brief.product_name || state.brief.description || state.brief.owner.name;
-    if (!hasAnyField && state.sources && state.sources.length > 0) {
-      var suggestNote = createElement('p', { className: 'muted suggest-loading', textContent: 'Auto-filling from your database\u2026' });
-      card.insertBefore(suggestNote, form);
-
-      api('POST', '/api/suggest-brief', { source: state.sources[0] }).then(function (data) {
-        suggestNote.remove();
-        // Only fill empty fields
-        var fields = [
-          { id: 'product_name', val: data.product_name, stateKey: 'product_name' },
-          { id: 'description', val: data.description, stateKey: 'description' },
-          { id: 'owner_name', val: data.owner && data.owner.name, stateKey: null },
-          { id: 'owner_team', val: data.owner && data.owner.team, stateKey: null },
-          { id: 'owner_email', val: data.owner && data.owner.email, stateKey: null },
-          { id: 'sensitivity', val: data.sensitivity, stateKey: 'sensitivity' },
-        ];
-        fields.forEach(function (f) {
-          var el = document.getElementById(f.id);
-          if (el && !el.value && f.val) {
-            el.value = f.val;
-          }
-        });
-      }).catch(function () {
-        suggestNote.textContent = '';
-      });
-    }
-  }
-
-  // ---- Step 3: Scaffold ----
-
-  var SCAFFOLD_STAGES = [
-    { key: 'introspect', label: 'Extracting schema from database...' },
-    { key: 'scaffold', label: 'Building semantic plane files...' },
-    { key: 'verify', label: 'Validating semantic plane...' },
-    { key: 'autofix', label: 'Fixing any issues...' },
-    { key: 'agent-instructions', label: 'Generating agent instructions...' },
-  ];
-
-  function renderScaffoldStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card' });
-
-    card.appendChild(createElement('h2', { textContent: 'Building Your Semantic Plane' }));
-    card.appendChild(createElement('p', { className: 'muted', textContent: 'Connecting to your database and extracting schema metadata. This creates a Bronze-tier semantic plane.' }));
-
-    // Stage rows container
-    var stagesContainer = createElement('div', { className: 'scaffold-stages', id: 'scaffold-stages' });
-    SCAFFOLD_STAGES.forEach(function (stage) {
-      var row = createElement('div', { className: 'stage-row', id: 'stage-' + stage.key, 'data-stage': stage.key }, [
-        createElement('span', { className: 'stage-dot' }),
-        createElement('span', { className: 'stage-name', textContent: stage.label }),
-      ]);
-      stagesContainer.appendChild(row);
-    });
-    card.appendChild(stagesContainer);
-
-    // Error area
-    var errorArea = createElement('div', { id: 'scaffold-error' });
-    card.appendChild(errorArea);
-
-    // Action area (Start / Retry button)
-    var actionArea = createElement('div', { className: 'step-actions', id: 'scaffold-actions' });
-
-    var backBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Back' });
-    backBtn.addEventListener('click', function () { goToStep(2); });
-    actionArea.appendChild(backBtn);
-
-    // If we already have a pipelineId, resume polling; otherwise show Start button
-    if (state.pipelineId) {
-      actionArea.appendChild(createElement('span', { className: 'muted', textContent: 'Build in progress...' }));
-      card.appendChild(actionArea);
-      content.appendChild(card);
-      startScaffoldPolling();
-    } else {
-      var startBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Start Build', id: 'scaffold-start-btn' });
-      startBtn.addEventListener('click', function () { startScaffoldBuild(startBtn); });
-      actionArea.appendChild(startBtn);
-      card.appendChild(actionArea);
-      content.appendChild(card);
-    }
-  }
-
-  async function startScaffoldBuild(btn) {
-    btn.textContent = 'Starting...';
-    btn.disabled = true;
-
-    var errorArea = document.getElementById('scaffold-error');
-    if (errorArea) errorArea.textContent = '';
-
-    var body = {
-      productName: state.brief.product_name,
-      targetTier: 'bronze',
-    };
-    if (state.sources && state.sources[0]) {
-      var src = state.sources[0];
-      body.dataSource = (typeof src === 'string' ? src : src.name || src.database || '').replace(/[^a-zA-Z0-9_-]/g, '_');
-    }
-
-    try {
-      var result = await api('POST', '/api/pipeline/start', body);
-      state.pipelineId = result.id;
-      saveState();
-      btn.textContent = 'Building...';
-      startScaffoldPolling();
-    } catch (e) {
-      btn.textContent = 'Start Build';
-      btn.disabled = false;
-      var errorArea = document.getElementById('scaffold-error');
-      if (errorArea) {
-        errorArea.textContent = '';
-        errorArea.appendChild(createElement('p', { className: 'field-error', textContent: e.message || 'Failed to start build.' }));
-      }
-    }
-  }
-
-  function startScaffoldPolling() {
-    if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-
-    async function poll() {
-      if (!state.pipelineId) return;
-      try {
-        var status = await api('GET', '/api/pipeline/status/' + state.pipelineId);
-        var stages = status.stages || [];
-        var hasError = false;
-        var allDone = true;
-
-        SCAFFOLD_STAGES.forEach(function (def) {
-          var row = document.getElementById('stage-' + def.key);
-          if (!row) return;
-
-          var match = null;
-          for (var i = 0; i < stages.length; i++) {
-            if (stages[i].name === def.key) { match = stages[i]; break; }
-          }
-
-          var dot = row.querySelector('.stage-dot');
-          // Reset classes
-          dot.className = 'stage-dot';
-
-          // Remove any previous summary/error elements
-          var oldSummary = row.querySelector('.stage-summary');
-          if (oldSummary) oldSummary.remove();
-          var oldError = row.querySelector('.stage-error');
-          if (oldError) oldError.remove();
-
-          if (!match || match.status === 'pending') {
-            allDone = false;
-          } else if (match.status === 'running') {
-            dot.classList.add('running');
-            allDone = false;
-          } else if (match.status === 'done') {
-            dot.classList.add('done');
-            if (match.summary) {
-              row.appendChild(createElement('span', { className: 'stage-summary', textContent: match.summary }));
-            }
-          } else if (match.status === 'error') {
-            dot.classList.add('error');
-            hasError = true;
-            allDone = false;
-            if (match.error) {
-              row.appendChild(createElement('span', { className: 'stage-error', textContent: match.error }));
-            }
-          }
-        });
-
-        if (hasError) {
-          if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-          showScaffoldError(status.error || 'A pipeline stage failed.');
-        } else if (allDone && stages.length > 0) {
-          if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-          goToStep(4);
-        }
-      } catch (e) {
-        // Network error — keep polling, it may recover
-      }
-    }
-
-    poll();
-    state.pollTimer = setInterval(poll, 2000);
-  }
-
-  function showScaffoldError(msg) {
-    var errorArea = document.getElementById('scaffold-error');
-    if (!errorArea) return;
-    errorArea.textContent = '';
-    errorArea.appendChild(createElement('p', { className: 'field-error', textContent: msg }));
-
-    var actions = document.getElementById('scaffold-actions');
-    if (!actions) return;
-    // Remove old start/building button if any
-    var oldBtn = actions.querySelector('.btn-primary');
-    if (oldBtn) oldBtn.remove();
-    var oldMuted = actions.querySelector('.muted');
-    if (oldMuted) oldMuted.remove();
-
-    var retryBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Retry' });
-    retryBtn.addEventListener('click', function () {
-      state.pipelineId = null;
-      saveState();
-      // Reset stage dots
-      SCAFFOLD_STAGES.forEach(function (def) {
-        var row = document.getElementById('stage-' + def.key);
-        if (!row) return;
-        var dot = row.querySelector('.stage-dot');
-        if (dot) dot.className = 'stage-dot';
-        var s = row.querySelector('.stage-summary');
-        if (s) s.remove();
-        var e = row.querySelector('.stage-error');
-        if (e) e.remove();
-      });
-      errorArea.textContent = '';
-      startScaffoldBuild(retryBtn);
-    });
-    actions.appendChild(retryBtn);
-  }
-
-  // ---- Step 4: Checkpoint ----
-
-  function renderCheckpointStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card checkpoint-card' });
-
-    card.appendChild(createElement('h2', { textContent: 'Bronze Tier Achieved' }));
-
-    // Tier scorecard
-    var scorecard = createElement('div', { className: 'tier-scorecard' });
-
-    // Bronze (achieved)
-    var bronzeRow = createElement('div', { className: 'tier-row achieved' }, [
-      createElement('span', { className: 'tier-label', textContent: 'Bronze' }),
-      createElement('span', { className: 'tier-desc', textContent: 'Schema metadata, table/column names, types, row counts' }),
-    ]);
-    scorecard.appendChild(bronzeRow);
-
-    // Silver
-    var silverRow = createElement('div', { className: 'tier-row' }, [
-      createElement('span', { className: 'tier-label', textContent: 'Silver' }),
-      createElement('span', { className: 'tier-desc', textContent: 'Column descriptions, sample values, trust tags' }),
-    ]);
-    scorecard.appendChild(silverRow);
-
-    // Gold
-    var goldRow = createElement('div', { className: 'tier-row' }, [
-      createElement('span', { className: 'tier-label', textContent: 'Gold' }),
-      createElement('span', { className: 'tier-desc', textContent: 'Join rules, grain statements, semantic roles, golden queries, guardrail filters' }),
-    ]);
-    scorecard.appendChild(goldRow);
-
-    card.appendChild(scorecard);
-
-    // Explanatory text
-    card.appendChild(createElement('p', { className: 'checkpoint-explain', textContent: 'Your semantic plane has basic schema metadata. AI tools can use this now, but with Gold tier they\'ll understand join relationships, business descriptions, and query patterns.' }));
-
-    // CTA buttons
-    var ctas = createElement('div', { className: 'checkpoint-ctas' });
-
-    var serveBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Start MCP Server' });
-    serveBtn.addEventListener('click', function () { goToStep(6); });
-    ctas.appendChild(serveBtn);
-
-    var goldBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Continue to Gold' });
-    goldBtn.addEventListener('click', function () { goToStep(5); });
-    ctas.appendChild(goldBtn);
-
-    card.appendChild(ctas);
-    content.appendChild(card);
-  }
-
-  // ---- Step 5: Enrich ----
-
-  var ENRICH_REQUIREMENTS = [
-    { key: 'column-descriptions', label: 'Column descriptions', initial: '0/45 columns' },
-    { key: 'sample-values', label: 'Sample values', initial: '0/45 columns' },
-    { key: 'join-rules', label: 'Join rules', initial: '0/0' },
-    { key: 'grain-statements', label: 'Grain statements', initial: '0/0' },
-    { key: 'semantic-roles', label: 'Semantic roles', initial: '0/0' },
-    { key: 'golden-queries', label: 'Golden queries', initial: '0/0' },
-    { key: 'guardrail-filters', label: 'Guardrail filters', initial: '0/0' },
-  ];
-
-  function renderEnrichStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card' });
-
-    card.appendChild(createElement('h2', { textContent: 'Enriching to Gold' }));
-    card.appendChild(createElement('p', { className: 'muted', textContent: 'RunContext is analyzing your schema to add descriptions, join rules, and query patterns.' }));
-
-    // Start Enrichment button area
-    var startArea = createElement('div', { className: 'step-actions', id: 'enrich-start-area' });
-    var backBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Back' });
-    backBtn.addEventListener('click', function () { goToStep(4); });
-    startArea.appendChild(backBtn);
-
-    var startBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Start Enrichment', id: 'enrich-start-btn' });
-    startBtn.addEventListener('click', function () { startEnrichment(startBtn); });
-    startArea.appendChild(startBtn);
-    card.appendChild(startArea);
-
-    // Dashboard (always visible — shows checklist pre-enrichment)
-    var dashboard = createElement('div', { className: 'enrich-dashboard', id: 'enrich-dashboard' });
-
-    // Top panel: Requirements checklist
-    var checklist = createElement('div', { className: 'enrich-checklist' });
-    ENRICH_REQUIREMENTS.forEach(function (req) {
-      var row = createElement('div', { className: 'enrich-row', id: 'enrich-req-' + req.key });
-
-      var header = createElement('div', { className: 'enrich-row-header' });
-      header.appendChild(createElement('span', { className: 'stage-dot' }));
-      header.appendChild(createElement('span', { className: 'enrich-req-name', textContent: req.label }));
-      header.appendChild(createElement('span', { className: 'enrich-progress', textContent: req.initial }));
-      header.appendChild(createElement('span', { className: 'enrich-arrow', textContent: '\u25B6' }));
-
-      header.addEventListener('click', function () {
-        row.classList.toggle('expanded');
-      });
-
-      var detail = createElement('div', { className: 'enrich-row-detail' }, [
-        'Details will appear as enrichment progresses.',
-      ]);
-
-      row.appendChild(header);
-      row.appendChild(detail);
-      checklist.appendChild(row);
-    });
-    dashboard.appendChild(checklist);
-
-    // Bottom panel: Activity log
-    var logSection = createElement('div', { className: 'activity-log' });
-    logSection.appendChild(createElement('div', { className: 'activity-log-title', textContent: 'Activity Log' }));
-    var logContainer = createElement('div', { id: 'activity-log' });
-    logContainer.appendChild(createElement('div', { className: 'log-entry' }, [
-      createElement('span', { className: 'log-time', textContent: new Date().toLocaleTimeString() }),
-      createElement('span', {}, [' Waiting for enrichment to start...']),
-    ]));
-    logSection.appendChild(logContainer);
-    dashboard.appendChild(logSection);
-
-    // Error area
-    var errorArea = createElement('div', { id: 'enrich-error' });
-    dashboard.appendChild(errorArea);
-
-    card.appendChild(dashboard);
-    content.appendChild(card);
-  }
-
-  async function startEnrichment(btn) {
-    btn.textContent = 'Starting...';
-    btn.disabled = true;
-
-    var errorArea = document.getElementById('enrich-error');
-    if (errorArea) errorArea.textContent = '';
-
-    var body = {
-      productName: state.brief.product_name,
-      targetTier: 'gold',
-    };
-    if (state.sources && state.sources[0]) {
-      var src = state.sources[0];
-      body.dataSource = (typeof src === 'string' ? src : src.name || src.database || '').replace(/[^a-zA-Z0-9_-]/g, '_');
-    }
-
-    try {
-      var result = await api('POST', '/api/pipeline/start', body);
-      state.pipelineId = result.id;
-      saveState();
-
-      // Hide start button area
-      var startArea = document.getElementById('enrich-start-area');
-      if (startArea) startArea.style.display = 'none';
-
-      appendEnrichLog({ message: 'Enrichment pipeline started.' });
-      startEnrichPolling();
-    } catch (e) {
-      btn.textContent = 'Start Enrichment';
-      btn.disabled = false;
-      if (errorArea) {
-        errorArea.textContent = '';
-        errorArea.appendChild(createElement('p', { className: 'field-error', textContent: e.message || 'Failed to start enrichment.' }));
-      }
-    }
-  }
-
-  function startEnrichPolling() {
-    if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-
-    async function poll() {
-      if (!state.pipelineId) return;
-      try {
-        var status = await api('GET', '/api/pipeline/status/' + state.pipelineId);
-        var stages = status.stages || [];
-        var hasError = false;
-        var silverDone = false;
-        var goldDone = false;
-
-        for (var i = 0; i < stages.length; i++) {
-          var s = stages[i];
-          if (s.name === 'enrich-silver' && s.status === 'done') silverDone = true;
-          if (s.name === 'enrich-gold' && s.status === 'done') goldDone = true;
-          if (s.status === 'error') hasError = true;
-        }
-
-        if (hasError) {
-          if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-          showEnrichError(status.error || 'An enrichment stage failed.');
-          return;
-        }
-
-        if (silverDone) {
-          appendEnrichLog({ message: 'Silver enrichment complete.' });
-        }
-        if (silverDone && goldDone) {
-          if (state.pollTimer) { clearInterval(state.pollTimer); state.pollTimer = null; }
-          appendEnrichLog({ message: 'Gold enrichment complete! Advancing...' });
-          goToStep(6);
-        }
-      } catch (e) {
-        // Network error — keep polling
-      }
-    }
-
-    poll();
-    state.pollTimer = setInterval(poll, 3000);
-  }
-
-  function showEnrichError(msg) {
-    var errorArea = document.getElementById('enrich-error');
-    if (!errorArea) return;
-    errorArea.textContent = '';
-    errorArea.appendChild(createElement('p', { className: 'field-error', textContent: msg }));
-
-    var retryBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Retry' });
-    retryBtn.addEventListener('click', function () {
-      errorArea.textContent = '';
-      state.pipelineId = null;
-      saveState();
-      // Reset requirement rows to pending
-      ENRICH_REQUIREMENTS.forEach(function (req) {
-        var row = document.getElementById('enrich-req-' + req.key);
-        if (!row) return;
-        var dot = row.querySelector('.stage-dot');
-        if (dot) dot.className = 'stage-dot';
-        var prog = row.querySelector('.enrich-progress');
-        if (prog) prog.textContent = req.initial;
-      });
-      // Show start area again, hide dashboard
-      var startArea = document.getElementById('enrich-start-area');
-      if (startArea) startArea.style.display = '';
-      var dashboard = document.getElementById('enrich-dashboard');
-      if (dashboard) dashboard.style.display = 'none';
-      var startBtn = document.getElementById('enrich-start-btn');
-      if (startBtn) {
-        startBtn.textContent = 'Start Enrichment';
-        startBtn.disabled = false;
-      }
-    });
-    errorArea.appendChild(retryBtn);
-  }
-
-  function updateEnrichProgress(payload) {
-    // payload: { requirement: string, status: string, progress: string }
-    var row = document.getElementById('enrich-req-' + payload.requirement);
-    if (!row) return;
-    var dot = row.querySelector('.stage-dot');
-    var prog = row.querySelector('.enrich-progress');
-    if (dot) {
-      dot.className = 'stage-dot' + (payload.status === 'working' ? ' running' : payload.status === 'done' ? ' done' : '');
-    }
-    if (prog) prog.textContent = payload.progress || '';
-  }
-
-  function appendEnrichLog(payload) {
-    // payload: { message: string, timestamp?: string }
-    var log = document.getElementById('activity-log');
-    if (!log) return;
-    var ts = payload.timestamp ? new Date(payload.timestamp).toLocaleTimeString() : new Date().toLocaleTimeString();
-    var entry = createElement('div', { className: 'log-entry' }, [
-      createElement('span', { className: 'log-time' }, [ts]),
-      createElement('span', {}, [' ' + payload.message]),
-    ]);
-    log.appendChild(entry);
-    log.scrollTop = log.scrollHeight;
-  }
-
-  // ---- Step 6: Serve ----
-
-  function renderServeStep() {
-    var content = document.getElementById('wizard-content');
-    if (!content) return;
-
-    var card = createElement('div', { className: 'card serve-card' });
-
-    card.appendChild(createElement('h2', { textContent: 'Your Semantic Plane is Ready' }));
-
-    // Tier detection placeholder — will be filled async
-    var tierBadge = createElement('span', { className: 'serve-tier-badge bronze', id: 'tier-badge', textContent: 'Bronze' });
-    card.appendChild(tierBadge);
-
-    var messageEl = createElement('p', { className: 'muted' });
-    messageEl.textContent = 'Your Bronze tier semantic plane is ready for AI agents.';
-    card.appendChild(messageEl);
-
-    var upgradeHint = createElement('p', { className: 'muted' });
-    upgradeHint.style.marginTop = '8px';
-    upgradeHint.style.display = 'none';
-    card.appendChild(upgradeHint);
-
-    // Fetch tier from pipeline status
-    if (state.pipelineId) {
-      fetch('/api/pipeline/status/' + state.pipelineId)
-        .then(function (res) { return res.json(); })
-        .then(function (data) {
-          var stages = data.stages || [];
-          var tier = 'Bronze';
-          var tierClass = 'bronze';
-          var hasSilver = false;
-          var hasGold = false;
-          for (var i = 0; i < stages.length; i++) {
-            if (stages[i].name === 'enrich-gold' && stages[i].status === 'done') {
-              hasGold = true;
-            }
-            if (stages[i].name === 'enrich-silver' && stages[i].status === 'done') {
-              hasSilver = true;
-            }
-          }
-          if (hasGold) {
-            tier = 'Gold';
-            tierClass = 'gold';
-          } else if (hasSilver) {
-            tier = 'Silver';
-            tierClass = 'silver';
-          }
-
-          tierBadge.className = 'serve-tier-badge ' + tierClass;
-          tierBadge.textContent = tier;
-          messageEl.textContent = 'Your ' + tier + ' tier semantic plane is ready for AI agents.';
-
-          if (!hasGold) {
-            var missing = [];
-            if (!hasSilver) missing.push('Silver enrichment');
-            missing.push('Gold enrichment');
-            upgradeHint.textContent = 'To reach Gold, you still need: ' + missing.join(', ') + '. You can run enrichment later with `context enrich --target gold`.';
-            upgradeHint.style.display = 'block';
-          }
-        })
-        .catch(function () { /* keep Bronze default */ });
-    }
-
-    // CTAs
-    var ctas = createElement('div', { className: 'serve-ctas' });
-
-    var startBtn = createElement('button', { className: 'btn btn-primary', textContent: 'Start MCP Server' });
-    startBtn.addEventListener('click', function () {
-      startBtn.disabled = true;
-      startBtn.textContent = 'Loading...';
-      fetch('/api/mcp-config')
-        .then(function (res) { return res.json(); })
-        .then(function (config) {
-          startBtn.textContent = 'Start MCP Server';
-          startBtn.disabled = false;
-          // Remove existing config block if any
-          var existing = card.querySelector('.mcp-config-block');
-          if (existing) existing.remove();
-          var configBlock = createElement('div', { className: 'mcp-config-block' });
-          configBlock.textContent = JSON.stringify(config, null, 2);
-          // Insert after CTAs
-          var ctaParent = ctas.parentNode;
-          if (ctaParent) ctaParent.insertBefore(configBlock, ctas.nextSibling);
-
-          var copyHint = card.querySelector('.mcp-copy-hint');
-          if (!copyHint) {
-            copyHint = createElement('p', { className: 'muted mcp-copy-hint' });
-            copyHint.textContent = 'Copy the JSON above into your IDE\'s MCP settings, or run: context serve';
-            copyHint.style.marginTop = '8px';
-            copyHint.style.fontSize = '0.85rem';
-            var configEl = card.querySelector('.mcp-config-block');
-            if (configEl && configEl.nextSibling) {
-              ctaParent.insertBefore(copyHint, configEl.nextSibling);
-            } else if (configEl) {
-              ctaParent.appendChild(copyHint);
-            }
-          }
-        })
-        .catch(function () {
-          startBtn.textContent = 'Start MCP Server';
-          startBtn.disabled = false;
-        });
-    });
-    ctas.appendChild(startBtn);
-
-    var publishBtn = createElement('button', { className: 'btn btn-secondary', textContent: 'Publish to Cloud' });
-    publishBtn.disabled = true;
-    publishBtn.title = 'Coming soon';
-    ctas.appendChild(publishBtn);
-
-    card.appendChild(ctas);
-
-    // CLI Commands section
-    var cmds = createElement('div', { className: 'serve-commands' });
-    cmds.appendChild(createElement('div', { className: 'serve-commands-title', textContent: 'CLI Commands' }));
-
-    var cmdData = [
-      ['context serve', 'Start the MCP server'],
-      ['context tier', 'Check your current tier'],
-      ['context enrich --target gold', 'Enrich to Gold tier'],
-      ['context verify', 'Validate your semantic plane'],
-    ];
-    for (var i = 0; i < cmdData.length; i++) {
-      var row = createElement('div', { className: 'serve-cmd-row' }, [
-        createElement('span', { className: 'serve-cmd', textContent: cmdData[i][0] }),
-        createElement('span', { className: 'serve-cmd-desc', textContent: cmdData[i][1] }),
-      ]);
-      cmds.appendChild(row);
-    }
-    card.appendChild(cmds);
-
-    // Continue Enrichment link (shown if not Gold — updated async)
-    var continueLink = createElement('p', {});
-    continueLink.style.marginTop = '16px';
-    var linkEl = createElement('a', { textContent: 'Continue Enrichment' });
-    linkEl.style.color = 'var(--rc-color-accent, #c9a55a)';
-    linkEl.style.cursor = 'pointer';
-    linkEl.style.fontSize = '0.875rem';
-    linkEl.addEventListener('click', function () {
-      goToStep(5);
-    });
-    continueLink.appendChild(linkEl);
-    card.appendChild(continueLink);
-
-    // Hide continue link if Gold
-    if (state.pipelineId) {
-      fetch('/api/pipeline/status/' + state.pipelineId)
-        .then(function (res) { return res.json(); })
-        .then(function (data) {
-          var stages = data.stages || [];
-          for (var j = 0; j < stages.length; j++) {
-            if (stages[j].name === 'enrich-gold' && stages[j].status === 'done') {
-              continueLink.style.display = 'none';
-              break;
-            }
-          }
-        })
-        .catch(function () { /* keep visible */ });
-    }
-
-    card.appendChild(createStepActions(true, false));
-    content.appendChild(card);
-  }
-
-  // ---- Review / Build helpers (will be re-implemented in later tasks) ----
-
-  function createReviewRow(label, value) {
-    return createElement('div', { className: 'review-row' }, [
-      createElement('span', { className: 'review-label', textContent: label }),
-      createElement('span', { className: 'review-value', textContent: value }),
-    ]);
-  }
-
-  // ---- Existing Products Banner ----
-
-  async function checkExistingProducts() {
-    try {
-      var res = await fetch('/api/products');
-      var products = await res.json();
-      if (products.length > 0) {
-        var content = document.getElementById('wizard-content');
-        if (!content) return;
-
-        var banner = createElement('div', { className: 'existing-products-banner' });
-
-        var title = createElement('p', { className: 'banner-title' });
-        title.textContent = 'Your semantic plane has ' + products.length + ' data product' + (products.length === 1 ? '' : 's') + '. Adding another.';
-        banner.appendChild(title);
-
-        var list = createElement('div', { className: 'product-chips' });
-        for (var i = 0; i < products.length; i++) {
-          list.appendChild(createElement('span', { className: 'product-chip', textContent: products[i].name }));
-        }
-        banner.appendChild(list);
-
-        // Insert banner before the first card
-        var firstCard = content.querySelector('.card');
-        if (firstCard) {
-          content.insertBefore(banner, firstCard);
-        } else {
-          content.appendChild(banner);
-        }
-      }
-    } catch (e) {
-      // ignore - not critical
-    }
-  }
-
-  // ---- Sidebar Interactions ----
-
-  function setupSidebarLocked() {
-    var tooltip = document.getElementById('locked-tooltip');
-    if (!tooltip) return;
-
-    $$('.nav-item.locked').forEach(function (item) {
-      item.addEventListener('click', function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var rect = item.getBoundingClientRect();
-        tooltip.style.display = 'block';
-        tooltip.style.left = rect.left + 'px';
-        tooltip.style.top = (rect.bottom + 6) + 'px';
-      });
-    });
-
-    document.addEventListener('click', function (e) {
-      if (tooltip.style.display !== 'none') {
-        var isLocked = false;
-        $$('.nav-item.locked').forEach(function (item) {
-          if (item.contains(e.target)) isLocked = true;
-        });
-        if (!isLocked) {
-          tooltip.style.display = 'none';
-        }
-      }
-    });
-  }
-
-  // ---- Sidebar Status Polling ----
-
-  function pollMcpStatus() {
-    async function check() {
-      var dot = document.getElementById('mcp-status-dot');
-      var text = document.getElementById('mcp-status-text');
-      var serverDot = document.getElementById('mcp-server-dot');
-      var serverText = document.getElementById('mcp-server-text');
-      if (!dot || !text) return;
-      try {
-        var controller = new AbortController();
-        var timer = setTimeout(function () { controller.abort(); }, 2000);
-        var res = await fetch('http://localhost:3333/health', {
-          method: 'GET',
-          mode: 'no-cors',
-          signal: controller.signal,
-        });
-        clearTimeout(timer);
-        // mode: 'no-cors' returns opaque response (status 0) but means server is reachable
-        dot.classList.remove('error');
-        dot.classList.add('success');
-        text.textContent = 'connected';
-        if (serverDot) { serverDot.classList.remove('error'); serverDot.classList.add('success'); }
-        if (serverText) serverText.textContent = 'MCP running';
-      } catch (e) {
-        dot.classList.remove('success');
-        text.textContent = 'offline';
-        if (serverDot) { serverDot.classList.remove('success'); }
-        if (serverText) serverText.textContent = 'MCP stopped';
-      }
-    }
-    check();
-    state.mcpPollTimer = setInterval(check, 10000);
-  }
-
-  function updateDbStatus(source) {
-    var dot = document.getElementById('db-status-dot');
-    var text = document.getElementById('db-status-text');
-    if (!dot || !text) return;
-    if (source) {
-      dot.classList.remove('error');
-      dot.classList.add('success');
-      text.textContent = (source.name || source.adapter) + ' connected';
-    } else {
-      dot.classList.remove('success');
-      dot.classList.add('error');
-      text.textContent = 'No database';
-    }
-  }
-
-  // ---- Init ----
-
-  function init() {
-    setupSidebarLocked();
-    pollMcpStatus();
-
-    // Restore DB status from saved state
-    if (state.sources && state.sources.length > 0) {
-      updateDbStatus(state.sources[0]);
-    }
-
-    goToStep(state.step);
-
-    // Create or resume a WebSocket session
-    var urlParams = new URLSearchParams(window.location.search);
-    var sessionParam = urlParams.get('session');
-    if (sessionParam) {
-      connectWebSocket(sessionParam);
-    } else {
-      fetch('/api/session', { method: 'POST' })
-        .then(function (r) { return r.json(); })
-        .then(function (data) {
-          if (data.sessionId) {
-            connectWebSocket(data.sessionId);
-            // Update URL without reload so session persists on refresh
-            var newUrl = window.location.pathname + '?session=' + encodeURIComponent(data.sessionId);
-            window.history.replaceState({}, '', newUrl);
-          }
-        })
-        .catch(function () { /* WebSocket is best-effort */ });
-    }
-  }
-
-  document.addEventListener('DOMContentLoaded', init);
-})();
+(function(){"use strict";var _e,h,tt,nt,O,it,rt,at,st,Le,De,Oe,ve={},he=[],nn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,pe=Array.isArray;function A(t,e){for(var n in e)t[n]=e[n];return t}function Ue(t){t&&t.parentNode&&t.parentNode.removeChild(t)}function rn(t,e,n){var r,i,s,o={};for(s in e)s=="key"?r=e[s]:s=="ref"?i=e[s]:o[s]=e[s];if(arguments.length>2&&(o.children=arguments.length>3?_e.call(arguments,2):n),typeof t=="function"&&t.defaultProps!=null)for(s in t.defaultProps)o[s]===void 0&&(o[s]=t.defaultProps[s]);return me(t,o,r,i,null)}function me(t,e,n,r,i){var s={type:t,props:e,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:i??++tt,__i:-1,__u:0};return i==null&&h.vnode!=null&&h.vnode(s),s}function U(t){return t.children}function te(t,e){this.props=t,this.context=e}function Y(t,e){if(e==null)return t.__?Y(t.__,t.__i+1):null;for(var n;e<t.__k.length;e++)if((n=t.__k[e])!=null&&n.__e!=null)return n.__e;return typeof t.type=="function"?Y(t):null}function an(t){if(t.__P&&t.__d){var e=t.__v,n=e.__e,r=[],i=[],s=A({},e);s.__v=e.__v+1,h.vnode&&h.vnode(s),Me(t.__P,s,e,t.__n,t.__P.namespaceURI,32&e.__u?[n]:null,r,n??Y(e),!!(32&e.__u),i),s.__v=e.__v,s.__.__k[s.__i]=s,_t(r,s,i),e.__e=e.__=null,s.__e!=n&&ot(s)}}function ot(t){if((t=t.__)!=null&&t.__c!=null)return t.__e=t.__c.base=null,t.__k.some(function(e){if(e!=null&&e.__e!=null)return t.__e=t.__c.base=e.__e}),ot(t)}function lt(t){(!t.__d&&(t.__d=!0)&&O.push(t)&&!ye.__r++||it!=h.debounceRendering)&&((it=h.debounceRendering)||rt)(ye)}function ye(){try{for(var t,e=1;O.length;)O.length>e&&O.sort(at),t=O.shift(),e=O.length,an(t)}finally{O.length=ye.__r=0}}function ct(t,e,n,r,i,s,o,c,d,u,_){var l,y,f,k,I,$,g,m=r&&r.__k||he,q=e.length;for(d=sn(n,e,m,d,q),l=0;l<q;l++)(f=n.__k[l])!=null&&(y=f.__i!=-1&&m[f.__i]||ve,f.__i=l,$=Me(t,f,y,i,s,o,c,d,u,_),k=f.__e,f.ref&&y.ref!=f.ref&&(y.ref&&je(y.ref,null,f),_.push(f.ref,f.__c||k,f)),I==null&&k!=null&&(I=k),(g=!!(4&f.__u))||y.__k===f.__k?d=ut(f,d,t,g):typeof f.type=="function"&&$!==void 0?d=$:k&&(d=k.nextSibling),f.__u&=-7);return n.__e=I,d}function sn(t,e,n,r,i){var s,o,c,d,u,_=n.length,l=_,y=0;for(t.__k=new Array(i),s=0;s<i;s++)(o=e[s])!=null&&typeof o!="boolean"&&typeof o!="function"?(typeof o=="string"||typeof o=="number"||typeof o=="bigint"||o.constructor==String?o=t.__k[s]=me(null,o,null,null,null):pe(o)?o=t.__k[s]=me(U,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=t.__k[s]=me(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):t.__k[s]=o,d=s+y,o.__=t,o.__b=t.__b+1,c=null,(u=o.__i=on(o,n,d,l))!=-1&&(l--,(c=n[u])&&(c.__u|=2)),c==null||c.__v==null?(u==-1&&(i>_?y--:i<_&&y++),typeof o.type!="function"&&(o.__u|=4)):u!=d&&(u==d-1?y--:u==d+1?y++:(u>d?y--:y++,o.__u|=4))):t.__k[s]=null;if(l)for(s=0;s<_;s++)(c=n[s])!=null&&(2&c.__u)==0&&(c.__e==r&&(r=Y(c)),ht(c,c));return r}function ut(t,e,n,r){var i,s;if(typeof t.type=="function"){for(i=t.__k,s=0;i&&s<i.length;s++)i[s]&&(i[s].__=t,e=ut(i[s],e,n,r));return e}t.__e!=e&&(r&&(e&&t.type&&!e.parentNode&&(e=Y(t)),n.insertBefore(t.__e,e||null)),e=t.__e);do e=e&&e.nextSibling;while(e!=null&&e.nodeType==8);return e}function on(t,e,n,r){var i,s,o,c=t.key,d=t.type,u=e[n],_=u!=null&&(2&u.__u)==0;if(u===null&&c==null||_&&c==u.key&&d==u.type)return n;if(r>(_?1:0)){for(i=n-1,s=n+1;i>=0||s<e.length;)if((u=e[o=i>=0?i--:s++])!=null&&(2&u.__u)==0&&c==u.key&&d==u.type)return o}return-1}function dt(t,e,n){e[0]=="-"?t.setProperty(e,n??""):t[e]=n==null?"":typeof n!="number"||nn.test(e)?n:n+"px"}function ge(t,e,n,r,i){var s,o;e:if(e=="style")if(typeof n=="string")t.style.cssText=n;else{if(typeof r=="string"&&(t.style.cssText=r=""),r)for(e in r)n&&e in n||dt(t.style,e,"");if(n)for(e in n)r&&n[e]==r[e]||dt(t.style,e,n[e])}else if(e[0]=="o"&&e[1]=="n")s=e!=(e=e.replace(st,"$1")),o=e.toLowerCase(),e=o in t||e=="onFocusOut"||e=="onFocusIn"?o.slice(2):e.slice(2),t.l||(t.l={}),t.l[e+s]=n,n?r?n.u=r.u:(n.u=Le,t.addEventListener(e,s?Oe:De,s)):t.removeEventListener(e,s?Oe:De,s);else{if(i=="http://www.w3.org/2000/svg")e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!="width"&&e!="height"&&e!="href"&&e!="list"&&e!="form"&&e!="tabIndex"&&e!="download"&&e!="rowSpan"&&e!="colSpan"&&e!="role"&&e!="popover"&&e in t)try{t[e]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&e[4]!="-"?t.removeAttribute(e):t.setAttribute(e,e=="popover"&&n==1?"":n))}}function ft(t){return function(e){if(this.l){var n=this.l[e.type+t];if(e.t==null)e.t=Le++;else if(e.t<n.u)return;return n(h.event?h.event(e):e)}}}function Me(t,e,n,r,i,s,o,c,d,u){var _,l,y,f,k,I,$,g,m,q,V,fe,tn,Be,et,N=e.type;if(e.constructor!==void 0)return null;128&n.__u&&(d=!!(32&n.__u),s=[c=e.__e=n.__e]),(_=h.__b)&&_(e);e:if(typeof N=="function")try{if(g=e.props,m=N.prototype&&N.prototype.render,q=(_=N.contextType)&&r[_.__c],V=_?q?q.props.value:_.__:r,n.__c?$=(l=e.__c=n.__c).__=l.__E:(m?e.__c=l=new N(g,V):(e.__c=l=new te(g,V),l.constructor=N,l.render=cn),q&&q.sub(l),l.state||(l.state={}),l.__n=r,y=l.__d=!0,l.__h=[],l._sb=[]),m&&l.__s==null&&(l.__s=l.state),m&&N.getDerivedStateFromProps!=null&&(l.__s==l.state&&(l.__s=A({},l.__s)),A(l.__s,N.getDerivedStateFromProps(g,l.__s))),f=l.props,k=l.state,l.__v=e,y)m&&N.getDerivedStateFromProps==null&&l.componentWillMount!=null&&l.componentWillMount(),m&&l.componentDidMount!=null&&l.__h.push(l.componentDidMount);else{if(m&&N.getDerivedStateFromProps==null&&g!==f&&l.componentWillReceiveProps!=null&&l.componentWillReceiveProps(g,V),e.__v==n.__v||!l.__e&&l.shouldComponentUpdate!=null&&l.shouldComponentUpdate(g,l.__s,V)===!1){e.__v!=n.__v&&(l.props=g,l.state=l.__s,l.__d=!1),e.__e=n.__e,e.__k=n.__k,e.__k.some(function(ee){ee&&(ee.__=e)}),he.push.apply(l.__h,l._sb),l._sb=[],l.__h.length&&o.push(l);break e}l.componentWillUpdate!=null&&l.componentWillUpdate(g,l.__s,V),m&&l.componentDidUpdate!=null&&l.__h.push(function(){l.componentDidUpdate(f,k,I)})}if(l.context=V,l.props=g,l.__P=t,l.__e=!1,fe=h.__r,tn=0,m)l.state=l.__s,l.__d=!1,fe&&fe(e),_=l.render(l.props,l.state,l.context),he.push.apply(l.__h,l._sb),l._sb=[];else do l.__d=!1,fe&&fe(e),_=l.render(l.props,l.state,l.context),l.state=l.__s;while(l.__d&&++tn<25);l.state=l.__s,l.getChildContext!=null&&(r=A(A({},r),l.getChildContext())),m&&!y&&l.getSnapshotBeforeUpdate!=null&&(I=l.getSnapshotBeforeUpdate(f,k)),Be=_!=null&&_.type===U&&_.key==null?vt(_.props.children):_,c=ct(t,pe(Be)?Be:[Be],e,n,r,i,s,o,c,d,u),l.base=e.__e,e.__u&=-161,l.__h.length&&o.push(l),$&&(l.__E=l.__=null)}catch(ee){if(e.__v=null,d||s!=null)if(ee.then){for(e.__u|=d?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;s[s.indexOf(c)]=null,e.__e=c}else{for(et=s.length;et--;)Ue(s[et]);Re(e)}else e.__e=n.__e,e.__k=n.__k,ee.then||Re(e);h.__e(ee,e,n)}else s==null&&e.__v==n.__v?(e.__k=n.__k,e.__e=n.__e):c=e.__e=ln(n.__e,e,n,r,i,s,o,d,u);return(_=h.diffed)&&_(e),128&e.__u?void 0:c}function Re(t){t&&(t.__c&&(t.__c.__e=!0),t.__k&&t.__k.some(Re))}function _t(t,e,n){for(var r=0;r<n.length;r++)je(n[r],n[++r],n[++r]);h.__c&&h.__c(e,t),t.some(function(i){try{t=i.__h,i.__h=[],t.some(function(s){s.call(i)})}catch(s){h.__e(s,i.__v)}})}function vt(t){return typeof t!="object"||t==null||t.__b>0?t:pe(t)?t.map(vt):A({},t)}function ln(t,e,n,r,i,s,o,c,d){var u,_,l,y,f,k,I,$=n.props||ve,g=e.props,m=e.type;if(m=="svg"?i="http://www.w3.org/2000/svg":m=="math"?i="http://www.w3.org/1998/Math/MathML":i||(i="http://www.w3.org/1999/xhtml"),s!=null){for(u=0;u<s.length;u++)if((f=s[u])&&"setAttribute"in f==!!m&&(m?f.localName==m:f.nodeType==3)){t=f,s[u]=null;break}}if(t==null){if(m==null)return document.createTextNode(g);t=document.createElementNS(i,m,g.is&&g),c&&(h.__m&&h.__m(e,s),c=!1),s=null}if(m==null)$===g||c&&t.data==g||(t.data=g);else{if(s=s&&_e.call(t.childNodes),!c&&s!=null)for($={},u=0;u<t.attributes.length;u++)$[(f=t.attributes[u]).name]=f.value;for(u in $)f=$[u],u=="dangerouslySetInnerHTML"?l=f:u=="children"||u in g||u=="value"&&"defaultValue"in g||u=="checked"&&"defaultChecked"in g||ge(t,u,null,f,i);for(u in g)f=g[u],u=="children"?y=f:u=="dangerouslySetInnerHTML"?_=f:u=="value"?k=f:u=="checked"?I=f:c&&typeof f!="function"||$[u]===f||ge(t,u,f,$[u],i);if(_)c||l&&(_.__html==l.__html||_.__html==t.innerHTML)||(t.innerHTML=_.__html),e.__k=[];else if(l&&(t.innerHTML=""),ct(e.type=="template"?t.content:t,pe(y)?y:[y],e,n,r,m=="foreignObject"?"http://www.w3.org/1999/xhtml":i,s,o,s?s[0]:n.__k&&Y(n,0),c,d),s!=null)for(u=s.length;u--;)Ue(s[u]);c||(u="value",m=="progress"&&k==null?t.removeAttribute("value"):k!=null&&(k!==t[u]||m=="progress"&&!k||m=="option"&&k!=$[u])&&ge(t,u,k,$[u],i),u="checked",I!=null&&I!=t[u]&&ge(t,u,I,$[u],i))}return t}function je(t,e,n){try{if(typeof t=="function"){var r=typeof t.__u=="function";r&&t.__u(),r&&e==null||(t.__u=t(e))}else t.current=e}catch(i){h.__e(i,n)}}function ht(t,e,n){var r,i;if(h.unmount&&h.unmount(t),(r=t.ref)&&(r.current&&r.current!=t.__e||je(r,null,e)),(r=t.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(s){h.__e(s,e)}r.base=r.__P=null}if(r=t.__k)for(i=0;i<r.length;i++)r[i]&&ht(r[i],e,n||typeof t.type!="function");n||Ue(t.__e),t.__c=t.__=t.__e=void 0}function cn(t,e,n){return this.constructor(t,n)}function Fe(t,e,n){var r,i,s,o;e==document&&(e=document.documentElement),h.__&&h.__(t,e),i=(r=!1)?null:e.__k,s=[],o=[],Me(e,t=e.__k=rn(U,null,[t]),i||ve,ve,e.namespaceURI,i?null:e.firstChild?_e.call(e.childNodes):null,s,i?i.__e:e.firstChild,r,o),_t(s,t,o)}_e=he.slice,h={__e:function(t,e,n,r){for(var i,s,o;e=e.__;)if((i=e.__c)&&!i.__)try{if((s=i.constructor)&&s.getDerivedStateFromError!=null&&(i.setState(s.getDerivedStateFromError(t)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(t,r||{}),o=i.__d),o)return i.__E=i}catch(c){t=c}throw t}},tt=0,nt=function(t){return t!=null&&t.constructor===void 0},te.prototype.setState=function(t,e){var n;n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=A({},this.state),typeof t=="function"&&(t=t(A({},n),this.props)),t&&A(n,t),t!=null&&this.__v&&(e&&this._sb.push(e),lt(this))},te.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),lt(this))},te.prototype.render=U,O=[],rt=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,at=function(t,e){return t.__v.__b-e.__v.__b},ye.__r=0,st=/(PointerCapture)$|Capture$/i,Le=0,De=ft(!1),Oe=ft(!0);var un=0;function a(t,e,n,r,i,s){e||(e={});var o,c,d=e;if("ref"in d)for(c in d={},e)c=="ref"?o=e[c]:d[c]=e[c];var u={type:t,props:d,key:n,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--un,__i:-1,__u:0,__source:i,__self:s};if(typeof t=="function"&&(o=t.defaultProps))for(c in o)d[c]===void 0&&(d[c]=o[c]);return h.vnode&&h.vnode(u),u}var qe,P,ze,pt,mt=0,yt=[],w=h,gt=w.__b,bt=w.__r,wt=w.diffed,kt=w.__c,St=w.unmount,Ct=w.__;function dn(t,e){w.__h&&w.__h(P,t,mt||e),mt=0;var n=P.__H||(P.__H={__:[],__h:[]});return t>=n.__.length&&n.__.push({}),n.__[t]}function $t(t,e){var n=dn(qe++,7);return vn(n.__H,e)&&(n.__=t(),n.__H=e,n.__h=t),n.__}function fn(){for(var t;t=yt.shift();){var e=t.__H;if(t.__P&&e)try{e.__h.some(be),e.__h.some(Ge),e.__h=[]}catch(n){e.__h=[],w.__e(n,t.__v)}}}w.__b=function(t){P=null,gt&&gt(t)},w.__=function(t,e){t&&e.__k&&e.__k.__m&&(t.__m=e.__k.__m),Ct&&Ct(t,e)},w.__r=function(t){bt&&bt(t),qe=0;var e=(P=t.__c).__H;e&&(ze===P?(e.__h=[],P.__h=[],e.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(e.__h.some(be),e.__h.some(Ge),e.__h=[],qe=0)),ze=P},w.diffed=function(t){wt&&wt(t);var e=t.__c;e&&e.__H&&(e.__H.__h.length&&(yt.push(e)!==1&&pt===w.requestAnimationFrame||((pt=w.requestAnimationFrame)||_n)(fn)),e.__H.__.some(function(n){n.u&&(n.__H=n.u),n.u=void 0})),ze=P=null},w.__c=function(t,e){e.some(function(n){try{n.__h.some(be),n.__h=n.__h.filter(function(r){return!r.__||Ge(r)})}catch(r){e.some(function(i){i.__h&&(i.__h=[])}),e=[],w.__e(r,n.__v)}}),kt&&kt(t,e)},w.unmount=function(t){St&&St(t);var e,n=t.__c;n&&n.__H&&(n.__H.__.some(function(r){try{be(r)}catch(i){e=i}}),n.__H=void 0,e&&w.__e(e,n.__v))};var xt=typeof requestAnimationFrame=="function";function _n(t){var e,n=function(){clearTimeout(r),xt&&cancelAnimationFrame(e),setTimeout(t)},r=setTimeout(n,35);xt&&(e=requestAnimationFrame(n))}function be(t){var e=P,n=t.__c;typeof n=="function"&&(t.__c=void 0,n()),P=e}function Ge(t){var e=P;t.__c=t.__(),P=e}function vn(t,e){return!t||t.length!==e.length||e.some(function(n,r){return n!==t[r]})}var hn=Symbol.for("preact-signals");function we(){if(B>1)B--;else{var t,e=!1;for((function(){var i=Se;for(Se=void 0;i!==void 0;)i.S.v===i.v&&(i.S.i=i.i),i=i.o})();ne!==void 0;){var n=ne;for(ne=void 0,ke++;n!==void 0;){var r=n.u;if(n.u=void 0,n.f&=-3,!(8&n.f)&&Pt(n))try{n.c()}catch(i){e||(t=i,e=!0)}n=r}}if(ke=0,B--,e)throw t}}function pn(t){if(B>0)return t();He=++mn,B++;try{return t()}finally{we()}}var p=void 0;function Et(t){var e=p;p=void 0;try{return t()}finally{p=e}}var ne=void 0,B=0,ke=0,mn=0,He=0,Se=void 0,Ce=0;function Tt(t){if(p!==void 0){var e=t.n;if(e===void 0||e.t!==p)return e={i:0,S:t,p:p.s,n:void 0,t:p,e:void 0,x:void 0,r:e},p.s!==void 0&&(p.s.n=e),p.s=e,t.n=e,32&p.f&&t.S(e),e;if(e.i===-1)return e.i=0,e.n!==void 0&&(e.n.p=e.p,e.p!==void 0&&(e.p.n=e.n),e.p=p.s,e.n=void 0,p.s.n=e,p.s=e),e}}function S(t,e){this.v=t,this.i=0,this.n=void 0,this.t=void 0,this.l=0,this.W=e?.watched,this.Z=e?.unwatched,this.name=e?.name}S.prototype.brand=hn,S.prototype.h=function(){return!0},S.prototype.S=function(t){var e=this,n=this.t;n!==t&&t.e===void 0&&(t.x=n,this.t=t,n!==void 0?n.e=t:Et(function(){var r;(r=e.W)==null||r.call(e)}))},S.prototype.U=function(t){var e=this;if(this.t!==void 0){var n=t.e,r=t.x;n!==void 0&&(n.x=r,t.e=void 0),r!==void 0&&(r.e=n,t.x=void 0),t===this.t&&(this.t=r,r===void 0&&Et(function(){var i;(i=e.Z)==null||i.call(e)}))}},S.prototype.subscribe=function(t){var e=this;return K(function(){var n=e.value,r=p;p=void 0;try{t(n)}finally{p=r}},{name:"sub"})},S.prototype.valueOf=function(){return this.value},S.prototype.toString=function(){return this.value+""},S.prototype.toJSON=function(){return this.value},S.prototype.peek=function(){var t=p;p=void 0;try{return this.value}finally{p=t}},Object.defineProperty(S.prototype,"value",{get:function(){var t=Tt(this);return t!==void 0&&(t.i=this.i),this.v},set:function(t){if(t!==this.v){if(ke>100)throw new Error("Cycle detected");(function(n){B!==0&&ke===0&&n.l!==He&&(n.l=He,Se={S:n,v:n.v,i:n.i,o:Se})})(this),this.v=t,this.i++,Ce++,B++;try{for(var e=this.t;e!==void 0;e=e.x)e.t.N()}finally{we()}}}});function v(t,e){return new S(t,e)}function Pt(t){for(var e=t.s;e!==void 0;e=e.n)if(e.S.i!==e.i||!e.S.h()||e.S.i!==e.i)return!0;return!1}function It(t){for(var e=t.s;e!==void 0;e=e.n){var n=e.S.n;if(n!==void 0&&(e.r=n),e.S.n=e,e.i=-1,e.n===void 0){t.s=e;break}}}function Nt(t){for(var e=t.s,n=void 0;e!==void 0;){var r=e.p;e.i===-1?(e.S.U(e),r!==void 0&&(r.n=e.n),e.n!==void 0&&(e.n.p=r)):n=e,e.S.n=e.r,e.r!==void 0&&(e.r=void 0),e=r}t.s=n}function z(t,e){S.call(this,void 0),this.x=t,this.s=void 0,this.g=Ce-1,this.f=4,this.W=e?.watched,this.Z=e?.unwatched,this.name=e?.name}z.prototype=new S,z.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===Ce))return!0;if(this.g=Ce,this.f|=1,this.i>0&&!Pt(this))return this.f&=-2,!0;var t=p;try{It(this),p=this;var e=this.x();(16&this.f||this.v!==e||this.i===0)&&(this.v=e,this.f&=-17,this.i++)}catch(n){this.v=n,this.f|=16,this.i++}return p=t,Nt(this),this.f&=-2,!0},z.prototype.S=function(t){if(this.t===void 0){this.f|=36;for(var e=this.s;e!==void 0;e=e.n)e.S.S(e)}S.prototype.S.call(this,t)},z.prototype.U=function(t){if(this.t!==void 0&&(S.prototype.U.call(this,t),this.t===void 0)){this.f&=-33;for(var e=this.s;e!==void 0;e=e.n)e.S.U(e)}},z.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var t=this.t;t!==void 0;t=t.x)t.t.N()}},Object.defineProperty(z.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var t=Tt(this);if(this.h(),t!==void 0&&(t.i=this.i),16&this.f)throw this.v;return this.v}});function At(t,e){return new z(t,e)}function Bt(t){var e=t.m;if(t.m=void 0,typeof e=="function"){B++;var n=p;p=void 0;try{e()}catch(r){throw t.f&=-2,t.f|=8,We(t),r}finally{p=n,we()}}}function We(t){for(var e=t.s;e!==void 0;e=e.n)e.S.U(e);t.x=void 0,t.s=void 0,Bt(t)}function yn(t){if(p!==this)throw new Error("Out-of-order effect");Nt(this),p=t,this.f&=-2,8&this.f&&We(this),we()}function Z(t,e){this.x=t,this.m=void 0,this.s=void 0,this.u=void 0,this.f=32,this.name=e?.name}Z.prototype.c=function(){var t=this.S();try{if(8&this.f||this.x===void 0)return;var e=this.x();typeof e=="function"&&(this.m=e)}finally{t()}},Z.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,Bt(this),It(this),B++;var t=p;return p=this,yn.bind(this,t)},Z.prototype.N=function(){2&this.f||(this.f|=2,this.u=ne,ne=this)},Z.prototype.d=function(){this.f|=8,1&this.f||We(this)},Z.prototype.dispose=function(){this.d()};function K(t,e){var n=new Z(t,e);try{n.c()}catch(i){throw n.d(),i}var r=n.d.bind(n);return r[Symbol.dispose]=r,r}var Lt,$e,gn=typeof window<"u"&&!!window.__PREACT_SIGNALS_DEVTOOLS__,Dt=[];K(function(){Lt=this.N})();function Q(t,e){h[t]=e.bind(null,h[t]||function(){})}function xe(t){if($e){var e=$e;$e=void 0,e()}$e=t&&t.S()}function Ot(t){var e=this,n=t.data,r=wn(n);r.value=n;var i=$t(function(){for(var c=e,d=e.__v;d=d.__;)if(d.__c){d.__c.__$f|=4;break}var u=At(function(){var f=r.value.value;return f===0?0:f===!0?"":f||""}),_=At(function(){return!Array.isArray(u.value)&&!nt(u.value)}),l=K(function(){if(this.N=Ut,_.value){var f=u.value;c.__v&&c.__v.__e&&c.__v.__e.nodeType===3&&(c.__v.__e.data=f)}}),y=e.__$u.d;return e.__$u.d=function(){l(),y.call(this)},[_,u]},[]),s=i[0],o=i[1];return s.value?o.peek():o.value}Ot.displayName="ReactiveTextNode",Object.defineProperties(S.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:Ot},props:{configurable:!0,get:function(){var t=this;return{data:{get value(){return t.value}}}}},__b:{configurable:!0,value:1}}),Q("__b",function(t,e){if(typeof e.type=="string"){var n,r=e.props;for(var i in r)if(i!=="children"){var s=r[i];s instanceof S&&(n||(e.__np=n={}),n[i]=s,r[i]=s.peek())}}t(e)}),Q("__r",function(t,e){if(t(e),e.type!==U){xe();var n,r=e.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=(function(i,s){var o;return K(function(){o=this},{name:s}),o.c=i,o})(function(){var i;gn&&((i=n.y)==null||i.call(n)),r.__$f|=1,r.setState({})},typeof e.type=="function"?e.type.displayName||e.type.name:""))),xe(n)}}),Q("__e",function(t,e,n,r){xe(),t(e,n,r)}),Q("diffed",function(t,e){xe();var n;if(typeof e.type=="string"&&(n=e.__e)){var r=e.__np,i=e.props;if(r){var s=n.U;if(s)for(var o in s){var c=s[o];c!==void 0&&!(o in r)&&(c.d(),s[o]=void 0)}else s={},n.U=s;for(var d in r){var u=s[d],_=r[d];u===void 0?(u=bn(n,d,_),s[d]=u):u.o(_,i)}for(var l in r)i[l]=r[l]}}t(e)});function bn(t,e,n,r){var i=e in t&&t.ownerSVGElement===void 0,s=v(n),o=n.peek();return{o:function(c,d){s.value=c,o=c.peek()},d:K(function(){this.N=Ut;var c=s.value.value;o!==c?(o=void 0,i?t[e]=c:c!=null&&(c!==!1||e[4]==="-")?t.setAttribute(e,c):t.removeAttribute(e)):o=void 0})}}Q("unmount",function(t,e){if(typeof e.type=="string"){var n=e.__e;if(n){var r=n.U;if(r){n.U=void 0;for(var i in r){var s=r[i];s&&s.d()}}}e.__np=void 0}else{var o=e.__c;if(o){var c=o.__$u;c&&(o.__$u=void 0,c.d())}}t(e)}),Q("__h",function(t,e,n,r){(r<3||r===9)&&(e.__$f|=2),t(e,n,r)}),te.prototype.shouldComponentUpdate=function(t,e){if(this.__R)return!0;var n=this.__$u,r=n&&n.s!==void 0;for(var i in e)return!0;if(this.__f||typeof this.u=="boolean"&&this.u===!0){var s=2&this.__$f;if(!(r||s||4&this.__$f)||1&this.__$f)return!0}else if(!(r||4&this.__$f)||3&this.__$f)return!0;for(var o in t)if(o!=="__source"&&t[o]!==this.props[o])return!0;for(var c in this.props)if(!(c in t))return!0;return!1};function wn(t,e){return $t(function(){return v(t,e)},[])}var kn=function(t){queueMicrotask(function(){queueMicrotask(t)})};function Sn(){pn(function(){for(var t;t=Dt.shift();)Lt.call(t)})}function Ut(){Dt.push(this)===1&&(h.requestAnimationFrame||kn)(Sn)}const Mt="runcontext_wizard_state",Rt=["Connect","Define","Scaffold","Checkpoint","Enrich","Serve"],b=v(1),L=v({product_name:"",description:"",owner:{name:"",team:"",email:""},sensitivity:"internal",docs:[]}),x=v([]),T=v(null),Je=v(null),X=v({}),ie=v({}),G=v([]);function Cn(){try{const t=sessionStorage.getItem(Mt);if(!t)return;const e=JSON.parse(t);e.step&&(b.value=e.step),e.brief&&(L.value=e.brief),e.sources&&(x.value=e.sources),e.pipelineId&&(T.value=e.pipelineId)}catch{}}Cn(),K(()=>{const t={step:b.value,brief:L.value,sources:x.value,pipelineId:T.value};try{sessionStorage.setItem(Mt,JSON.stringify(t))}catch{}});function C({variant:t="primary",size:e="md",className:n,children:r,...i}){const s=["rc-btn",`rc-btn--${t}`,`rc-btn--${e}`,n].filter(Boolean).join(" ");return a("button",{className:s,...i,children:r})}function M({interactive:t=!1,className:e,children:n,...r}){const i=["rc-card",t&&"rc-card--interactive",e].filter(Boolean).join(" ");return a("div",{className:i,...r,children:n})}function $n({variant:t,className:e,children:n,...r}){const i=["rc-badge",`rc-badge--${t}`,e].filter(Boolean).join(" ");return a("span",{className:i,...r,children:n})}var xn={gold:"AI-Ready",silver:"Trusted",bronze:"Discoverable"};function jt({tier:t,...e}){return a($n,{variant:t,...e,children:xn[t]})}function re({error:t=!1,className:e,...n}){const r=["rc-input",t&&"rc-input--error",e].filter(Boolean).join(" ");return a("input",{className:r,...n})}function En({error:t=!1,className:e,...n}){const r=["rc-textarea",t&&"rc-textarea--error",e].filter(Boolean).join(" ");return a("textarea",{className:r,...n})}function Tn({error:t=!1,className:e,children:n,...r}){const i=["rc-select",t&&"rc-select--error",e].filter(Boolean).join(" ");return a("select",{className:i,...r,children:n})}function Pn({events:t,className:e,...n}){const r=["rc-activity-feed",e].filter(Boolean).join(" ");return t.length===0?a("div",{className:r,...n,children:a("p",{className:"rc-activity-feed__message",children:"No recent activity."})}):a("div",{className:r,...n,children:t.map(i=>a("div",{className:"rc-activity-feed__item",children:[a("span",{className:"rc-activity-feed__dot"}),a("span",{className:"rc-activity-feed__message",children:i.message}),a("span",{className:"rc-activity-feed__meta",children:i.timestamp})]},i.id))})}function Ft({message:t,action:e,className:n,...r}){const i=["rc-error-card",n].filter(Boolean).join(" ");return a("div",{className:i,...r,children:[a("p",{className:"rc-error-card__message",children:t}),e]})}function In({code:t,className:e,...n}){const r=["rc-code",e].filter(Boolean).join(" ");return a("pre",{className:r,...n,children:a("code",{children:t})})}function Nn(){return a(M,{className:"checkpoint-card",children:[a("h2",{children:"Bronze Tier Achieved"}),a("div",{class:"tier-scorecard",children:[a("div",{class:"tier-row achieved",children:[a(jt,{tier:"bronze"}),a("span",{class:"tier-desc",children:"Schema metadata, table/column names, types, row counts"})]}),a("div",{class:"tier-row",children:[a("span",{class:"tier-label",children:"Silver"}),a("span",{class:"tier-desc",children:"Column descriptions, sample values, trust tags"})]}),a("div",{class:"tier-row",children:[a("span",{class:"tier-label",children:"Gold"}),a("span",{class:"tier-desc",children:"Join rules, grain statements, semantic roles, golden queries, guardrail filters"})]})]}),a("p",{class:"checkpoint-explain",children:"Your semantic plane has basic schema metadata. AI tools can use this now, but with Gold tier they will understand join relationships, business descriptions, and query patterns."}),a("div",{class:"checkpoint-ctas",children:[a(C,{variant:"secondary",onClick:()=>{b.value=6},children:"Start MCP Server"}),a(C,{onClick:()=>{b.value=5},children:"Continue to Gold"})]})]})}async function E(t,e,n){const r={method:t,headers:{}};n&&!(n instanceof FormData)?(r.headers["Content-Type"]="application/json",r.body=JSON.stringify(n)):n&&(r.body=n);const i=await fetch(e,r);if(!i.ok){const o=await i.text();throw new Error(o||i.statusText)}return(i.headers.get("content-type")||"").includes("json")?i.json():i.text()}const qt={postgres:"neon",mysql:"planetscale",duckdb:null,sqlite:null,snowflake:"snowflake",bigquery:"gcp",clickhouse:"clickhouse",databricks:"databricks",mssql:"azure-sql",mongodb:"mongodb"};function An(t,e){if(!t)return e?qt[e]??null:null;const n=t.toLowerCase();return n.includes("neon")?"neon":n.includes("supabase")?"supabase":n.includes("planetscale")?"planetscale":n.includes("snowflake")?"snowflake":n.includes("bigquery")||n.includes("gcp")?"gcp":n.includes("clickhouse")?"clickhouse":n.includes("databricks")?"databricks":n.includes("azure")?"azure-sql":n.includes("mongodb")||n.includes("atlas")?"mongodb":e?qt[e]??null:null}const Ve=v([]),zt=v([]),Gt=v(new Set),ae=v([]),se=v(null),R=v(!1),D=v(null),oe=v(""),le=v(!1),ce=v(null),Ht=v(!1);function Ye(t){const e=document.getElementById("db-status-dot"),n=document.getElementById("db-status-text");e&&(e.classList.remove("error"),e.classList.add("success")),n&&(n.textContent=(t.name||t.adapter||"database")+" connected")}async function Bn(){try{const t=await E("GET","/api/auth/providers");Ve.value=t}catch{}}async function Ln(){try{const e=(await E("GET","/api/sources")).sources||[];zt.value=e;const n=new Set;for(const r of e){const i=An(r.origin,r.adapter);i&&n.add(i)}Gt.value=n}catch{}}async function Wt(t){R.value=!0,D.value=null,se.value=t;try{const e=await E("POST","/api/auth/start",{provider:t});e.databases&&(ae.value=e.databases)}catch(e){D.value=e.message||"OAuth failed"}finally{R.value=!1}}async function Dn(t){R.value=!0,D.value=null;try{if((await E("POST","/api/auth/select-db",{provider:se.value,database:t})).ok){const n={name:t.name||t.database,adapter:t.adapter,host:t.host,database:t.database||t.name,metadata:t.metadata};x.value=[n,...x.value],Ye(n),ae.value=[],se.value=null,b.value=2}}catch(e){D.value=e.message||"Failed to select database"}finally{R.value=!1}}async function On(t){const e={name:t.name,adapter:t.adapter,host:t.host,database:t.database||t.name,metadata:t.metadata};x.value=[e,...x.value],Ye(e),b.value=2}async function Un(){const t=oe.value.trim();if(t){le.value=!0,ce.value=null;try{const e=await E("POST","/api/sources",{connection:t});e.source&&(x.value=[e.source,...x.value],Ye(e.source),oe.value="",b.value=2)}catch(e){ce.value=e.message||"Connection failed"}finally{le.value=!1}}}function Mn(){ae.value=[],se.value=null,D.value=null}function Rn(){if(Ht.value||(Ht.value=!0,Bn(),Ln()),ae.value.length>0)return a("div",{children:[a("div",{class:"oauth-result-header",children:[a("h2",{class:"connect-heading",children:"Select a database"}),a("a",{href:"#",class:"muted",onClick:i=>{i.preventDefault(),Mn()},children:"← Back to providers"})]}),D.value&&a("p",{class:"field-error",children:D.value}),a("div",{class:"source-cards",children:ae.value.map(i=>a(M,{interactive:!0,children:a("div",{class:"source-card",children:[a("div",{class:"source-card-name",children:i.name||i.database}),i.host&&a("div",{class:"source-card-host",children:i.host}),i.adapter&&a("div",{class:"source-card-meta",children:i.adapter}),a(C,{size:"sm",disabled:R.value,onClick:()=>Dn(i),children:"Use This"})]})},i.id||i.name))})]});const t=Gt.value,e=zt.value.filter(i=>i.adapter==="duckdb"||i.adapter==="sqlite"),n=Ve.value.filter(i=>t.has(i.id)),r=Ve.value.filter(i=>!t.has(i.id));return a("div",{children:[a("h2",{class:"connect-heading",children:"Connect a database"}),a("p",{class:"connect-subheading",children:"Choose a cloud provider, use a local file, or paste a connection string."}),D.value&&a("p",{class:"field-error",children:D.value}),t.size>0&&a("p",{class:"detected-hint",children:"We detected database configurations in your project."}),e.length>0&&a("div",{class:"source-cards",children:e.map(i=>a(M,{interactive:!0,children:a("div",{class:"source-card source-card-local",children:[a("span",{class:"source-card-badge",children:i.adapter}),a("div",{class:"source-card-name",children:i.name||i.database}),i.host&&a("div",{class:"source-card-host",children:i.host}),a(C,{size:"sm",onClick:()=>On(i),children:"Use This"})]})},i.name||i.database))}),n.length>0&&a("div",{class:"source-cards",children:n.map(i=>a(M,{interactive:!0,children:a("div",{class:"source-card source-card-detected",children:[a("span",{class:"source-card-badge",children:"detected"}),a("div",{class:"source-card-name",children:i.displayName||i.display_name||i.id}),a(C,{size:"sm",disabled:R.value,onClick:()=>Wt(i.id),children:R.value&&se.value===i.id?"Connecting...":"Connect"})]})},i.id))}),(e.length>0||n.length>0)&&r.length>0&&a("div",{class:"section-divider"}),r.length>0&&a("div",{class:"platform-grid",children:r.map(i=>a("button",{class:"platform-btn",disabled:R.value,onClick:()=>Wt(i.id),children:i.displayName||i.display_name||i.id},i.id))}),a("div",{class:"manual-connect",children:[a("label",{class:"label-uppercase",children:"Or paste a connection string"}),a("div",{class:"manual-connect-row",children:[a(re,{placeholder:"postgres://user:pass@host:5432/dbname",value:oe.value,onInput:i=>{oe.value=i.target.value},error:!!ce.value,disabled:le.value}),a(C,{variant:"secondary",disabled:le.value||!oe.value.trim(),onClick:()=>Un(),children:le.value?"Connecting...":"Connect"})]}),ce.value&&a("p",{class:"field-error",children:ce.value})]})]})}const Ee=v(!1),Te=v(""),Jt=v({}),Pe=v(!1);function jn(){const t=L.value;function e(i,s){if(i.startsWith("owner.")){const o=i.split(".")[1];L.value={...t,owner:{...t.owner,[o]:s}}}else L.value={...t,[i]:s}}async function n(){const i={};if(t.product_name.trim()?/^[a-zA-Z0-9_-]+$/.test(t.product_name.trim())||(i.product_name="Only letters, numbers, hyphens, and underscores allowed."):i.product_name="Product name is required.",t.description.trim()||(i.description="Description is required."),Jt.value=i,!(Object.keys(i).length>0)){Ee.value=!0,Te.value="";try{await E("POST","/api/brief",t),b.value=3}catch(s){Te.value=s.message||"Failed to save. Please try again."}finally{Ee.value=!1}}}!Pe.value&&!t.product_name&&!t.description&&!t.owner.name&&x.value.length>0&&(Pe.value=!0,E("POST","/api/suggest-brief",{source:x.value[0]}).then(i=>{const s=L.value;L.value={product_name:s.product_name||i.product_name||"",description:s.description||i.description||"",owner:{name:s.owner.name||i.owner?.name||"",team:s.owner.team||i.owner?.team||"",email:s.owner.email||i.owner?.email||""},sensitivity:s.sensitivity||i.sensitivity||"internal",docs:s.docs}}).catch(()=>{}).finally(()=>{Pe.value=!1}));const r=Jt.value;return a(M,{children:[a("h2",{children:"Define Your Data Product"}),a("p",{class:"muted",children:"Tell us about your data product. This metadata helps AI agents understand what they are working with."}),Pe.value&&a("p",{class:"muted suggest-loading",children:"Auto-filling from your database..."}),a("div",{class:"define-form",children:[a("div",{class:"field full-width",children:[a("label",{for:"product_name",children:"Product Name *"}),a(re,{id:"product_name",value:t.product_name,onInput:i=>e("product_name",i.currentTarget.value),placeholder:"my-data-product",error:!!r.product_name}),r.product_name&&a("p",{class:"field-error",children:r.product_name}),a("p",{class:"hint",children:"Alphanumeric, hyphens, and underscores only."})]}),a("div",{class:"field full-width",children:[a("label",{for:"description",children:"Description *"}),a(En,{id:"description",value:t.description,onInput:i=>e("description",i.currentTarget.value),placeholder:"What does this data product provide?",error:!!r.description}),r.description&&a("p",{class:"field-error",children:r.description})]}),a("div",{class:"field",children:[a("label",{for:"owner_name",children:"Owner Name"}),a(re,{id:"owner_name",value:t.owner.name,onInput:i=>e("owner.name",i.currentTarget.value),placeholder:"Jane Doe"})]}),a("div",{class:"field",children:[a("label",{for:"owner_team",children:"Team"}),a(re,{id:"owner_team",value:t.owner.team,onInput:i=>e("owner.team",i.currentTarget.value),placeholder:"Data Engineering"})]}),a("div",{class:"field",children:[a("label",{for:"owner_email",children:"Email"}),a(re,{id:"owner_email",value:t.owner.email,onInput:i=>e("owner.email",i.currentTarget.value),placeholder:"jane@example.com"})]}),a("div",{class:"field",children:[a("label",{for:"sensitivity",children:"Sensitivity"}),a(Tn,{id:"sensitivity",value:t.sensitivity,onChange:i=>e("sensitivity",i.currentTarget.value),children:[a("option",{value:"public",children:"Public"}),a("option",{value:"internal",children:"Internal"}),a("option",{value:"confidential",children:"Confidential"}),a("option",{value:"restricted",children:"Restricted"})]})]}),a("div",{class:"define-actions",children:[a(C,{variant:"secondary",onClick:()=>{b.value=1},children:"Back"}),a(C,{onClick:n,disabled:Ee.value,children:Ee.value?"Saving...":"Continue"})]}),Te.value&&a("p",{class:"field-error",children:Te.value})]})]})}const Fn=[{key:"column-descriptions",label:"Column descriptions",initial:"0/45 columns"},{key:"sample-values",label:"Sample values",initial:"0/45 columns"},{key:"join-rules",label:"Join rules",initial:"0/0"},{key:"grain-statements",label:"Grain statements",initial:"0/0"},{key:"semantic-roles",label:"Semantic roles",initial:"0/0"},{key:"golden-queries",label:"Golden queries",initial:"0/0"},{key:"guardrail-filters",label:"Guardrail filters",initial:"0/0"}],ue=v(!1),H=v(""),Ze=v(new Set);let Ie=null;function Ke(){Ie&&(clearInterval(Ie),Ie=null)}async function Vt(){ue.value=!0,H.value="",ie.value={},G.value=[{message:"Enrichment pipeline started.",timestamp:new Date().toISOString()}];const t={productName:L.value.product_name,targetTier:"gold"};if(x.value[0]){const e=x.value[0];t.dataSource=(typeof e=="string"?e:e.name||e.database||"").replace(/[^a-zA-Z0-9_-]/g,"_")}try{const e=await E("POST","/api/pipeline/start",t);T.value=e.id,qn()}catch(e){ue.value=!1,H.value=e.message||"Failed to start enrichment."}}function qn(){Ke();async function t(){if(T.value)try{const e=await E("GET","/api/pipeline/status/"+T.value),n=e.stages||[];let r=!1,i=!1,s=!1;for(const o of n)(o.name==="enrich-silver"||o.stage==="enrich-silver")&&o.status==="done"&&(i=!0),(o.name==="enrich-gold"||o.stage==="enrich-gold")&&o.status==="done"&&(s=!0),o.status==="error"&&(r=!0);r?(Ke(),ue.value=!1,H.value=e.error||"An enrichment stage failed."):i&&s&&(Ke(),ue.value=!1,G.value=[...G.value,{message:"Gold enrichment complete! Advancing...",timestamp:new Date().toISOString()}],b.value=6)}catch{}}t(),Ie=setInterval(t,3e3)}function zn(){T.value=null,ie.value={},G.value=[],H.value="",Vt()}function Gn(t){const e=new Set(Ze.value);e.has(t)?e.delete(t):e.add(t),Ze.value=e}function Hn(){const t=ie.value,e=Ze.value,n=G.value.map((r,i)=>({id:String(i),type:"log",message:r.message,timestamp:new Date(r.timestamp).toLocaleTimeString()}));return a(M,{children:[a("h2",{children:"Enriching to Gold"}),a("p",{class:"muted",children:"RunContext is analyzing your schema to add descriptions, join rules, and query patterns."}),!ue.value&&!H.value&&a("div",{class:"step-actions",children:[a(C,{variant:"secondary",onClick:()=>{b.value=4},children:"Back"}),a(C,{onClick:Vt,children:"Start Enrichment"})]}),a("div",{class:"enrich-dashboard",children:[a("div",{class:"enrich-checklist",children:Fn.map(r=>{const i=t[r.key],s=i?.status||"",o=["stage-dot",s==="working"?"running":s==="done"?"done":""].filter(Boolean).join(" ");return a("div",{class:`enrich-row${e.has(r.key)?" expanded":""}`,children:[a("div",{class:"enrich-row-header",onClick:()=>Gn(r.key),children:[a("span",{class:o}),a("span",{class:"enrich-req-name",children:r.label}),a("span",{class:"enrich-progress",children:i?.progress||r.initial}),a("span",{class:"enrich-arrow",children:"▶"})]}),a("div",{class:"enrich-row-detail",children:"Details will appear as enrichment progresses."})]})})}),a("div",{class:"activity-log",children:[a("div",{class:"activity-log-title",children:"Activity Log"}),a(Pn,{events:n})]})]}),H.value&&a(Ft,{message:H.value,action:a(C,{onClick:zn,children:"Retry"})})]})}function Wn({stageKey:t,label:e,status:n,summary:r,error:i}){const s=["stage-dot",n==="running"?"running":n==="done"?"done":n==="error"?"error":""].filter(Boolean).join(" ");return a("div",{class:"stage-row","data-stage":t,children:[a("span",{class:s}),a("span",{class:"stage-name",children:e}),r&&a("span",{class:"stage-summary",children:r}),i&&a("span",{class:"stage-error",children:i})]})}const Yt=[{key:"introspect",label:"Extracting schema from database..."},{key:"scaffold",label:"Building semantic plane files..."},{key:"verify",label:"Validating semantic plane..."},{key:"autofix",label:"Fixing any issues..."},{key:"agent-instructions",label:"Generating agent instructions..."}],W=v(!1),j=v("");let de=null;function Ne(){de&&(clearInterval(de),de=null)}async function Zt(){W.value=!0,j.value="",X.value={};const t={productName:L.value.product_name,targetTier:"bronze"};if(x.value[0]){const e=x.value[0];t.dataSource=(typeof e=="string"?e:e.name||e.database||"").replace(/[^a-zA-Z0-9_-]/g,"_")}try{const e=await E("POST","/api/pipeline/start",t);T.value=e.id,Kt()}catch(e){W.value=!1,j.value=e.message||"Failed to start build."}}function Kt(){Ne();async function t(){if(T.value)try{const e=await E("GET","/api/pipeline/status/"+T.value),n=e.stages||[],r={};let i=!1,s=!0;for(const o of Yt){const c=n.find(d=>d.stage===o.key||d.name===o.key);!c||c.status==="pending"?(s=!1,r[o.key]={status:"pending"}):(r[o.key]={status:c.status,summary:c.summary,error:c.error},c.status==="running"&&(s=!1),c.status==="error"&&(i=!0,s=!1))}X.value=r,i?(Ne(),W.value=!1,j.value=e.error||"A pipeline stage failed."):s&&n.length>0&&(Ne(),W.value=!1,b.value=4)}catch{}}t(),de=setInterval(t,2e3)}function Jn(){T.value=null,X.value={},j.value="",Zt()}function Vn(){T.value&&!de&&!j.value&&(W.value=!0,Kt());const t=X.value;return a(M,{children:[a("h2",{children:"Building Your Semantic Plane"}),a("p",{class:"muted",children:"Connecting to your database and extracting schema metadata. This creates a Bronze-tier semantic plane."}),a("div",{class:"scaffold-stages",children:Yt.map(e=>a(Wn,{stageKey:e.key,label:e.label,status:t[e.key]?.status,summary:t[e.key]?.summary,error:t[e.key]?.error},e.key))}),j.value&&a(Ft,{message:j.value,action:a(C,{onClick:Jn,children:"Retry"})}),a("div",{class:"step-actions",children:[a(C,{variant:"secondary",onClick:()=>{Ne(),b.value=2},children:"Back"}),!W.value&&!T.value&&!j.value&&a(C,{onClick:Zt,children:"Start Build"}),W.value&&a("span",{class:"muted",children:"Build in progress..."})]})]})}const J=v("bronze"),Qe=v(null),Ae=v(!1),Qt=v(!1);function Yn(){!Qt.value&&T.value&&(Qt.value=!0,E("GET","/api/pipeline/status/"+T.value).then(n=>{const r=n.stages||[];let i=!1,s=!1;for(const o of r)(o.name==="enrich-gold"||o.stage==="enrich-gold")&&o.status==="done"&&(s=!0),(o.name==="enrich-silver"||o.stage==="enrich-silver")&&o.status==="done"&&(i=!0);s?J.value="gold":i&&(J.value="silver")}).catch(()=>{}));async function t(){Ae.value=!0;try{const n=await E("GET","/api/mcp-config");Qe.value=JSON.stringify(n,null,2)}catch{}finally{Ae.value=!1}}const e=J.value.charAt(0).toUpperCase()+J.value.slice(1);return a(M,{className:"serve-card",children:[a("h2",{children:"Your Semantic Plane is Ready"}),a(jt,{tier:J.value}),a("p",{class:"muted",children:["Your ",e," tier semantic plane is ready for AI agents."]}),J.value!=="gold"&&a("p",{class:"muted",style:{marginTop:"8px"},children:["To reach Gold, run enrichment with ",a("code",{children:"context enrich --target gold"}),"."]}),a("div",{class:"serve-ctas",children:[a(C,{onClick:t,disabled:Ae.value,children:Ae.value?"Loading...":"Start MCP Server"}),a(C,{variant:"secondary",disabled:!0,title:"Coming soon",children:"Publish to Cloud"})]}),Qe.value&&a(U,{children:[a(In,{code:Qe.value}),a("p",{class:"muted",style:{marginTop:"8px",fontSize:"0.85rem"},children:["Copy the JSON above into your IDE's MCP settings, or run: ",a("code",{children:"context serve"})]})]}),a("div",{class:"serve-commands",children:[a("div",{class:"serve-commands-title",children:"CLI Commands"}),[["context serve","Start the MCP server"],["context tier","Check your current tier"],["context enrich --target gold","Enrich to Gold tier"],["context verify","Validate your semantic plane"]].map(([n,r])=>a("div",{class:"serve-cmd-row",children:[a("span",{class:"serve-cmd",children:n}),a("span",{class:"serve-cmd-desc",children:r})]}))]}),J.value!=="gold"&&a("p",{style:{marginTop:"16px"},children:a("a",{style:{color:"var(--rc-color-accent, #c9a55a)",cursor:"pointer",fontSize:"0.875rem"},onClick:()=>{b.value=5},children:"Continue Enrichment"})}),a("div",{class:"step-actions",children:a(C,{variant:"secondary",onClick:()=>{b.value=b.value-1},children:"Back"})})]})}function Zn(){switch(b.value){case 1:return a(Rn,{});case 2:return a(jn,{});case 3:return a(Vn,{});case 4:return a(Nn,{});case 5:return a(Hn,{});case 6:return a(Yn,{});default:return null}}function Kn(){return a(Zn,{})}function Qn(){const t=b.value;return a(U,{children:Rt.map((e,n)=>{const r=n+1,i=r<t?"step-completed":r===t?"step-active":"step-future";return a(U,{children:[a("span",{class:i,onClick:r<t?()=>{b.value=r}:void 0,style:r<t?{cursor:"pointer"}:void 0,children:e}),r<Rt.length&&a("span",{class:"step-separator",children:">"})]},e)})})}let F=null;function Xe(t){Je.value=t,F&&(F.onclose=null,F.close(),F=null);const e=location.protocol==="https:"?"wss:":"ws:";F=new WebSocket(`${e}//${location.host}/ws?session=${encodeURIComponent(t)}&role=wizard`),F.onmessage=n=>{try{const r=JSON.parse(n.data);Xn(r)}catch{}},F.onclose=()=>{setTimeout(()=>{Je.value&&Xe(Je.value)},2e3)},F.onerror=()=>{}}function Xn(t){const e=t.payload||{};switch(t.type){case"setup:step":e.step&&(b.value=e.step);break;case"setup:field":{const n=document.getElementById(e.fieldId);n&&(n.value=e.value||"",n.dispatchEvent(new Event("input")));break}case"pipeline:stage":X.value={...X.value,[e.stage]:{status:e.status,summary:e.summary,error:e.error}};break;case"enrich:progress":ie.value={...ie.value,[e.requirement]:{status:e.status,progress:e.progress}};break;case"enrich:log":G.value=[...G.value,{message:e.message,timestamp:e.timestamp||new Date().toISOString()}];break}}const Xt=document.getElementById("wizard-content");Xt&&Fe(a(Kn,{}),Xt);const en=document.getElementById("stepper");en&&Fe(a(Qn,{}),en);function ei(){const t=document.getElementById("locked-tooltip");t&&(document.querySelectorAll(".nav-item.locked").forEach(e=>{e.addEventListener("click",n=>{n.preventDefault(),n.stopPropagation();const r=e.getBoundingClientRect();t.style.display="block",t.style.left=r.left+"px",t.style.top=r.bottom+6+"px"})}),document.addEventListener("click",e=>{if(t.style.display!=="none"){let n=!1;document.querySelectorAll(".nav-item.locked").forEach(r=>{r.contains(e.target)&&(n=!0)}),n||(t.style.display="none")}}))}function ti(){async function t(){const e=document.getElementById("mcp-status-dot"),n=document.getElementById("mcp-status-text"),r=document.getElementById("mcp-server-dot"),i=document.getElementById("mcp-server-text");if(!(!e||!n))try{const s=new AbortController,o=setTimeout(()=>s.abort(),2e3);await fetch("http://localhost:3333/health",{method:"GET",mode:"no-cors",signal:s.signal}),clearTimeout(o),e.classList.remove("error"),e.classList.add("success"),n.textContent="connected",r&&(r.classList.remove("error"),r.classList.add("success")),i&&(i.textContent="MCP running")}catch{e.classList.remove("success"),n.textContent="offline",r&&r.classList.remove("success"),i&&(i.textContent="MCP stopped")}}t(),setInterval(t,1e4)}function ni(){if(ei(),ti(),x.value.length>0){const n=x.value[0],r=document.getElementById("db-status-dot"),i=document.getElementById("db-status-text");r&&i&&(r.classList.remove("error"),r.classList.add("success"),i.textContent=(n.name||n.adapter)+" connected")}E("GET","/api/products").then(n=>{if(n.length>0){const r=document.getElementById("wizard-content");if(!r)return;const i=document.createElement("div");r.insertBefore(i,r.firstChild),Fe(a("div",{class:"existing-products-banner",children:[a("p",{class:"banner-title",children:["Your semantic plane has ",n.length," data product",n.length===1?"":"s",". Adding another."]}),a("div",{class:"product-chips",children:n.map(s=>a("span",{class:"product-chip",children:s.name}))})]}),i)}}).catch(()=>{});const e=new URLSearchParams(window.location.search).get("session");e?Xe(e):E("POST","/api/session").then(n=>{if(n.sessionId){Xe(n.sessionId);const r=window.location.pathname+"?session="+encodeURIComponent(n.sessionId);window.history.replaceState({},"",r)}}).catch(()=>{})}document.addEventListener("DOMContentLoaded",ni)})();