npm - @autocode-cli/autocode - Versions diffs - 0.8.37 → 0.22.0 - Mend

@autocode-cli/autocode 0.8.37 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1534) hide show

package/dist/server/dashboard/pages/autocreate.js DELETED Viewed

@@ -1,854 +0,0 @@
-/**
- * Autocreate page generator
- * Page for autonomous column generation based on project analysis
- */
-/**
- * Generate the autocreate page
- */
-export function generateAutocreatePage(lang) {
-    return `<!DOCTYPE html>
-<html lang="${lang}">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Autocreate - AutoCode</title>
-  <style>
-    :root {
-      --bg: #0d1117;
-      --bg-card: #161b22;
-      --bg-hover: #1f2937;
-      --border: #30363d;
-      --fg: #c9d1d9;
-      --muted: #8b949e;
-      --accent: #7c3aed;
-      --blue: #4dabf7;
-      --green: #22c55e;
-      --red: #ef4444;
-      --yellow: #eab308;
-      --orange: #f97316;
-    }
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: var(--bg);
-      color: var(--fg);
-      min-height: 100vh;
-    }
-    .header {
-      background: var(--bg-card);
-      border-bottom: 1px solid var(--border);
-      padding: 16px 24px;
-      display: flex;
-      align-items: center;
-      gap: 16px;
-      position: sticky;
-      top: 0;
-      z-index: 100;
-    }
-    .back-btn {
-      background: none;
-      border: 1px solid var(--border);
-      color: var(--fg);
-      padding: 8px 12px;
-      border-radius: 6px;
-      cursor: pointer;
-      font-size: 14px;
-      text-decoration: none;
-    }
-    .back-btn:hover { border-color: var(--accent); color: var(--accent); }
-    .title { flex: 1; font-size: 18px; font-weight: 600; }
-    .title span { color: var(--accent); }
-    .btn {
-      padding: 8px 16px;
-      border-radius: 6px;
-      font-size: 14px;
-      font-weight: 500;
-      cursor: pointer;
-      border: none;
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-    }
-    .btn-primary { background: var(--accent); color: white; }
-    .btn-primary:hover { opacity: 0.9; }
-    .btn-success { background: var(--green); color: white; }
-    .btn-success:hover { opacity: 0.9; }
-    .btn-secondary { background: var(--bg); border: 1px solid var(--border); color: var(--fg); }
-    .btn-secondary:hover { border-color: var(--accent); }
-    .btn-danger { background: var(--red); color: white; }
-    .btn-danger:hover { opacity: 0.9; }
-    .btn:disabled { opacity: 0.5; cursor: not-allowed; }
-    .btn-large { padding: 12px 24px; font-size: 16px; }
-    .lang-switcher {
-      display: flex;
-      gap: 4px;
-    }
-    .lang-btn {
-      padding: 4px 8px !important;
-      font-size: 12px !important;
-    }
-    .lang-btn.active {
-      background: var(--accent) !important;
-      color: white !important;
-      border-color: var(--accent) !important;
-    }
-    .container {
-      max-width: 1000px;
-      margin: 0 auto;
-      padding: 24px;
-    }
-    /* Initial state */
-    .analyze-section {
-      text-align: center;
-      padding: 60px 20px;
-    }
-    .analyze-section h2 {
-      font-size: 24px;
-      margin-bottom: 12px;
-    }
-    .analyze-section p {
-      color: var(--muted);
-      margin-bottom: 32px;
-      font-size: 15px;
-    }
-    /* Loading state */
-    .loading-section {
-      text-align: center;
-      padding: 80px 20px;
-      display: none;
-    }
-    .spinner {
-      width: 48px;
-      height: 48px;
-      border: 3px solid var(--border);
-      border-top-color: var(--accent);
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-      margin: 0 auto 24px;
-    }
-    @keyframes spin { to { transform: rotate(360deg); } }
-    .loading-section p {
-      color: var(--muted);
-      font-size: 15px;
-    }
-    /* Error state */
-    .error-section {
-      text-align: center;
-      padding: 60px 20px;
-      display: none;
-    }
-    .error-section .error-icon {
-      font-size: 48px;
-      margin-bottom: 16px;
-    }
-    .error-section h3 {
-      color: var(--red);
-      margin-bottom: 8px;
-    }
-    .error-section p {
-      color: var(--muted);
-      margin-bottom: 24px;
-    }
-    /* Results section */
-    .results-section {
-      display: none;
-    }
-    .summary-card {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      padding: 20px;
-      margin-bottom: 24px;
-    }
-    .summary-card h3 {
-      font-size: 16px;
-      margin-bottom: 12px;
-      color: var(--accent);
-    }
-    .summary-card p {
-      color: var(--fg);
-      line-height: 1.6;
-    }
-    .columns-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 16px;
-    }
-    .columns-header h3 {
-      font-size: 16px;
-    }
-    .columns-header .count {
-      color: var(--muted);
-      font-size: 14px;
-    }
-    .select-all-btn {
-      font-size: 13px;
-      padding: 6px 12px;
-    }
-    .column-card {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      padding: 16px;
-      margin-bottom: 12px;
-      transition: border-color 0.2s;
-    }
-    .column-card:hover {
-      border-color: var(--accent);
-    }
-    .column-card.selected {
-      border-color: var(--green);
-      background: rgba(34, 197, 94, 0.05);
-    }
-    .column-card-header {
-      display: flex;
-      align-items: flex-start;
-      gap: 12px;
-    }
-    .column-checkbox {
-      width: 20px;
-      height: 20px;
-      accent-color: var(--green);
-      cursor: pointer;
-      margin-top: 2px;
-    }
-    .column-info {
-      flex: 1;
-    }
-    .column-name {
-      font-weight: 600;
-      font-size: 15px;
-      margin-bottom: 4px;
-    }
-    .column-desc {
-      color: var(--muted);
-      font-size: 13px;
-      margin-bottom: 8px;
-    }
-    .column-meta {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      align-items: center;
-    }
-    .badge {
-      display: inline-block;
-      padding: 2px 8px;
-      border-radius: 4px;
-      font-size: 11px;
-      font-weight: 500;
-    }
-    .badge-segment {
-      background: var(--accent);
-      color: white;
-    }
-    .badge-segment.definition { background: var(--blue); }
-    .badge-segment.action { background: var(--orange); }
-    .badge-segment.finish { background: var(--green); }
-    .badge-cost {
-      background: var(--bg);
-      border: 1px solid var(--border);
-      color: var(--muted);
-    }
-    .badge-cost.low { border-color: var(--green); color: var(--green); }
-    .badge-cost.medium { border-color: var(--yellow); color: var(--yellow); }
-    .badge-cost.high { border-color: var(--red); color: var(--red); }
-    .badge-overlap {
-      background: rgba(234, 179, 8, 0.1);
-      border: 1px solid var(--yellow);
-      color: var(--yellow);
-    }
-    .column-rationale {
-      margin-top: 12px;
-      padding-top: 12px;
-      border-top: 1px solid var(--border);
-      font-size: 13px;
-      color: var(--muted);
-    }
-    .column-rationale strong {
-      color: var(--fg);
-    }
-    .preview-btns {
-      display: flex;
-      gap: 8px;
-      margin-top: 12px;
-    }
-    .preview-btn {
-      font-size: 12px;
-      padding: 4px 10px;
-    }
-    /* Info sections */
-    .info-section {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      padding: 16px;
-      margin-top: 24px;
-    }
-    .info-section h4 {
-      font-size: 14px;
-      margin-bottom: 12px;
-      color: var(--muted);
-    }
-    .info-section ul {
-      list-style: none;
-      padding: 0;
-    }
-    .info-section li {
-      font-size: 13px;
-      color: var(--fg);
-      padding: 4px 0;
-      padding-left: 16px;
-      position: relative;
-    }
-    .info-section li::before {
-      content: '•';
-      position: absolute;
-      left: 0;
-      color: var(--muted);
-    }
-    .info-section.risks li::before {
-      color: var(--yellow);
-    }
-    /* Actions bar */
-    .actions-bar {
-      background: var(--bg-card);
-      border-top: 1px solid var(--border);
-      padding: 16px 24px;
-      display: flex;
-      justify-content: flex-end;
-      gap: 12px;
-      position: sticky;
-      bottom: 0;
-      margin-top: 24px;
-    }
-    /* Modal */
-    .modal-overlay {
-      display: none;
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.75);
-      z-index: 1000;
-      justify-content: center;
-      align-items: center;
-    }
-    .modal-overlay.active {
-      display: flex;
-    }
-    .modal {
-      background: var(--bg-card);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      max-width: 700px;
-      width: 90%;
-      max-height: 80vh;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-    }
-    .modal-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 16px 20px;
-      border-bottom: 1px solid var(--border);
-    }
-    .modal-header h3 {
-      margin: 0;
-      font-size: 16px;
-    }
-    .modal-body {
-      padding: 20px;
-      overflow-y: auto;
-      flex: 1;
-    }
-    .modal-body pre {
-      background: var(--bg);
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      padding: 16px;
-      white-space: pre-wrap;
-      font-family: monospace;
-      font-size: 13px;
-      line-height: 1.5;
-      max-height: 50vh;
-      overflow-y: auto;
-    }
-    .notification {
-      position: fixed;
-      bottom: 24px;
-      right: 24px;
-      background: var(--green);
-      color: white;
-      padding: 12px 20px;
-      border-radius: 6px;
-      font-size: 14px;
-      opacity: 0;
-      transform: translateY(10px);
-      transition: opacity 0.3s, transform 0.3s;
-      z-index: 1001;
-    }
-    .notification.error { background: var(--red); }
-    .notification.visible {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  </style>
-</head>
-<body>
-  <header class="header">
-    <a href="/settings/pipeline/configurator" class="back-btn" id="backBtn">← Configurator</a>
-    <h1 class="title"><span>Autocreate</span> Columns</h1>
-    <div class="lang-switcher">
-      <button class="btn btn-secondary lang-btn" data-lang="en" onclick="switchLang('en')">EN</button>
-      <button class="btn btn-secondary lang-btn" data-lang="fr" onclick="switchLang('fr')">FR</button>
-    </div>
-  </header>
-  <div class="container">
-    <!-- Initial state -->
-    <div class="analyze-section" id="analyzeSection">
-      <h2 id="analyzeTitle">Analyze Your Project</h2>
-      <p id="analyzeDesc">Claude will analyze your project's codebase and suggest relevant pipeline columns based on your technology stack, dependencies, and project structure.</p>
-      <button class="btn btn-primary btn-large" id="analyzeBtn" onclick="startAnalysis()">
-        <span id="analyzeBtnText">Start Analysis</span>
-      </button>
-      <p style="margin-top: 16px; font-size: 13px; color: var(--muted);" id="cliTip">Tip: Run <code style="background: var(--bg-card); padding: 2px 6px; border-radius: 4px;">autocode pipeline catalog list</code> to see all available columns in the catalog.</p>
-    </div>
-    <!-- Loading state -->
-    <div class="loading-section" id="loadingSection">
-      <div class="spinner"></div>
-      <p id="loadingText">Analyzing your project...</p>
-      <p style="margin-top: 8px; font-size: 13px; color: var(--muted);" id="loadingHint">This may take several minutes for exhaustive analysis</p>
-    </div>
-    <!-- Error state -->
-    <div class="error-section" id="errorSection">
-      <div class="error-icon">⚠️</div>
-      <h3 id="errorTitle">Analysis Failed</h3>
-      <p id="errorMessage">An error occurred during analysis.</p>
-      <button class="btn btn-primary" onclick="startAnalysis()">
-        <span id="retryBtnText">Retry</span>
-      </button>
-    </div>
-    <!-- Results section -->
-    <div class="results-section" id="resultsSection">
-      <div class="summary-card">
-        <h3 id="summaryTitle">Summary</h3>
-        <p id="summaryContent"></p>
-      </div>
-      <div class="columns-header">
-        <div>
-          <h3 id="proposedTitle">Proposed Columns</h3>
-          <span class="count" id="selectionCount">(0 selected / 0 total)</span>
-        </div>
-        <button class="btn btn-secondary select-all-btn" id="selectAllBtn" onclick="toggleSelectAll()">Select All</button>
-      </div>
-      <div id="columnsList"></div>
-      <div class="info-section" id="assumptionsSection" style="display: none;">
-        <h4 id="assumptionsTitle">Assumptions</h4>
-        <ul id="assumptionsList"></ul>
-      </div>
-      <div class="info-section risks" id="risksSection" style="display: none;">
-        <h4 id="risksTitle">Potential Risks</h4>
-        <ul id="risksList"></ul>
-      </div>
-    </div>
-  </div>
-  <div class="actions-bar" id="actionsBar" style="display: none;">
-    <a href="/settings/pipeline/configurator" class="btn btn-secondary" id="cancelBtn">Cancel</a>
-    <button class="btn btn-success" id="applyBtn" onclick="applySelected()" disabled>
-      <span id="applyBtnText">Add 0 Columns to Catalog</span>
-    </button>
-  </div>
-  <!-- Preview Modal -->
-  <div class="modal-overlay" id="previewModal">
-    <div class="modal">
-      <div class="modal-header">
-        <h3 id="previewModalTitle">Column Preview</h3>
-        <div style="display: flex; gap: 8px; align-items: center;">
-          <div class="lang-switcher">
-            <button class="btn btn-secondary lang-btn" data-lang="en" onclick="switchPreviewLang('en')">EN</button>
-            <button class="btn btn-secondary lang-btn" data-lang="fr" onclick="switchPreviewLang('fr')">FR</button>
-          </div>
-          <button class="btn btn-secondary" onclick="closePreviewModal()" style="padding: 4px 10px;">✕</button>
-        </div>
-      </div>
-      <div class="modal-body">
-        <pre id="previewContent"></pre>
-      </div>
-    </div>
-  </div>
-  <div class="notification" id="notification"></div>
-  <script>
-    const translations = {
-      en: {
-        backBtn: '← Configurator',
-        pageTitle: 'Autocreate Columns',
-        analyzeTitle: 'Analyze Your Project',
-        analyzeDesc: "Claude will analyze your project's codebase and suggest relevant pipeline columns based on your technology stack, dependencies, and project structure.",
-        cliTip: 'Tip: Run <code style="background: var(--bg-card); padding: 2px 6px; border-radius: 4px;">autocode pipeline catalog list</code> to see all available columns in the catalog.',
-        startAnalysis: 'Start Analysis',
-        loading: 'Analyzing your project...',
-        loadingHint: 'This may take several minutes for exhaustive analysis',
-        errorTitle: 'Analysis Failed',
-        retry: 'Retry',
-        summaryTitle: 'Summary',
-        proposedTitle: 'Proposed Columns',
-        selectionCount: (selected, total) => \`(\${selected} selected / \${total} total)\`,
-        selectAll: 'Select All',
-        deselectAll: 'Deselect All',
-        assumptionsTitle: 'Assumptions',
-        risksTitle: 'Potential Risks',
-        cancel: 'Cancel',
-        addColumns: (count) => \`Add \${count} Column\${count !== 1 ? 's' : ''} to Catalog\`,
-        previewTitle: 'Column Preview',
-        rationale: 'Rationale',
-        previewEN: 'Preview EN',
-        previewFR: 'Preview FR',
-        tokenCost: 'Token cost',
-        overlap: 'Overlap',
-        success: 'Columns added to catalog!',
-        noColumns: 'Please select at least one column',
-        claudeNotFound: 'Claude CLI not found. Please install it first.',
-      },
-      fr: {
-        backBtn: '← Configurateur',
-        pageTitle: 'Autocreate Colonnes',
-        analyzeTitle: 'Analysez votre projet',
-        analyzeDesc: 'Claude analysera votre codebase et suggérera des colonnes de pipeline pertinentes en fonction de votre stack technologique, dépendances et structure du projet.',
-        cliTip: 'Astuce : Exécutez <code style="background: var(--bg-card); padding: 2px 6px; border-radius: 4px;">autocode pipeline catalog list</code> pour voir toutes les colonnes disponibles dans le catalogue.',
-        startAnalysis: 'Lancer l\\'analyse',
-        loading: 'Analyse de votre projet...',
-        loadingHint: 'Cela peut prendre plusieurs minutes pour une analyse exhaustive',
-        errorTitle: 'Échec de l\\'analyse',
-        retry: 'Réessayer',
-        summaryTitle: 'Résumé',
-        proposedTitle: 'Colonnes proposées',
-        selectionCount: (selected, total) => \`(\${selected} sélectionnée\${selected !== 1 ? 's' : ''} / \${total} au total)\`,
-        selectAll: 'Tout sélectionner',
-        deselectAll: 'Tout désélectionner',
-        assumptionsTitle: 'Hypothèses',
-        risksTitle: 'Risques potentiels',
-        cancel: 'Annuler',
-        addColumns: (count) => \`Ajouter \${count} colonne\${count !== 1 ? 's' : ''} au catalogue\`,
-        previewTitle: 'Aperçu de la colonne',
-        rationale: 'Justification',
-        previewEN: 'Aperçu EN',
-        previewFR: 'Aperçu FR',
-        tokenCost: 'Coût tokens',
-        overlap: 'Chevauchement',
-        success: 'Colonnes ajoutées au catalogue !',
-        noColumns: 'Veuillez sélectionner au moins une colonne',
-        claudeNotFound: 'Claude CLI non trouvé. Veuillez l\\'installer.',
-      }
-    };
-    let currentLang = localStorage.getItem('autocode-lang') || 'en';
-    let analysisResult = null;
-    let selectedColumns = new Set();
-    let previewLang = 'en';
-    let currentPreviewColId = null;
-    function t(key, ...args) {
-      const val = translations[currentLang]?.[key] || translations['en'][key] || key;
-      return typeof val === 'function' ? val(...args) : val;
-    }
-    function switchLang(lang) {
-      currentLang = lang;
-      localStorage.setItem('autocode-lang', lang);
-      updateUI();
-      updateLangButtons();
-    }
-    function updateLangButtons() {
-      document.querySelectorAll('.header .lang-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.dataset.lang === currentLang);
-      });
-    }
-    function updateUI() {
-      document.getElementById('backBtn').textContent = t('backBtn');
-      document.getElementById('analyzeTitle').textContent = t('analyzeTitle');
-      document.getElementById('analyzeDesc').textContent = t('analyzeDesc');
-      document.getElementById('cliTip').innerHTML = t('cliTip');
-      document.getElementById('analyzeBtnText').textContent = t('startAnalysis');
-      document.getElementById('loadingText').textContent = t('loading');
-      document.getElementById('loadingHint').textContent = t('loadingHint');
-      document.getElementById('errorTitle').textContent = t('errorTitle');
-      document.getElementById('retryBtnText').textContent = t('retry');
-      document.getElementById('summaryTitle').textContent = t('summaryTitle');
-      document.getElementById('proposedTitle').textContent = t('proposedTitle');
-      document.getElementById('assumptionsTitle').textContent = t('assumptionsTitle');
-      document.getElementById('risksTitle').textContent = t('risksTitle');
-      document.getElementById('cancelBtn').textContent = t('cancel');
-      document.getElementById('previewModalTitle').textContent = t('previewTitle');
-      updateSelectionUI();
-      if (analysisResult) {
-        renderResults();
-      }
-    }
-    function showNotification(message, isError = false) {
-      const el = document.getElementById('notification');
-      el.textContent = message;
-      el.classList.toggle('error', isError);
-      el.classList.add('visible');
-      setTimeout(() => el.classList.remove('visible'), 3000);
-    }
-    function showSection(sectionId) {
-      ['analyzeSection', 'loadingSection', 'errorSection', 'resultsSection'].forEach(id => {
-        document.getElementById(id).style.display = id === sectionId ? 'block' : 'none';
-      });
-      document.getElementById('actionsBar').style.display = sectionId === 'resultsSection' ? 'flex' : 'none';
-    }
-    async function startAnalysis() {
-      showSection('loadingSection');
-      try {
-        const response = await fetch('/api/catalog/autocreate', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-        });
-        const result = await response.json();
-        if (!result.success) {
-          throw new Error(result.error || 'Analysis failed');
-        }
-        analysisResult = result.data;
-        // Auto-select all columns initially
-        selectedColumns = new Set(analysisResult.proposed_columns.map(c => c.id));
-        showSection('resultsSection');
-        renderResults();
-        // Update translated titles after showing results
-        document.getElementById('assumptionsTitle').textContent = t('assumptionsTitle');
-        document.getElementById('risksTitle').textContent = t('risksTitle');
-      } catch (error) {
-        document.getElementById('errorMessage').textContent = error.message;
-        showSection('errorSection');
-      }
-    }
-    function renderResults() {
-      if (!analysisResult) return;
-      // Summary
-      const summary = analysisResult.global_summary;
-      document.getElementById('summaryContent').textContent = currentLang === 'fr' ? summary.fr : summary.en;
-      // Columns
-      const listEl = document.getElementById('columnsList');
-      listEl.innerHTML = '';
-      for (const col of analysisResult.proposed_columns) {
-        const isSelected = selectedColumns.has(col.id);
-        const displayName = currentLang === 'fr' ? col.display_name.fr : col.display_name.en;
-        const shortDesc = currentLang === 'fr' ? col.short_description.fr : col.short_description.en;
-        const rationale = currentLang === 'fr' ? col.rationale.fr : col.rationale.en;
-        const card = document.createElement('div');
-        card.className = 'column-card' + (isSelected ? ' selected' : '');
-        card.innerHTML = \`
-          <div class="column-card-header">
-            <input type="checkbox" class="column-checkbox" \${isSelected ? 'checked' : ''} onchange="toggleColumn('\${col.id}')">
-            <div class="column-info">
-              <div class="column-name">\${escapeHtml(displayName)}</div>
-              <div class="column-desc">\${escapeHtml(shortDesc)}</div>
-              <div class="column-meta">
-                <span class="badge badge-segment \${col.segment_hint || 'action'}">\${col.segment_hint || 'action'}</span>
-                <span class="badge badge-cost \${col.token_cost_estimate}">\${t('tokenCost')}: \${col.token_cost_estimate}</span>
-                \${col.overlap_warnings.length > 0 ? \`<span class="badge badge-overlap">\${t('overlap')}: \${col.overlap_warnings.join(', ')}</span>\` : ''}
-              </div>
-              \${rationale ? \`<div class="column-rationale"><strong>\${t('rationale')}:</strong> \${escapeHtml(rationale)}</div>\` : ''}
-              <div class="preview-btns">
-                <button class="btn btn-secondary preview-btn" onclick="showPreview('\${col.id}', 'en')">\${t('previewEN')}</button>
-                <button class="btn btn-secondary preview-btn" onclick="showPreview('\${col.id}', 'fr')">\${t('previewFR')}</button>
-              </div>
-            </div>
-          </div>
-        \`;
-        listEl.appendChild(card);
-      }
-      // Assumptions
-      const assumptionsList = document.getElementById('assumptionsList');
-      const assumptionsSection = document.getElementById('assumptionsSection');
-      if (analysisResult.assumptions && analysisResult.assumptions.length > 0) {
-        assumptionsList.innerHTML = analysisResult.assumptions.map(a => \`<li>\${escapeHtml(a)}</li>\`).join('');
-        assumptionsSection.style.display = 'block';
-      } else {
-        assumptionsSection.style.display = 'none';
-      }
-      // Risks
-      const risksList = document.getElementById('risksList');
-      const risksSection = document.getElementById('risksSection');
-      if (analysisResult.risks && analysisResult.risks.length > 0) {
-        risksList.innerHTML = analysisResult.risks.map(r => \`<li>\${escapeHtml(r)}</li>\`).join('');
-        risksSection.style.display = 'block';
-      } else {
-        risksSection.style.display = 'none';
-      }
-      updateSelectionUI();
-    }
-    function toggleColumn(id) {
-      if (selectedColumns.has(id)) {
-        selectedColumns.delete(id);
-      } else {
-        selectedColumns.add(id);
-      }
-      renderResults();
-    }
-    function toggleSelectAll() {
-      const allSelected = selectedColumns.size === analysisResult.proposed_columns.length;
-      if (allSelected) {
-        selectedColumns.clear();
-      } else {
-        selectedColumns = new Set(analysisResult.proposed_columns.map(c => c.id));
-      }
-      renderResults();
-    }
-    function updateSelectionUI() {
-      if (!analysisResult) return;
-      const total = analysisResult.proposed_columns.length;
-      const selected = selectedColumns.size;
-      const allSelected = selected === total;
-      document.getElementById('selectionCount').textContent = t('selectionCount', selected, total);
-      document.getElementById('selectAllBtn').textContent = allSelected ? t('deselectAll') : t('selectAll');
-      document.getElementById('applyBtnText').textContent = t('addColumns', selected);
-      document.getElementById('applyBtn').disabled = selected === 0;
-    }
-    function showPreview(colId, lang) {
-      const col = analysisResult.proposed_columns.find(c => c.id === colId);
-      if (!col) return;
-      currentPreviewColId = colId;
-      previewLang = lang;
-      let content = '';
-      if (col.files_to_create && col.files_to_create.length > 0) {
-        const file = col.files_to_create[0];
-        content = lang === 'fr' ? file.content.fr : file.content.en;
-      } else {
-        const displayName = lang === 'fr' ? col.display_name.fr : col.display_name.en;
-        const shortDesc = lang === 'fr' ? col.short_description.fr : col.short_description.en;
-        content = \`# \${displayName}\\n\\n## Role\\n\${shortDesc}\\n\\n## Actions\\n1. Execute the required tasks\\n2. Validate the results\\n\\n## Validation Criteria\\n- [ ] Task completed successfully\`;
-      }
-      document.getElementById('previewContent').textContent = content;
-      document.getElementById('previewModal').classList.add('active');
-      // Update preview lang buttons
-      document.querySelectorAll('#previewModal .lang-btn').forEach(btn => {
-        btn.classList.toggle('active', btn.dataset.lang === lang);
-      });
-    }
-    function switchPreviewLang(lang) {
-      if (currentPreviewColId) {
-        showPreview(currentPreviewColId, lang);
-      }
-    }
-    function closePreviewModal() {
-      document.getElementById('previewModal').classList.remove('active');
-    }
-    async function applySelected() {
-      if (selectedColumns.size === 0) {
-        showNotification(t('noColumns'), true);
-        return;
-      }
-      const columnsToApply = analysisResult.proposed_columns.filter(c => selectedColumns.has(c.id));
-      document.getElementById('applyBtn').disabled = true;
-      document.getElementById('applyBtnText').textContent = 'Applying...';
-      try {
-        const response = await fetch('/api/catalog/autocreate/apply', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ columns: columnsToApply }),
-        });
-        const result = await response.json();
-        if (!result.success) {
-          throw new Error(result.error || 'Failed to apply columns');
-        }
-        showNotification(t('success'));
-        // Redirect back to configurator after short delay
-        setTimeout(() => {
-          window.location.href = '/settings/pipeline/configurator';
-        }, 1500);
-      } catch (error) {
-        showNotification(error.message, true);
-        document.getElementById('applyBtn').disabled = false;
-        updateSelectionUI();
-      }
-    }
-    function escapeHtml(str) {
-      if (!str) return '';
-      return str
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-    }
-    // Initialize
-    updateLangButtons();
-    updateUI();
-  </script>
-</body>
-</html>`;
-}
-//# sourceMappingURL=autocreate.js.map