@bridge_gpt/mcp-server 0.2.19 → 0.2.20

package/public/js/main.min.js

@@ -12,6 +12,18 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
+/***/ },
+
+/***/ "./src/css/get-started.css"
+/*!*********************************!*\
+  !*** ./src/css/get-started.css ***!
+  \*********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ },
 
 /***/ "./src/css/globals.css"
@@ -72,6 +84,18 @@ __webpack_require__.r(__webpack_exports__);
 // extracted by mini-css-extract-plugin
 
 
+/***/ },
+
+/***/ "./src/css/run-dashboard.css"
+/*!***********************************!*\
+  !*** ./src/css/run-dashboard.css ***!
+  \***********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
 /***/ },
 
 /***/ "./src/css/setup-detail.css"
@@ -1780,249 +1804,1270 @@ function showDeleteModal(projectName, onConfirm, onCancel) {
 
 /***/ },
 
-/***/ "./src/js/learn_repository.js"
-/*!************************************!*\
-  !*** ./src/js/learn_repository.js ***!
-  \************************************/
+/***/ "./src/js/get-started.js"
+/*!*******************************!*\
+  !*** ./src/js/get-started.js ***!
+  \*******************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   initLearnRepository: () => (/* binding */ initLearnRepository),
-/* harmony export */   renderUI: () => (/* binding */ renderUI)
+/* harmony export */   init: () => (/* binding */ init)
 /* harmony export */ });
-/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./src/js/utils.js");
-/* harmony import */ var _modal_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal.js */ "./src/js/modal.js");
-/* harmony import */ var _optimize_context_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./optimize/context.js */ "./src/js/optimize/context.js");
-/* harmony import */ var _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./optimize/status_adapters.js */ "./src/js/optimize/status_adapters.js");
-/* harmony import */ var _optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./optimize/polling.js */ "./src/js/optimize/polling.js");
-/* harmony import */ var _optimize_feedback_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./optimize/feedback.js */ "./src/js/optimize/feedback.js");
-/* harmony import */ var _optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./optimize/learn_repository_renderer.js */ "./src/js/optimize/learn_repository_renderer.js");
-/**
- * Learn Repository feature for the Optimize page.
- *
- * Routed through the shared Optimize plumbing (BAPI-307): canonical identity from
- * getOptimizeContext, status normalization via the pure adapters, declarative
- * per-section rendering via the renderer, polling via pollUntil, and inline
- * feedback via setInlineStatus. Initialization is driven by the single Optimize
- * page entrypoint (optimize.js) — this module no longer self-registers a
- * DOMContentLoaded listener. Phase 2 removed the global Begin/Resume CTA in
- * favor of the per-section "Run Analysis" model.
- */
-
+/* harmony import */ var _modal_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modal.js */ "./src/js/modal.js");
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ "./src/js/utils.js");
 
 
 
+// ============================================================
+// Install-key constants
+// ============================================================
+
+// Onboarding-generated keys are always stamped as admin "Easy Install" keys so
+// they are recognizable on the Security page and authorized for /install-bridge.
+const INSTALL_KEY_NAME = 'Easy Install';
+const INSTALL_KEY_ROLE = 'admin';
+const INSTALL_KEY_EMAIL_DOMAIN = 'bridgegpt-api.com';
+
+// User-facing copy for the GitHub App connect flow (BAPI-506). Kept sanitized —
+// no backend detail, connection code, or install URL is ever surfaced or logged.
+const GITHUB_CONNECT_MESSAGES = {
+    connecting: 'Connecting to GitHub…',
+    connectButton: 'Connect GitHub',
+    connectionError: 'We could not start the GitHub connection. Please try again.',
+    missingRepo: "We could not determine this project's repository. Reload the page and try again.",
+    'verification-failed': 'GitHub could not verify this installation. Please try connecting again.',
+    'invalid': 'This GitHub connection link is no longer valid. Please start the connection again.',
+    'expired': 'This GitHub connection link has expired. Please start the connection again.',
+    'already-consumed': 'This GitHub connection link has already been used. Please start the connection again.',
+    'unresolved': 'GitHub returned without completing the connection. Please try again.',
+    'no-repositories': 'The GitHub App installation did not include any repositories Bridge can access.',
+    'already-linked': 'This GitHub installation is already connected to a different Bridge account. If this is unexpected, contact support.',
+    'binding-failed': 'GitHub was verified, but Bridge could not finish linking the repository. Use the manual fallback below.',
+    pickerLoading: 'Loading the repositories from your GitHub installation…',
+    pickerEmpty: 'No repositories were available to select. Use the manual fallback below.',
+    pickerPrompt: 'Your GitHub installation includes multiple repositories. Choose the one to connect to this project:',
+    connectedTitle: 'GitHub connected',
+};
 
+// Holds the plaintext minted key for the current page lifetime ONLY. Never
+// persisted to storage, cookies, URLs, datasets, or sent back to the server.
+let generatedInstallKey = null;
+
+// ============================================================
+// Clipboard helper
+// ============================================================
+
+// Centralized, keyboard-accessible clipboard write used by snippet copy,
+// /install-bridge handoff copy, and the generated-key copy. Falls back to a
+// hidden textarea + execCommand when the async clipboard API is unavailable.
+// Does NOT log the copied text — it may be a plaintext API key.
+async function copyTextToClipboard(text) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+        await navigator.clipboard.writeText(text);
+        return;
+    }
+    const ta = document.createElement('textarea');
+    ta.value = text;
+    ta.style.position = 'fixed';
+    ta.style.opacity = '0';
+    document.body.appendChild(ta);
+    ta.focus();
+    ta.select();
+    try {
+        document.execCommand('copy');
+    } finally {
+        document.body.removeChild(ta);
+    }
+}
+
+// Derive a stable, non-empty synthetic email for the minted key. Setup sessions
+// expose client_id, not a user email, but the key-creation route only requires
+// a non-empty email — this address is repo-derived, stable, and recognizable in
+// the Security page key list.
+function deriveInstallKeyEmail(repoName) {
+    let sanitized = String(repoName == null ? '' : repoName)
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9._+-]/g, '-')
+        // Trim leading/trailing punctuation that would make the local part awkward.
+        .replace(/^[._+-]+/, '')
+        .replace(/[._+-]+$/, '');
+    if (!sanitized) sanitized = 'project';
+    return `install+${sanitized}@${INSTALL_KEY_EMAIL_DOMAIN}`;
+}
+
+// ============================================================
+// Snippet tabs
+// ============================================================
+
+function renderSnippetTabs(snippets) {
+    const tabList = document.getElementById('editor-tabs');
+    const panelContainer = document.getElementById('editor-tab-panels');
+    if (!tabList || !panelContainer) return;
+
+    tabList.innerHTML = '';
+    panelContainer.innerHTML = '';
+
+    snippets.forEach((snippet, idx) => {
+        const panelId = `snippet-panel-${snippet.id}`;
+        const tabId = `snippet-tab-${snippet.id}`;
+        const isFirst = idx === 0;
+
+        // Tab button
+        const btn = document.createElement('button');
+        btn.type = 'button';
+        btn.id = tabId;
+        btn.className = 'snippet-tab-btn' + (isFirst ? ' active' : '');
+        btn.setAttribute('role', 'tab');
+        btn.setAttribute('aria-selected', isFirst ? 'true' : 'false');
+        btn.setAttribute('aria-controls', panelId);
+        btn.setAttribute('tabindex', isFirst ? '0' : '-1');
+        btn.textContent = snippet.label;
+        btn.addEventListener('click', () => activateTab(idx, snippets));
+        tabList.appendChild(btn);
+
+        // Panel
+        const panel = document.createElement('div');
+        panel.id = panelId;
+        panel.className = 'snippet-panel' + (isFirst ? '' : ' hidden');
+        panel.setAttribute('role', 'tabpanel');
+        panel.setAttribute('aria-labelledby', tabId);
+        if (!isFirst) panel.hidden = true;
+
+        // Metadata row
+        const meta = document.createElement('div');
+        meta.className = 'snippet-meta';
+        meta.textContent = `${snippet.target_path}  ·  ${snippet.language}`;
+        panel.appendChild(meta);
+
+        if (snippet.notes) {
+            const notes = document.createElement('p');
+            notes.className = 'snippet-notes';
+            notes.textContent = snippet.notes;
+            panel.appendChild(notes);
+        }
+
+        // Code block built from parts
+        const pre = document.createElement('pre');
+        const code = document.createElement('code');
+        code.className = `language-${snippet.language}`;
+
+        (snippet.parts || []).forEach(part => {
+            if (part.kind === 'api_key') {
+                const span = document.createElement('span');
+                span.setAttribute('data-bapi-api-key', '');
+                span.className = 'bapi-api-key-slot';
+                span.textContent = part.text;
+                code.appendChild(span);
+            } else {
+                code.appendChild(document.createTextNode(part.text));
+            }
+        });
+        pre.appendChild(code);
+        panel.appendChild(pre);
 
+        // Copy row
+        const copyRow = document.createElement('div');
+        copyRow.className = 'snippet-copy-row';
 
+        const copyBtn = document.createElement('button');
+        copyBtn.type = 'button';
+        copyBtn.className = 'btn btn-secondary snippet-copy-btn';
+        copyBtn.textContent = 'Copy';
 
+        const copyStatus = document.createElement('span');
+        copyStatus.className = 'copy-status';
+        copyStatus.setAttribute('aria-live', 'polite');
 
-// Active polls keyed by analysis type (per-section) plus the global learning
-// poll. Each value is an AbortController so a new poll can cancel the prior one.
-const activePolls = new Map();
+        copyBtn.addEventListener('click', async () => {
+            const text = code.textContent;
+            try {
+                await copyTextToClipboard(text);
+                copyStatus.textContent = 'Copied!';
+                setTimeout(() => { copyStatus.textContent = ''; }, 2000);
+            } catch (_) {
+                copyStatus.textContent = 'Copy failed';
+            }
+        });
 
-let latestLearnRepositoryStatus = null;
-const GLOBAL_LEARNING_POLL_KEY = 'global-learning';
-const LEARNING_POLL_INTERVAL_MS = 30000;
-const LEARNING_POLL_TIMEOUT_MS = 600000;
+        copyRow.appendChild(copyBtn);
+        copyRow.appendChild(copyStatus);
+        panel.appendChild(copyRow);
 
-// Canonical repository name, sourced once from the shared Optimize context. This
-// is the machine-readable identifier used in API URLs and POST payloads (never
-// the human-facing display name).
-let currentRepoName = null;
+        panelContainer.appendChild(panel);
+    });
 
-/**
- * Initialize the Learn Repository feature.
- * @param {{repoName: (string|null)}} [context] - Shared Optimize context.
- */
-async function initLearnRepository(context = (0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.getOptimizeContext)()) {
-    currentRepoName = context && context.repoName;
-    if (!currentRepoName) {
-        console.error('Repository name not available');
-        return;
+    // If a key was already minted during this page lifetime, re-inject it so the
+    // snippet contract stays intact across re-renders (e.g. a retry).
+    if (generatedInstallKey) {
+        injectInstallKeyIntoSnippets(generatedInstallKey);
     }
+}
 
-    try {
-        // Fetch initial status
-        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.apiCall)(
-            `/optimize/learn-repository/${(0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.encodePathSegment)(currentRepoName)}/status`,
-            'GET'
-        );
-        if (data) {
-            renderUI(data);
-        } else {
-            showStatusMessage('Failed to load repository learning status', 'error');
-        }
-    } catch (error) {
-        console.error('Error fetching learn repository status:', error);
-        showStatusMessage('Error loading repository learning status', 'error');
-    }
+function activateTab(idx, snippets) {
+    const tabList = document.getElementById('editor-tabs');
+    const panelContainer = document.getElementById('editor-tab-panels');
+    if (!tabList || !panelContainer) return;
 
-    // Set up event listeners
-    setupEventListeners();
-}
+    const tabs = tabList.querySelectorAll('[role="tab"]');
+    const panels = panelContainer.querySelectorAll('[role="tabpanel"]');
 
-function updateLatestLearnRepositoryStatus(data) {
-    if (!data) return;
-    latestLearnRepositoryStatus = data;
+    tabs.forEach((tab, i) => {
+        const active = i === idx;
+        tab.setAttribute('aria-selected', active ? 'true' : 'false');
+        tab.setAttribute('tabindex', active ? '0' : '-1');
+        tab.classList.toggle('active', active);
+    });
+
+    panels.forEach((panel, i) => {
+        const active = i === idx;
+        panel.hidden = !active;
+        panel.classList.toggle('hidden', !active);
+    });
 }
 
-/**
- * Render every Learn Repository section from a status payload. Each section is
- * normalized by the pure adapter and rendered declaratively by the renderer.
- * When the server reports a run in progress and no poll is active, a global poll
- * is started (idempotent — safe to call from re-renders inside the poll itself).
- * @param {Object} data
- */
-function renderUI(data) {
-    updateLatestLearnRepositoryStatus(data);
+// ============================================================
+// /install-bridge hand-off
+// ============================================================
 
-    const normalized = (0,_optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.adaptLearnRepositoryStatus)(data);
+function initializeHandoffCopy() {
+    const btn = document.getElementById('handoff-copy-btn');
+    const status = document.getElementById('handoff-copy-status');
+    if (!btn || !status) return;
 
-    _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.ANALYSIS_TYPES.forEach((type) => {
-        (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.renderLearnRepositorySection)(type, data[type] || {});
+    btn.addEventListener('click', async () => {
+        try {
+            await copyTextToClipboard('/install-bridge');
+            status.textContent = 'Copied!';
+            setTimeout(() => { status.textContent = ''; }, 2000);
+        } catch (_) {
+            status.textContent = 'Copy failed';
+        }
     });
+}
 
-    if (normalized.learningInProgress && !activePolls.get(GLOBAL_LEARNING_POLL_KEY)) {
-        pollLearningStatus();
+// ============================================================
+// Config-status readout
+// ============================================================
+
+// Whitelist mapping known integration ids to the setup-detail field anchors
+// their credential is configured under. Only ids present here contribute a URL
+// fragment — arbitrary server-provided ids never become a fragment.
+const INTEGRATION_SETUP_ANCHORS = {
+    jira: 'jira_api_token',
+    github_app: 'git_app_installation_id',
+    vcs_access_token: 'version_control_access_token',
+    vcs_webhook: 'vcs_webhook_secret',
+};
+
+// Read the projectId query param from the current URL. Returns null when absent.
+function getProjectIdFromUrl() {
+    return new URLSearchParams(window.location.search).get('projectId');
+}
+
+// Build a setup-detail href, preserving the projectId param and (optionally)
+// deep-linking to a specific field anchor. Both projectId and fragment are
+// URL-encoded; an absent projectId yields the bare path, an empty fragment is
+// omitted.
+function buildSetupDetailHref(projectId, fragmentId) {
+    let href = projectId
+        ? `/setup/setup-detail?projectId=${encodeURIComponent(projectId)}`
+        : '/setup/setup-detail';
+    if (fragmentId) {
+        href += `#${encodeURIComponent(fragmentId)}`;
+    }
+    return href;
+}
+
+// Resolve the setup-detail field anchor for an integration item from the
+// whitelist. Returns '' for missing/unknown ids so arbitrary server data is
+// never used as a URL fragment.
+function getIntegrationSetupFragment(integration) {
+    const id = integration && integration.id;
+    if (!id) return '';
+    return INTEGRATION_SETUP_ANCHORS[id] || '';
+}
+
+// Normalize an integration's required_for descriptions into display text.
+// Accepts an array (stringified, trimmed, empties dropped, comma-joined) or a
+// plain string (trimmed). Returns '' for missing/null/unsupported values.
+function formatRequiredForText(requiredFor) {
+    if (Array.isArray(requiredFor)) {
+        return requiredFor
+            .map(item => (item == null ? '' : String(item).trim()))
+            .filter(item => item !== '')
+            .join(', ');
+    }
+    if (typeof requiredFor === 'string') {
+        return requiredFor.trim();
     }
+    return '';
 }
 
-function setupEventListeners() {
-    // Approve buttons for each analysis type
-    _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.ANALYSIS_TYPES.forEach((type) => {
-        const sectionId = (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.getSectionId)(type);
-        const approveBtn = document.getElementById(`lr-${sectionId}-approve`);
-        if (approveBtn) {
-            approveBtn.addEventListener('click', () => handleApprove(type));
-        }
+// True only when the item carries a non-null setup_instructions object. Used
+// only to choose link copy — get-started never renders instruction prose.
+function hasSetupInstructions(integration) {
+    return !!(
+        integration &&
+        typeof integration.setup_instructions === 'object' &&
+        integration.setup_instructions !== null
+    );
+}
 
-        // Save buttons
-        const saveBtn = document.getElementById(`lr-${sectionId}-save`);
-        if (saveBtn) {
-            saveBtn.addEventListener('click', () => handleSaveInstructions(type));
-        }
-    });
+// Build a single display-only checklist row for one integration using safe DOM
+// APIs (createElement + textContent) — never innerHTML with server data. Shows
+// the label, a configured/unconfigured chip, required_for text, and a
+// setup-detail deep link. Renders no buttons, credential values, or inputs.
+function renderIntegrationChecklistRow(integration, projectId) {
+    const row = document.createElement('div');
+    row.className = 'status-field-row install-integration-row';
+    row.setAttribute('role', 'listitem');
+    if (integration.id) {
+        row.setAttribute('data-integration-id', integration.id);
+    }
+
+    const configured = !!integration.is_configured;
+
+    const chip = document.createElement('span');
+    chip.className = `status-chip ${configured ? 'status-set' : 'status-unset'}`;
+    chip.textContent = configured ? 'Configured' : 'Unconfigured';
+    row.appendChild(chip);
+
+    const label = document.createElement('span');
+    label.className = 'status-field-name install-integration-label';
+    label.textContent = integration.label || integration.id || 'Integration';
+    row.appendChild(label);
+
+    const requiredForText = formatRequiredForText(integration.required_for);
+    if (requiredForText) {
+        const required = document.createElement('span');
+        required.className = 'status-field-value install-integration-required';
+        required.textContent = `Required for: ${requiredForText}`;
+        row.appendChild(required);
+    }
+
+    const link = document.createElement('a');
+    link.className = 'install-integration-link';
+    link.href = buildSetupDetailHref(projectId, getIntegrationSetupFragment(integration));
+    const hasInstructions = hasSetupInstructions(integration);
+    link.textContent = hasInstructions ? 'View setup instructions' : 'Open Setup Detail';
+    const labelText = integration.label || integration.id || 'this integration';
+    link.setAttribute(
+        'aria-label',
+        `${hasInstructions ? 'View setup instructions' : 'Open Setup Detail'} for ${labelText}`
+    );
+    row.appendChild(link);
 
-    // Reanalyze controls — now <button>s; reveal options instead of direct-fire.
-    document.querySelectorAll('.lr-reanalyze-link').forEach((link) => {
-        link.addEventListener('click', () => {
-            link.classList.add('hidden');
-            const container = link.closest('.reanalyze-container');
-            const optionsWrapper = container?.querySelector('.lr-reanalyze-options');
-            optionsWrapper?.classList.remove('hidden');
-            const defaultRadio = optionsWrapper?.querySelector('input[value="auto_complete"]');
-            defaultRadio?.focus();
-        });
-    });
+    return row;
+}
 
-    // Confirm buttons — invoke handleReanalyze
-    document.querySelectorAll('.lr-reanalyze-confirm-btn').forEach((btn) => {
-        btn.addEventListener('click', (e) => {
-            e.preventDefault();
-            handleReanalyze(btn.dataset.analysisType);
-        });
-    });
+// Render the full integrations checklist into container. Absent-safe: no-ops on
+// a missing container, a non-array/empty integrations value, or when no valid
+// object items remain. Clears the container first so refreshes never duplicate.
+function renderIntegrationChecklist(integrations, container, projectId) {
+    if (!container) return;
 
-    // Cancel buttons — collapse options back to initial state
-    document.querySelectorAll('.lr-reanalyze-cancel-btn').forEach((btn) => {
-        btn.addEventListener('click', (e) => {
-            e.preventDefault();
-            const container = btn.closest('.reanalyze-container');
-            const optionsWrapper = container?.querySelector('.lr-reanalyze-options');
-            const reanalyzeLink = container?.querySelector('.lr-reanalyze-link');
-            optionsWrapper?.classList.add('hidden');
-            reanalyzeLink?.classList.remove('hidden');
-            // Reset radio selection to auto_complete
-            const defaultRadio = optionsWrapper?.querySelector('input[value="auto_complete"]');
-            if (defaultRadio) defaultRadio.checked = true;
-            reanalyzeLink?.focus();
-        });
-    });
+    container.innerHTML = '';
 
-    // Accept/Discard draft buttons
-    document.querySelectorAll('.lr-accept-draft-btn').forEach((btn) => {
-        btn.addEventListener('click', () => handleAcceptDraft(btn.dataset.analysisType));
-    });
-    document.querySelectorAll('.lr-discard-draft-btn').forEach((btn) => {
-        btn.addEventListener('click', () => handleDiscardDraft(btn.dataset.analysisType));
-    });
+    if (!Array.isArray(integrations) || integrations.length === 0) return;
 
-    // Per-section "Run Analysis" buttons for empty sections (the single start path)
-    document.querySelectorAll('.lr-initial-analyze-btn').forEach((btn) => {
-        btn.addEventListener('click', () => handleInitialAnalyze(btn.dataset.analysisType));
+    const validItems = integrations.filter(
+        item => item && typeof item === 'object'
+    );
+    if (validItems.length === 0) return;
+
+    const wrapper = document.createElement('div');
+    wrapper.className = 'install-integrations-wrapper';
+
+    const title = document.createElement('h3');
+    title.className = 'install-integrations-title';
+    title.textContent = 'Integration checklist';
+    wrapper.appendChild(title);
+
+    const note = document.createElement('p');
+    note.className = 'install-integrations-note';
+    note.textContent =
+        'Presence-only status — no credential values are shown here. ' +
+        'Use Setup Detail to add or update integration credentials.';
+    wrapper.appendChild(note);
+
+    const list = document.createElement('div');
+    list.className = 'install-integrations-list';
+    list.setAttribute('role', 'list');
+
+    validItems.forEach(item => {
+        list.appendChild(renderIntegrationChecklistRow(item, projectId));
     });
+
+    wrapper.appendChild(list);
+    container.appendChild(wrapper);
 }
 
-function stopGlobalLearningPoll() {
-    const controller = activePolls.get(GLOBAL_LEARNING_POLL_KEY);
-    if (controller) {
-        controller.abort();
-        activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
+function renderInstallStatus(installStatus, projectId) {
+    const summaryEl = document.getElementById('install-status-summary');
+    const groupsEl = document.getElementById('install-status-groups');
+    if (!summaryEl || !groupsEl) return;
+
+    // The integrations container is optional so the function stays defensive if
+    // the template does not (yet) include it.
+    const integrationsEl = document.getElementById('install-integrations');
+
+    // Clear all render targets up front so a refresh (e.g. after a GitHub
+    // connection completes) never duplicates prior content.
+    summaryEl.innerHTML = '';
+    groupsEl.innerHTML = '';
+    if (integrationsEl) integrationsEl.innerHTML = '';
+
+    if (!installStatus || !installStatus.available) {
+        summaryEl.innerHTML = '<p class="status-empty">No configuration found for this project.</p>';
+        return;
     }
-}
 
-function pollLearningStatus() {
-    stopGlobalLearningPoll();
+    const { summary, groups, integrations } = installStatus;
+    if (summary) {
+        const row = document.createElement('div');
+        row.className = 'status-summary';
 
-    const controller = new AbortController();
-    activePolls.set(GLOBAL_LEARNING_POLL_KEY, controller);
-    const statusUrl = `/optimize/learn-repository/${(0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.encodePathSegment)(currentRepoName)}/status`;
+        const setChip = document.createElement('span');
+        setChip.className = 'status-chip status-set';
+        setChip.textContent = `${summary.set} Set`;
 
-    // Note: a full 'all' run can take ~30 minutes, longer than
-    // LEARNING_POLL_TIMEOUT_MS — once the timeout fires the user sees a refresh
-    // prompt; on refresh, renderUI's learning_in_progress branch resumes polling.
-    (0,_optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__.pollUntil)(statusUrl, (data) => data != null && data.learning_in_progress !== true, {
-        intervalMs: LEARNING_POLL_INTERVAL_MS,
-        timeoutMs: LEARNING_POLL_TIMEOUT_MS,
-        continueOnError: true,
-        signal: controller.signal,
-        onTick: (data) => {
-            updateLatestLearnRepositoryStatus(data);
-            renderUI(data);
-        },
-    })
-        .then(() => {
-            activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
-            showStatusMessage('Learning analysis complete. Review any generated clarifications below.', 'success');
-        })
-        .catch((error) => {
-            if (error && error.name === 'AbortError') return;
-            activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
-            if (error instanceof _optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__.PollTimeoutError) {
-                showStatusMessage(
-                    'Learning is taking longer than expected. Please refresh the page to see the latest status.',
-                    'error'
-                );
-            } else {
-                console.error('Global learning poll error:', error);
-            }
-        });
-}
+        const unsetChip = document.createElement('span');
+        unsetChip.className = 'status-chip status-unset';
+        unsetChip.textContent = `${summary.unset} Unset`;
 
-async function handleApprove(analysisType) {
-    const sectionId = (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.getSectionId)(analysisType);
+        const total = document.createElement('span');
+        total.className = 'status-total';
+        total.textContent = `of ${summary.total} fields`;
 
-    const confirmText = 'Are you sure you want to approve these clarifications? (You will still be able to edit this later in the configuration panel if needed)';
+        row.appendChild(setChip);
+        row.appendChild(unsetChip);
+        row.appendChild(total);
+        summaryEl.appendChild(row);
+    }
 
-    const confirmed = await showConfirmationModal('Confirm Approval', confirmText);
+    // Render the integrations checklist before the config-field groups so it
+    // still appears when integration status is present but groups are empty.
+    renderIntegrationChecklist(integrations, integrationsEl, projectId);
 
-    if (!confirmed) {
+    if (!groups || groups.length === 0) {
+        groupsEl.innerHTML = '<p class="status-empty">No configuration fields found.</p>';
         return;
     }
 
-    const button = document.getElementById(`lr-${sectionId}-approve`);
-    const textarea = document.getElementById(`lr-${sectionId}-textarea`);
-    const originalText = button ? button.textContent : null;
+    groups.forEach(group => {
+        if (!group.fields || group.fields.length === 0) return;
+        const section = document.createElement('div');
+        section.className = 'status-group';
 
-    // Get the edited clarifications text from the textarea
-    const editedClarifications = textarea ? textarea.value : '';
+        const heading = document.createElement('h3');
+        heading.className = 'status-group-title';
+        heading.textContent = group.title || group.key;
+        section.appendChild(heading);
 
-    try {
-        // Disable button and show loading state
-        if (button) {
-            button.disabled = true;
+        group.fields.forEach(field => {
+            const row = document.createElement('div');
+            row.className = 'status-field-row';
+
+            const chip = document.createElement('span');
+            chip.className = `status-chip ${field.is_set ? 'status-set' : 'status-unset'}`;
+            chip.textContent = field.is_set ? 'Set' : 'Unset';
+
+            const label = document.createElement('span');
+            label.className = 'status-field-name';
+            label.textContent = field.field_name;
+
+            row.appendChild(chip);
+            row.appendChild(label);
+
+            if (field.current_value !== null && field.current_value !== undefined) {
+                const val = document.createElement('span');
+                val.className = 'status-field-value';
+                const display =
+                    typeof field.current_value === 'object'
+                        ? JSON.stringify(field.current_value)
+                        : String(field.current_value);
+                val.textContent = display;
+                row.appendChild(val);
+            }
+
+            section.appendChild(row);
+        });
+
+        groupsEl.appendChild(section);
+    });
+}
+
+// ============================================================
+// Data loading
+// ============================================================
+
+async function loadInstallInstructions(projectId) {
+    const loadingEl = document.getElementById('get-started-loading');
+    const errorEl = document.getElementById('get-started-error');
+    const contentEl = document.getElementById('get-started-content');
+
+    if (loadingEl) loadingEl.classList.remove('hidden');
+    if (errorEl) errorEl.classList.add('hidden');
+    if (contentEl) contentEl.classList.add('hidden');
+
+    try {
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.apiCall)(
+            `/setup/install-instructions?projectId=${encodeURIComponent(projectId)}`,
+            'GET'
+        );
+
+        // apiCall returns null on centralized 401 redirect
+        if (!data) return;
+
+        if (loadingEl) loadingEl.classList.add('hidden');
+
+        // Defensive sync: keep the container's repo dataset authoritative from
+        // the install-instructions payload so the install-key click handler
+        // reads the correct repo_name even if the server attribute was empty.
+        const containerEl = document.getElementById('get-started-container');
+        if (containerEl && data.repo_name) {
+            containerEl.dataset.repoName = data.repo_name;
+        }
+
+        const repoLabel = document.getElementById('get-started-repo-label');
+        if (repoLabel) {
+            repoLabel.textContent = `Project: ${data.repo_name}`;
+        }
+
+        renderSnippetTabs(data.snippets || []);
+        initializeHandoffCopy();
+        renderInstallStatus(data.install_status, projectId);
+
+        if (contentEl) contentEl.classList.remove('hidden');
+
+        // Render any GitHub connection return-state now that the repo dataset is
+        // synchronized from the install-instructions payload (BAPI-506).
+        renderGitHubConnectionReturnState();
+    } catch (error) {
+        if (loadingEl) loadingEl.classList.add('hidden');
+        if (contentEl) contentEl.classList.add('hidden');
+
+        const msgEl = document.getElementById('get-started-error-msg');
+        if (msgEl) {
+            msgEl.textContent = (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.getApiErrorMessage)(error, 'Failed to load install instructions.');
+        }
+        if (errorEl) errorEl.classList.remove('hidden');
+    }
+}
+
+// ============================================================
+// Install-key generation
+// ============================================================
+
+// Replace every onboarding snippet's data-bapi-api-key placeholder with the
+// minted key, scoped strictly to the onboarding container. Returns the number
+// of updated elements so callers can detect an unexpected empty-snippet state.
+function injectInstallKeyIntoSnippets(apiKey) {
+    const slots = document.querySelectorAll('#get-started-container [data-bapi-api-key]');
+    slots.forEach(el => {
+        el.textContent = apiKey;
+        el.classList.add('bapi-api-key-slot-filled');
+    });
+    return slots.length;
+}
+
+// Toggle the loading state on the generate button. When loading ends without
+// success the caller passes loading=false to restore the idle affordance.
+function setInstallKeyLoading(loading) {
+    const btn = document.getElementById('generate-install-key-btn');
+    const panel = document.getElementById('install-key-panel');
+    const errorEl = document.getElementById('install-key-error');
+    if (loading) {
+        if (errorEl) {
+            errorEl.textContent = '';
+            errorEl.classList.add('hidden');
+        }
+        if (btn) {
+            btn.disabled = true;
+            btn.textContent = 'Generating…';
+        }
+        if (panel) panel.setAttribute('aria-busy', 'true');
+    } else {
+        if (btn) {
+            btn.disabled = false;
+            btn.textContent = 'Generate install key';
+        }
+        if (panel) panel.removeAttribute('aria-busy');
+    }
+}
+
+// Write a brief, non-leaking failure message near the action. Never surface raw
+// server error details, request body fields, or any plaintext key.
+function showInstallKeyError(message) {
+    const errorEl = document.getElementById('install-key-error');
+    if (!errorEl) return;
+    errorEl.textContent = message || 'Could not generate the install key. Please try again.';
+    errorEl.classList.remove('hidden');
+}
+
+// Mint an admin install key on explicit click via the existing POST /setup/keys
+// route, then reveal it once and inject it into every snippet.
+async function handleGenerateInstallKeyClick() {
+    const container = document.getElementById('get-started-container');
+    if (!container) return;
+
+    // Prevent silent repeat minting within the same page lifetime. By design
+    // this guard is per-page-load only: a reload intentionally allows minting a
+    // fresh on-demand key (BAPI-383). Unused keys are revocable from the
+    // Security page, so we accept this over reusing/auto-revoking prior keys.
+    if (generatedInstallKey) return;
+
+    const repoName = container.dataset.repoName;
+    if (!repoName) {
+        showInstallKeyError('Could not generate the install key. Please try again.');
+        return;
+    }
+
+    setInstallKeyLoading(true);
+
+    const payload = {
+        email: deriveInstallKeyEmail(repoName),
+        repo_name: repoName,
+        name: INSTALL_KEY_NAME,
+        role: INSTALL_KEY_ROLE,
+    };
+
+    let response;
+    try {
+        response = await fetch('/setup/keys', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload),
+        });
+    } catch (_) {
+        setInstallKeyLoading(false);
+        showInstallKeyError('Could not generate the install key. Please try again.');
+        return;
+    }
+
+    // Only a 201 Created is success. Do not parse/display raw server details.
+    if (response.status !== 201) {
+        setInstallKeyLoading(false);
+        showInstallKeyError('Could not generate the install key. Please try again.');
+        return;
+    }
+
+    let data;
+    try {
+        data = await response.json();
+    } catch (_) {
+        setInstallKeyLoading(false);
+        showInstallKeyError('Could not generate the install key. Please try again.');
+        return;
+    }
+
+    const apiKey = data && data.api_key;
+    if (!apiKey) {
+        setInstallKeyLoading(false);
+        showInstallKeyError('Could not generate the install key. Please try again.');
+        return;
+    }
+
+    generatedInstallKey = apiKey;
+
+    const keyInput = document.getElementById('generated-install-key');
+    if (keyInput) keyInput.value = apiKey;
+
+    const resultEl = document.getElementById('install-key-result');
+    if (resultEl) resultEl.classList.remove('hidden');
+
+    injectInstallKeyIntoSnippets(apiKey);
+
+    const statusEl = document.getElementById('install-key-status');
+    if (statusEl) statusEl.textContent = 'Admin install key generated and inserted into the snippets.';
+
+    // Permanently disable the button after success to avoid repeated minting.
+    const btn = document.getElementById('generate-install-key-btn');
+    const panel = document.getElementById('install-key-panel');
+    if (btn) {
+        btn.disabled = true;
+        btn.textContent = 'Install key generated';
+    }
+    if (panel) panel.removeAttribute('aria-busy');
+
+    // Move focus to the revealed credential controls for keyboard/screen-reader users.
+    const copyBtn = document.getElementById('copy-install-key-btn');
+    if (copyBtn) copyBtn.focus();
+    else if (keyInput) keyInput.focus();
+}
+
+// Page-scoped, click-driven initializer. Binds the generate and copy buttons.
+// Returns without side effects if the panel is absent. Does NOT mint on load.
+function initializeInstallKeyGeneration(container) {
+    if (!container) return;
+
+    const generateBtn = document.getElementById('generate-install-key-btn');
+    if (!generateBtn) return;
+
+    generateBtn.addEventListener('click', handleGenerateInstallKeyClick);
+
+    const copyBtn = document.getElementById('copy-install-key-btn');
+    const keyInput = document.getElementById('generated-install-key');
+    const copyStatus = document.getElementById('copy-install-key-status');
+    if (copyBtn && keyInput) {
+        copyBtn.addEventListener('click', async () => {
+            const value = keyInput.value;
+            if (!value) return;
+            try {
+                await copyTextToClipboard(value);
+                if (copyStatus) copyStatus.textContent = 'Copied!';
+                copyBtn.textContent = 'Copied!';
+                setTimeout(() => { copyBtn.textContent = 'Copy'; }, 2000);
+            } catch (_) {
+                if (copyStatus) copyStatus.textContent = 'Copy failed';
+            }
+        });
+    }
+}
+
+// ============================================================
+// Entry point
+// ============================================================
+
+// ============================================================
+// GitHub App connect flow (BAPI-506)
+// ============================================================
+
+function getGitHubRepoName() {
+    const container = document.getElementById('get-started-container');
+    const repoName = container && container.dataset ? container.dataset.repoName : '';
+    return (repoName || '').trim();
+}
+
+function setGitHubConnectLoading(loading) {
+    const btn = document.getElementById('connect-github-btn');
+    const section = document.getElementById('github-connect-section');
+    const status = document.getElementById('github-connect-status');
+    if (btn) {
+        btn.disabled = loading;
+        btn.textContent = loading
+            ? GITHUB_CONNECT_MESSAGES.connecting
+            : GITHUB_CONNECT_MESSAGES.connectButton;
+    }
+    if (section) section.setAttribute('aria-busy', loading ? 'true' : 'false');
+    if (status) status.textContent = loading ? GITHUB_CONNECT_MESSAGES.connecting : '';
+}
+
+function showGitHubConnectError(message) {
+    const errorEl = document.getElementById('github-connect-error');
+    if (errorEl) {
+        errorEl.textContent = message;
+        errorEl.classList.remove('hidden');
+    }
+}
+
+function clearGitHubConnectionPanels() {
+    ['github-connect-error', 'github-connect-result', 'github-repo-picker-panel'].forEach((id) => {
+        const el = document.getElementById(id);
+        if (el) {
+            el.classList.add('hidden');
+            if (id !== 'github-connect-error') el.innerHTML = '';
+        }
+    });
+}
+
+function renderGitHubConnectedState(repoDisplayName) {
+    clearGitHubConnectionPanels();
+    const resultEl = document.getElementById('github-connect-result');
+    if (!resultEl) return;
+    const title = document.createElement('p');
+    title.className = 'github-connect-result-title';
+    title.textContent = GITHUB_CONNECT_MESSAGES.connectedTitle || 'GitHub connected';
+    const body = document.createElement('p');
+    body.textContent = repoDisplayName
+        ? `Bridge verified the installation and linked ${repoDisplayName} automatically.`
+        : 'Bridge verified the installation and linked your repository automatically.';
+    resultEl.classList.remove('github-connect-result--warning', 'github-connect-result--error');
+    resultEl.classList.add('github-connect-result--success');
+    resultEl.appendChild(title);
+    resultEl.appendChild(body);
+    resultEl.classList.remove('hidden');
+}
+
+function renderGitHubFailureState(status) {
+    // The manual fallback link is always present in the card markup; failure
+    // states just surface sanitized inline copy alongside it.
+    const message = GITHUB_CONNECT_MESSAGES[status] || GITHUB_CONNECT_MESSAGES.connectionError;
+    showGitHubConnectError(message);
+}
+
+async function handleConnectGitHubClick() {
+    clearGitHubConnectionPanels();
+    const repoName = getGitHubRepoName();
+    if (!repoName) {
+        showGitHubConnectError(GITHUB_CONNECT_MESSAGES.missingRepo);
+        return;
+    }
+
+    setGitHubConnectLoading(true);
+    try {
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.apiCall)('/setup/github/connection-code', 'POST', { repo_name: repoName });
+        // apiCall returns null on centralized 401 redirect (navigating to login).
+        if (!data) return;
+        if (!data.install_url) {
+            showGitHubConnectError(GITHUB_CONNECT_MESSAGES.connectionError);
+            setGitHubConnectLoading(false);
+            return;
+        }
+        // Navigate the browser to the GitHub App install URL.
+        window.location.assign(data.install_url);
+    } catch (error) {
+        showGitHubConnectError(GITHUB_CONNECT_MESSAGES.connectionError);
+        setGitHubConnectLoading(false);
+    }
+}
+
+function renderGitHubRepoPicker(candidates) {
+    const panel = document.getElementById('github-repo-picker-panel');
+    if (!panel) return;
+    panel.innerHTML = '';
+
+    const prompt = document.createElement('p');
+    prompt.textContent = GITHUB_CONNECT_MESSAGES.pickerPrompt;
+    panel.appendChild(prompt);
+
+    const list = document.createElement('div');
+    list.className = 'github-repo-picker-list';
+
+    candidates.forEach((candidate) => {
+        const option = document.createElement('button');
+        option.type = 'button';
+        option.className = 'github-repo-picker-option btn btn-secondary';
+        option.setAttribute('data-testid', 'github-repo-picker-option');
+        option.setAttribute('data-github-repository-id', candidate.github_repository_id);
+
+        const nameSpan = document.createElement('span');
+        nameSpan.className = 'github-repo-picker-option-name';
+        nameSpan.textContent = candidate.github_repo_full_name || candidate.github_repo_name;
+        option.appendChild(nameSpan);
+
+        if (candidate.owner) {
+            const ownerSpan = document.createElement('span');
+            ownerSpan.className = 'github-repo-picker-option-owner';
+            ownerSpan.textContent = candidate.owner;
+            option.appendChild(ownerSpan);
+        }
+
+        option.addEventListener('click', () => handleGitHubRepoSelection(candidate));
+        list.appendChild(option);
+    });
+
+    panel.appendChild(list);
+    panel.classList.remove('hidden');
+}
+
+async function loadGitHubPickerCandidates() {
+    const panel = document.getElementById('github-repo-picker-panel');
+    const params = new URLSearchParams(window.location.search);
+    const state = params.get('state');
+    const installationId = params.get('installationId');
+    const repoName = getGitHubRepoName();
+
+    if (!state || !installationId || !repoName) {
+        renderGitHubFailureState('unresolved');
+        return;
+    }
+
+    if (panel) {
+        panel.innerHTML = `<p>${GITHUB_CONNECT_MESSAGES.pickerLoading}</p>`;
+        panel.classList.remove('hidden');
+    }
+
+    try {
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.apiCall)('/setup/github/repository-candidates', 'POST', {
+            repo_name: repoName,
+            state,
+            installation_id: installationId,
+        });
+        if (!data) return;
+        const candidates = (data && data.candidates) || [];
+        if (!candidates.length) {
+            if (panel) panel.innerHTML = `<p>${GITHUB_CONNECT_MESSAGES.pickerEmpty}</p>`;
+            return;
+        }
+        renderGitHubRepoPicker(candidates);
+    } catch (error) {
+        if (panel) panel.innerHTML = `<p>${GITHUB_CONNECT_MESSAGES.pickerEmpty}</p>`;
+    }
+}
+
+async function handleGitHubRepoSelection(candidate) {
+    const params = new URLSearchParams(window.location.search);
+    const state = params.get('state');
+    const installationId = params.get('installationId');
+    const repoName = getGitHubRepoName();
+    if (!state || !installationId || !repoName) {
+        renderGitHubFailureState('unresolved');
+        return;
+    }
+
+    try {
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.apiCall)('/setup/github/select-repository', 'POST', {
+            repo_name: repoName,
+            state,
+            installation_id: installationId,
+            github_repository_id: candidate.github_repository_id,
+        });
+        if (!data) return;
+        if (data.status === 'connected') {
+            renderGitHubConnectedState(candidate.github_repo_full_name || candidate.github_repo_name);
+            // Refresh the live config-status readout now that the repo is bound.
+            const projectId = new URLSearchParams(window.location.search).get('projectId');
+            if (projectId) loadInstallInstructions(projectId);
+            return;
+        }
+        renderGitHubFailureState('binding-failed');
+    } catch (error) {
+        renderGitHubFailureState('binding-failed');
+    }
+}
+
+function renderGitHubConnectionReturnState() {
+    const params = new URLSearchParams(window.location.search);
+    const status = params.get('githubConnection');
+    if (!status) return;
+
+    if (status === 'connected') {
+        renderGitHubConnectedState(params.get('githubRepo'));
+        return;
+    }
+    if (status === 'ambiguous') {
+        loadGitHubPickerCandidates();
+        return;
+    }
+    renderGitHubFailureState(status);
+}
+
+function initializeGitHubConnect() {
+    const btn = document.getElementById('connect-github-btn');
+    if (btn) {
+        btn.addEventListener('click', handleConnectGitHubClick);
+    }
+}
+
+function init() {
+    const container = document.getElementById('get-started-container');
+    if (!container) return;
+
+    (0,_modal_js__WEBPACK_IMPORTED_MODULE_0__.initModal)();
+
+    // Click-driven install-key generation; does not mint a key on page load.
+    initializeInstallKeyGeneration(container);
+
+    // Wire the "Connect GitHub" launch button (BAPI-506).
+    initializeGitHubConnect();
+
+    // Bind keyboard navigation once — renderSnippetTabs may run multiple times (retry),
+    // so binding here prevents the listener from stacking on the tabList element.
+    const tabList = document.getElementById('editor-tabs');
+    if (tabList) {
+        tabList.addEventListener('keydown', (e) => {
+            const tabs = Array.from(tabList.querySelectorAll('[role="tab"]'));
+            if (!tabs.length) return;
+            const current = tabs.findIndex(t => t.getAttribute('aria-selected') === 'true');
+            let next = current;
+            if (e.key === 'ArrowRight') next = (current + 1) % tabs.length;
+            else if (e.key === 'ArrowLeft') next = (current - 1 + tabs.length) % tabs.length;
+            else if (e.key === 'Home') next = 0;
+            else if (e.key === 'End') next = tabs.length - 1;
+            else return;
+            e.preventDefault();
+            activateTab(next);
+            tabs[next].focus();
+        });
+    }
+
+    const projectId = getProjectIdFromUrl();
+
+    // Wire the setup-detail link (FAQ drawer) and footer CTA separately
+    const setupDetailLink = document.getElementById('setup-detail-link');
+    if (setupDetailLink && projectId) {
+        setupDetailLink.href = buildSetupDetailHref(projectId);
+    }
+    const continueSetupLink = document.getElementById('continue-setup-link');
+    if (continueSetupLink && projectId) {
+        continueSetupLink.href = buildSetupDetailHref(projectId);
+    }
+
+    // Initialize FAQ drawers scoped to this page
+    (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.initDrawers)({ root: document, drawerSelector: '#get-started-container .drawer' });
+
+    // Wire retry button
+    const retryBtn = document.getElementById('get-started-retry-btn');
+    if (retryBtn) {
+        retryBtn.addEventListener('click', () => {
+            if (projectId) loadInstallInstructions(projectId);
+        });
+    }
+
+    if (!projectId) {
+        const loadingEl = document.getElementById('get-started-loading');
+        const errorEl = document.getElementById('get-started-error');
+        const msgEl = document.getElementById('get-started-error-msg');
+        if (loadingEl) loadingEl.classList.add('hidden');
+        if (msgEl) msgEl.textContent = 'Missing projectId — please navigate here from your project dashboard.';
+        if (errorEl) errorEl.classList.remove('hidden');
+        return;
+    }
+
+    loadInstallInstructions(projectId);
+}
+
+init();
+
+
+/***/ },
+
+/***/ "./src/js/learn_repository.js"
+/*!************************************!*\
+  !*** ./src/js/learn_repository.js ***!
+  \************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   initLearnRepository: () => (/* binding */ initLearnRepository),
+/* harmony export */   renderUI: () => (/* binding */ renderUI)
+/* harmony export */ });
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./src/js/utils.js");
+/* harmony import */ var _modal_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal.js */ "./src/js/modal.js");
+/* harmony import */ var _optimize_context_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./optimize/context.js */ "./src/js/optimize/context.js");
+/* harmony import */ var _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./optimize/status_adapters.js */ "./src/js/optimize/status_adapters.js");
+/* harmony import */ var _optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./optimize/polling.js */ "./src/js/optimize/polling.js");
+/* harmony import */ var _optimize_feedback_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./optimize/feedback.js */ "./src/js/optimize/feedback.js");
+/* harmony import */ var _optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./optimize/learn_repository_renderer.js */ "./src/js/optimize/learn_repository_renderer.js");
+/**
+ * Learn Repository feature for the Optimize page.
+ *
+ * Routed through the shared Optimize plumbing (BAPI-307): canonical identity from
+ * getOptimizeContext, status normalization via the pure adapters, declarative
+ * per-section rendering via the renderer, polling via pollUntil, and inline
+ * feedback via setInlineStatus. Initialization is driven by the single Optimize
+ * page entrypoint (optimize.js) — this module no longer self-registers a
+ * DOMContentLoaded listener. Phase 2 removed the global Begin/Resume CTA in
+ * favor of the per-section "Run Analysis" model.
+ */
+
+
+
+
+
+
+
+
+
+// Active polls keyed by analysis type (per-section) plus the global learning
+// poll. Each value is an AbortController so a new poll can cancel the prior one.
+const activePolls = new Map();
+
+let latestLearnRepositoryStatus = null;
+const GLOBAL_LEARNING_POLL_KEY = 'global-learning';
+const LEARNING_POLL_INTERVAL_MS = 30000;
+const LEARNING_POLL_TIMEOUT_MS = 600000;
+
+// Canonical repository name, sourced once from the shared Optimize context. This
+// is the machine-readable identifier used in API URLs and POST payloads (never
+// the human-facing display name).
+let currentRepoName = null;
+
+/**
+ * Initialize the Learn Repository feature.
+ * @param {{repoName: (string|null)}} [context] - Shared Optimize context.
+ */
+async function initLearnRepository(context = (0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.getOptimizeContext)()) {
+    currentRepoName = context && context.repoName;
+    if (!currentRepoName) {
+        console.error('Repository name not available');
+        return;
+    }
+
+    try {
+        // Fetch initial status
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.apiCall)(
+            `/optimize/learn-repository/${(0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.encodePathSegment)(currentRepoName)}/status`,
+            'GET'
+        );
+        if (data) {
+            renderUI(data);
+        } else {
+            showStatusMessage('Failed to load repository learning status', 'error');
+        }
+    } catch (error) {
+        console.error('Error fetching learn repository status:', error);
+        showStatusMessage('Error loading repository learning status', 'error');
+    }
+
+    // Set up event listeners
+    setupEventListeners();
+}
+
+function updateLatestLearnRepositoryStatus(data) {
+    if (!data) return;
+    latestLearnRepositoryStatus = data;
+}
+
+/**
+ * Render every Learn Repository section from a status payload. Each section is
+ * normalized by the pure adapter and rendered declaratively by the renderer.
+ * When the server reports a run in progress and no poll is active, a global poll
+ * is started (idempotent — safe to call from re-renders inside the poll itself).
+ * @param {Object} data
+ */
+function renderUI(data) {
+    updateLatestLearnRepositoryStatus(data);
+
+    const normalized = (0,_optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.adaptLearnRepositoryStatus)(data);
+
+    _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.ANALYSIS_TYPES.forEach((type) => {
+        (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.renderLearnRepositorySection)(type, data[type] || {});
+    });
+
+    if (normalized.learningInProgress && !activePolls.get(GLOBAL_LEARNING_POLL_KEY)) {
+        pollLearningStatus();
+    }
+}
+
+function setupEventListeners() {
+    // Approve buttons for each analysis type
+    _optimize_status_adapters_js__WEBPACK_IMPORTED_MODULE_3__.ANALYSIS_TYPES.forEach((type) => {
+        const sectionId = (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.getSectionId)(type);
+        const approveBtn = document.getElementById(`lr-${sectionId}-approve`);
+        if (approveBtn) {
+            approveBtn.addEventListener('click', () => handleApprove(type));
+        }
+
+        // Save buttons
+        const saveBtn = document.getElementById(`lr-${sectionId}-save`);
+        if (saveBtn) {
+            saveBtn.addEventListener('click', () => handleSaveInstructions(type));
+        }
+    });
+
+    // Reanalyze controls — now <button>s; reveal options instead of direct-fire.
+    document.querySelectorAll('.lr-reanalyze-link').forEach((link) => {
+        link.addEventListener('click', () => {
+            link.classList.add('hidden');
+            const container = link.closest('.reanalyze-container');
+            const optionsWrapper = container?.querySelector('.lr-reanalyze-options');
+            optionsWrapper?.classList.remove('hidden');
+            const defaultRadio = optionsWrapper?.querySelector('input[value="auto_complete"]');
+            defaultRadio?.focus();
+        });
+    });
+
+    // Confirm buttons — invoke handleReanalyze
+    document.querySelectorAll('.lr-reanalyze-confirm-btn').forEach((btn) => {
+        btn.addEventListener('click', (e) => {
+            e.preventDefault();
+            handleReanalyze(btn.dataset.analysisType);
+        });
+    });
+
+    // Cancel buttons — collapse options back to initial state
+    document.querySelectorAll('.lr-reanalyze-cancel-btn').forEach((btn) => {
+        btn.addEventListener('click', (e) => {
+            e.preventDefault();
+            const container = btn.closest('.reanalyze-container');
+            const optionsWrapper = container?.querySelector('.lr-reanalyze-options');
+            const reanalyzeLink = container?.querySelector('.lr-reanalyze-link');
+            optionsWrapper?.classList.add('hidden');
+            reanalyzeLink?.classList.remove('hidden');
+            // Reset radio selection to auto_complete
+            const defaultRadio = optionsWrapper?.querySelector('input[value="auto_complete"]');
+            if (defaultRadio) defaultRadio.checked = true;
+            reanalyzeLink?.focus();
+        });
+    });
+
+    // Accept/Discard draft buttons
+    document.querySelectorAll('.lr-accept-draft-btn').forEach((btn) => {
+        btn.addEventListener('click', () => handleAcceptDraft(btn.dataset.analysisType));
+    });
+    document.querySelectorAll('.lr-discard-draft-btn').forEach((btn) => {
+        btn.addEventListener('click', () => handleDiscardDraft(btn.dataset.analysisType));
+    });
+
+    // Per-section "Run Analysis" buttons for empty sections (the single start path)
+    document.querySelectorAll('.lr-initial-analyze-btn').forEach((btn) => {
+        btn.addEventListener('click', () => handleInitialAnalyze(btn.dataset.analysisType));
+    });
+}
+
+function stopGlobalLearningPoll() {
+    const controller = activePolls.get(GLOBAL_LEARNING_POLL_KEY);
+    if (controller) {
+        controller.abort();
+        activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
+    }
+}
+
+function pollLearningStatus() {
+    stopGlobalLearningPoll();
+
+    const controller = new AbortController();
+    activePolls.set(GLOBAL_LEARNING_POLL_KEY, controller);
+    const statusUrl = `/optimize/learn-repository/${(0,_optimize_context_js__WEBPACK_IMPORTED_MODULE_2__.encodePathSegment)(currentRepoName)}/status`;
+
+    // Note: a full 'all' run can take ~30 minutes, longer than
+    // LEARNING_POLL_TIMEOUT_MS — once the timeout fires the user sees a refresh
+    // prompt; on refresh, renderUI's learning_in_progress branch resumes polling.
+    (0,_optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__.pollUntil)(statusUrl, (data) => data != null && data.learning_in_progress !== true, {
+        intervalMs: LEARNING_POLL_INTERVAL_MS,
+        timeoutMs: LEARNING_POLL_TIMEOUT_MS,
+        continueOnError: true,
+        signal: controller.signal,
+        onTick: (data) => {
+            updateLatestLearnRepositoryStatus(data);
+            renderUI(data);
+        },
+    })
+        .then(() => {
+            activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
+            showStatusMessage('Learning analysis complete. Review any generated clarifications below.', 'success');
+        })
+        .catch((error) => {
+            if (error && error.name === 'AbortError') return;
+            activePolls.delete(GLOBAL_LEARNING_POLL_KEY);
+            if (error instanceof _optimize_polling_js__WEBPACK_IMPORTED_MODULE_4__.PollTimeoutError) {
+                showStatusMessage(
+                    'Learning is taking longer than expected. Please refresh the page to see the latest status.',
+                    'error'
+                );
+            } else {
+                console.error('Global learning poll error:', error);
+            }
+        });
+}
+
+async function handleApprove(analysisType) {
+    const sectionId = (0,_optimize_learn_repository_renderer_js__WEBPACK_IMPORTED_MODULE_6__.getSectionId)(analysisType);
+
+    const confirmText = 'Are you sure you want to approve these clarifications? (You will still be able to edit this later in the configuration panel if needed)';
+
+    const confirmed = await showConfirmationModal('Confirm Approval', confirmText);
+
+    if (!confirmed) {
+        return;
+    }
+
+    const button = document.getElementById(`lr-${sectionId}-approve`);
+    const textarea = document.getElementById(`lr-${sectionId}-textarea`);
+    const originalText = button ? button.textContent : null;
+
+    // Get the edited clarifications text from the textarea
+    const editedClarifications = textarea ? textarea.value : '';
+
+    try {
+        // Disable button and show loading state
+        if (button) {
+            button.disabled = true;
             button.textContent = 'Processing...';
         }
 
@@ -4000,16 +5045,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   getChangedFieldEntries: () => (/* binding */ getChangedFieldEntries),
 /* harmony export */   getCiFollowupConfigCanonicalString: () => (/* binding */ getCiFollowupConfigCanonicalString),
 /* harmony export */   getPayloadValueForField: () => (/* binding */ getPayloadValueForField),
+/* harmony export */   getReviewPolicyOverridesCanonicalString: () => (/* binding */ getReviewPolicyOverridesCanonicalString),
+/* harmony export */   getReviewPolicyOverridesObject: () => (/* binding */ getReviewPolicyOverridesObject),
 /* harmony export */   getSelectedCiFollowupStrategy: () => (/* binding */ getSelectedCiFollowupStrategy),
 /* harmony export */   getSelectedMcpSlugs: () => (/* binding */ getSelectedMcpSlugs),
 /* harmony export */   getUtf8ByteLength: () => (/* binding */ getUtf8ByteLength),
 /* harmony export */   handleBlurValidation: () => (/* binding */ handleBlurValidation),
 /* harmony export */   handleInputClearError: () => (/* binding */ handleInputClearError),
+/* harmony export */   handleReviewPolicyResetAll: () => (/* binding */ handleReviewPolicyResetAll),
 /* harmony export */   handleSaveProject: () => (/* binding */ handleSaveProject),
 /* harmony export */   normalizeStringArrayValue: () => (/* binding */ normalizeStringArrayValue),
 /* harmony export */   populateCiFollowupConfig: () => (/* binding */ populateCiFollowupConfig),
 /* harmony export */   populateMcpDocSelector: () => (/* binding */ populateMcpDocSelector),
 /* harmony export */   populateProjectForms: () => (/* binding */ populateProjectForms),
+/* harmony export */   populateReviewPolicyOverrides: () => (/* binding */ populateReviewPolicyOverrides),
 /* harmony export */   rebuildSecondOpinionProviderOptions: () => (/* binding */ rebuildSecondOpinionProviderOptions),
 /* harmony export */   resetProjectDetailBaseline: () => (/* binding */ resetProjectDetailBaseline),
 /* harmony export */   setupConditionalVisibilityListeners: () => (/* binding */ setupConditionalVisibilityListeners),
@@ -4018,7 +5067,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   toggleDeepResearchTimeoutVisibility: () => (/* binding */ toggleDeepResearchTimeoutVisibility),
 /* harmony export */   toggleStoryPointsFieldVisibility: () => (/* binding */ toggleStoryPointsFieldVisibility),
 /* harmony export */   updateCiFollowupInstructionsByteCounter: () => (/* binding */ updateCiFollowupInstructionsByteCounter),
-/* harmony export */   validateInput: () => (/* binding */ validateInput)
+/* harmony export */   validateInput: () => (/* binding */ validateInput),
+/* harmony export */   validateReviewPolicyOverrides: () => (/* binding */ validateReviewPolicyOverrides)
 /* harmony export */ });
 /* harmony import */ var _modal_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modal.js */ "./src/js/modal.js");
 /* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils.js */ "./src/js/utils.js");
@@ -4155,113 +5205,617 @@ function setCiFollowupControlValues(config) {
     document.querySelectorAll('input[name="ci_followup_strategy"]').forEach(radio => {
         radio.checked = radio.value === config.strategy;
     });
-    const maxIterationsEl = document.getElementById('ci_followup_max_iterations');
-    if (maxIterationsEl) maxIterationsEl.value = config.max_iterations;
-    const maxMinutesEl = document.getElementById('ci_followup_max_minutes');
-    if (maxMinutesEl) maxMinutesEl.value = config.max_minutes;
-    const instructionsEl = document.getElementById('ci_followup_instructions');
-    if (instructionsEl) instructionsEl.value = config.instructions;
+    const maxIterationsEl = document.getElementById('ci_followup_max_iterations');
+    if (maxIterationsEl) maxIterationsEl.value = config.max_iterations;
+    const maxMinutesEl = document.getElementById('ci_followup_max_minutes');
+    if (maxMinutesEl) maxMinutesEl.value = config.max_minutes;
+    const instructionsEl = document.getElementById('ci_followup_instructions');
+    if (instructionsEl) instructionsEl.value = config.instructions;
+}
+
+/**
+ * Update the byte counter text and over-limit class for the ci_followup
+ * instructions textarea.
+ */
+function updateCiFollowupInstructionsByteCounter() {
+    const counter = document.getElementById('ci_followup_instructions_byte_count');
+    if (!counter) return;
+    const instructionsEl = document.getElementById('ci_followup_instructions');
+    const byteLength = getUtf8ByteLength(instructionsEl ? instructionsEl.value : '');
+    counter.textContent = `${byteLength}/${CI_FOLLOWUP_INSTRUCTIONS_MAX_BYTES} bytes`;
+    counter.classList.toggle('over-limit', byteLength > CI_FOLLOWUP_INSTRUCTIONS_MAX_BYTES);
+}
+
+/**
+ * Apply strategy-specific state to the instructions textarea: poll_only disables
+ * (and, for a user-initiated change, clears) instructions; custom makes them
+ * required; fix_and_iterate makes them optional. Initial population passes
+ * `clearInstructionsOnPollOnly: false` so MCP-authored poll_only instructions
+ * survive page load.
+ * @param {{clearInstructionsOnPollOnly?: boolean}} [options]
+ */
+function applyCiFollowupStrategyState(options = {}) {
+    const { clearInstructionsOnPollOnly = true } = options;
+    const strategy = getSelectedCiFollowupStrategy();
+    const instructionsEl = document.getElementById('ci_followup_instructions');
+    if (instructionsEl) {
+        if (strategy === 'poll_only') {
+            if (clearInstructionsOnPollOnly) instructionsEl.value = '';
+            instructionsEl.disabled = true;
+            instructionsEl.required = false;
+        } else if (strategy === 'custom') {
+            instructionsEl.disabled = false;
+            instructionsEl.required = true;
+        } else { // fix_and_iterate
+            instructionsEl.disabled = false;
+            instructionsEl.required = false;
+        }
+    }
+    updateCiFollowupInstructionsByteCounter();
+}
+
+/**
+ * Show/hide and enable/disable the CI Follow-up inner controls based on the enable
+ * checkbox. Off: hide via `.hidden` and disable every inner input. On: reveal and
+ * re-enable, then apply strategy-specific instruction state (without clearing).
+ */
+function toggleCiFollowupControlsVisibility() {
+    const enabled = document.getElementById('ci_followup_enabled');
+    const controls = document.getElementById('ci_followup_controls');
+    if (!controls) return;
+    const isOn = !!(enabled && enabled.checked);
+    const innerInputs = controls.querySelectorAll('input, textarea, select');
+    if (isOn) {
+        controls.classList.remove('hidden');
+        innerInputs.forEach(el => { el.disabled = false; });
+        applyCiFollowupStrategyState({ clearInstructionsOnPollOnly: false });
+    } else {
+        controls.classList.add('hidden');
+        innerInputs.forEach(el => { el.disabled = true; });
+    }
+}
+
+/**
+ * Initialize the CI Follow-up sub-section from the GET value. Accepts the raw DB
+ * value (canonical JSON string), an already-parsed object, or null/empty/invalid.
+ * Invalid or empty values disable the feature and reset inner controls to defaults;
+ * a valid config enables it and populates every control, preserving stored
+ * instructions even for poll_only so MCP-authored values are not silently altered.
+ * @param {string|Object|null} rawValue
+ */
+function populateCiFollowupConfig(rawValue) {
+    const enabledEl = document.getElementById('ci_followup_enabled');
+    let config = null;
+    if (rawValue && typeof rawValue === 'object') {
+        config = rawValue;
+    } else if (typeof rawValue === 'string' && rawValue.trim() !== '') {
+        try {
+            config = JSON.parse(rawValue);
+        } catch (e) {
+            config = null;
+        }
+    }
+
+    if (!config || Array.isArray(config) || typeof config !== 'object') {
+        if (enabledEl) enabledEl.checked = false;
+        setCiFollowupControlValues(CI_FOLLOWUP_DEFAULTS);
+        toggleCiFollowupControlsVisibility();
+        return;
+    }
+
+    if (enabledEl) enabledEl.checked = true;
+    setCiFollowupControlValues({
+        strategy: config.strategy || CI_FOLLOWUP_DEFAULTS.strategy,
+        max_iterations: config.max_iterations != null ? config.max_iterations : CI_FOLLOWUP_DEFAULTS.max_iterations,
+        max_minutes: config.max_minutes != null ? config.max_minutes : CI_FOLLOWUP_DEFAULTS.max_minutes,
+        instructions: typeof config.instructions === 'string' ? config.instructions : CI_FOLLOWUP_DEFAULTS.instructions,
+    });
+    // Reveals the controls and applies strategy state without clearing instructions.
+    toggleCiFollowupControlsVisibility();
+}
+
+// --- Difficulty-adaptive review policy overrides (BAPI-579; admin-only) ---
+// Six fixed difficulty buckets over the 1-10 scale. Each `slug` is the lowercased,
+// hyphenated bucket label used for the stable data-testid selectors. `range` is
+// display-only (boundaries are NOT editable). The bucket labels and the default
+// ladder below are kept byte-identical to the backend
+// (api/library/review_ticket_policy.py) so a stored override round-trips exactly.
+const REVIEW_POLICY_BUCKETS = Object.freeze([
+    { name: 'Very Easy', slug: 'very-easy', range: '1' },
+    { name: 'Easy', slug: 'easy', range: '2' },
+    { name: 'Easy-Moderate', slug: 'easy-moderate', range: '3-4' },
+    { name: 'Moderate', slug: 'moderate', range: '5' },
+    { name: 'Moderate-Hard', slug: 'moderate-hard', range: '6' },
+    { name: 'Hard', slug: 'hard', range: '7-10' },
+]);
+
+// The two per-bucket automations and their coarse per-round tiers. `clarify` must
+// keep at least one round; `critique` may be empty (skipped). Max two rounds each.
+const REVIEW_POLICY_AUTOMATIONS = Object.freeze(['clarify', 'critique']);
+const REVIEW_POLICY_AUTOMATION_LABELS = Object.freeze({ clarify: 'Clarify', critique: 'Critique' });
+const REVIEW_POLICY_TIERS = Object.freeze(['cheap', 'basic', 'premium']);
+const REVIEW_POLICY_TIER_LABELS = Object.freeze({ cheap: 'Cheap', basic: 'Basic', premium: 'Premium' });
+const REVIEW_POLICY_MAX_ROUNDS = 2;
+// Tier a freshly-added round starts on before the admin chooses a value.
+const REVIEW_POLICY_DEFAULT_NEW_TIER = 'basic';
+
+// Built-in default ladder (mirrors DEFAULT_REVIEW_POLICY_LADDER on the backend).
+// Each bucket is the same {clarify:[tier...], critique:[tier...]} shape a stored
+// override uses; an empty critique list means that automation is skipped.
+const DEFAULT_REVIEW_POLICY_LADDER = Object.freeze({
+    'Very Easy': { clarify: ['basic'], critique: [] },
+    'Easy': { clarify: ['basic', 'basic'], critique: [] },
+    'Easy-Moderate': { clarify: ['premium', 'basic'], critique: [] },
+    'Moderate': { clarify: ['premium', 'premium'], critique: ['basic'] },
+    'Moderate-Hard': { clarify: ['premium'], critique: ['premium'] },
+    'Hard': { clarify: ['premium', 'premium'], critique: ['premium', 'premium'] },
+});
+
+// In-memory editor state: { bucketName: { clarify: [tier...], critique: [tier...] } }
+// covering all six buckets. `null` until the editor is populated. Both the hidden
+// carrier input and the sparse-save descriptor serialize from this single source.
+let reviewPolicyState = null;
+
+/**
+ * Deep copy of one bucket's built-in default policy.
+ * @param {string} name - bucket display name
+ * @returns {{clarify:Array<string>, critique:Array<string>}}
+ */
+function getReviewPolicyBucketDefault(name) {
+    const def = DEFAULT_REVIEW_POLICY_LADDER[name];
+    return { clarify: def.clarify.slice(), critique: def.critique.slice() };
+}
+
+/**
+ * Fresh full-ladder state deep-copied from the built-in defaults.
+ * @returns {Object<string, {clarify:Array<string>, critique:Array<string>}>}
+ */
+function cloneReviewPolicyLadder() {
+    const ladder = {};
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        ladder[bucket.name] = getReviewPolicyBucketDefault(bucket.name);
+    });
+    return ladder;
+}
+
+/**
+ * Whether a bucket's current state equals its built-in default (order-sensitive).
+ * @param {string} name - bucket display name
+ * @returns {boolean}
+ */
+function reviewPolicyBucketMatchesDefault(name) {
+    if (!reviewPolicyState || !reviewPolicyState[name]) return true;
+    const current = reviewPolicyState[name];
+    const def = DEFAULT_REVIEW_POLICY_LADDER[name];
+    return (
+        JSON.stringify(current.clarify) === JSON.stringify(def.clarify) &&
+        JSON.stringify(current.critique) === JSON.stringify(def.critique)
+    );
+}
+
+/**
+ * The sparse overrides object: only buckets that DIFFER from their default,
+ * inserted in the fixed bucket order with clarify before critique so a
+ * JSON.stringify of the result is deterministic. `{}` when everything is default.
+ * @returns {Object<string, {clarify:Array<string>, critique:Array<string>}>}
+ */
+function getReviewPolicyOverridesObject() {
+    const overrides = {};
+    if (!reviewPolicyState) return overrides;
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        if (!reviewPolicyBucketMatchesDefault(bucket.name)) {
+            const current = reviewPolicyState[bucket.name];
+            overrides[bucket.name] = {
+                clarify: current.clarify.slice(),
+                critique: current.critique.slice(),
+            };
+        }
+    });
+    return overrides;
+}
+
+/**
+ * Canonical serialized overrides value for the sparse-save text descriptor and the
+ * hidden carrier input. `'{}'` when every bucket matches its default.
+ * @returns {string}
+ */
+function getReviewPolicyOverridesCanonicalString() {
+    return JSON.stringify(getReviewPolicyOverridesObject());
+}
+
+/**
+ * Push the canonical overrides value onto the hidden carrier input (form-submission
+ * contract). The sparse-save flow reads from the descriptor, so this only keeps the
+ * DOM carrier in sync; it is a no-op when the editor is absent.
+ */
+function syncReviewPolicyHiddenInput() {
+    const input = document.getElementById('review_policy_overrides_input');
+    if (input) input.value = getReviewPolicyOverridesCanonicalString();
+}
+
+/**
+ * Local validation for one bucket's state. Returns an error message string, or ''
+ * when the bucket is valid. Mirrors the backend contract: at most two rounds per
+ * automation, every tier known, and at least one clarify round.
+ * @param {string} name - bucket display name
+ * @returns {string}
+ */
+function validateReviewPolicyBucket(name) {
+    if (!reviewPolicyState || !reviewPolicyState[name]) return '';
+    const current = reviewPolicyState[name];
+    for (const automation of REVIEW_POLICY_AUTOMATIONS) {
+        const rounds = current[automation];
+        const label = REVIEW_POLICY_AUTOMATION_LABELS[automation];
+        if (rounds.length > REVIEW_POLICY_MAX_ROUNDS) {
+            return `${label} allows at most ${REVIEW_POLICY_MAX_ROUNDS} rounds.`;
+        }
+        for (const tier of rounds) {
+            if (!REVIEW_POLICY_TIERS.includes(tier)) {
+                return `Invalid ${label.toLowerCase()} tier selected.`;
+            }
+        }
+    }
+    if (current.clarify.length < 1) {
+        return 'Clarify must have at least one round.';
+    }
+    return '';
+}
+
+/**
+ * Set (or clear) a bucket's error container. Uses the shared `.visible` toggle so
+ * no inline display is mutated.
+ * @param {string} slug - bucket slug
+ * @param {string} message - error text ('' clears it)
+ */
+function setReviewPolicyBucketError(slug, message) {
+    const errorEl = document.querySelector(`[data-testid="review-policy-bucket-${slug}-error"]`);
+    if (!errorEl) return;
+    errorEl.textContent = message || '';
+    errorEl.classList.toggle('visible', !!message);
+}
+
+/**
+ * Validate every bucket, painting per-bucket errors. Returns false if any bucket is
+ * invalid. Safe to call when the editor is absent (returns true).
+ * @returns {boolean}
+ */
+function validateReviewPolicyOverrides() {
+    if (!reviewPolicyState) return true;
+    let allValid = true;
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        const message = validateReviewPolicyBucket(bucket.name);
+        setReviewPolicyBucketError(bucket.slug, message);
+        const card = document.querySelector(`[data-testid="review-policy-bucket-${bucket.slug}"]`);
+        if (card) card.classList.toggle('review-policy-bucket-card--invalid', !!message);
+        if (message) allValid = false;
+    });
+    return allValid;
+}
+
+/**
+ * Refresh a bucket's default/override state label plus its error/invalid painting
+ * from the current state. Called after every edit.
+ * @param {{name:string, slug:string}} bucket
+ */
+function updateReviewPolicyBucketStatus(bucket) {
+    const stateEl = document.querySelector(`[data-testid="review-policy-bucket-${bucket.slug}-state"]`);
+    const isDefault = reviewPolicyBucketMatchesDefault(bucket.name);
+    if (stateEl) {
+        stateEl.textContent = isDefault ? 'Using built-in defaults' : 'Override active';
+        stateEl.classList.toggle('review-policy-state--default', isDefault);
+        stateEl.classList.toggle('review-policy-state--override', !isDefault);
+    }
+    const message = validateReviewPolicyBucket(bucket.name);
+    setReviewPolicyBucketError(bucket.slug, message);
+    const card = document.querySelector(`[data-testid="review-policy-bucket-${bucket.slug}"]`);
+    if (card) card.classList.toggle('review-policy-bucket-card--invalid', !!message);
+}
+
+/**
+ * Common post-edit refresh: repaint the bucket status and re-sync the hidden input.
+ * @param {{name:string, slug:string}} bucket
+ */
+function afterReviewPolicyChange(bucket) {
+    updateReviewPolicyBucketStatus(bucket);
+    syncReviewPolicyHiddenInput();
+}
+
+/**
+ * Build one per-round row: a tier <select> plus a remove-round button. The remove
+ * button is disabled for a clarify group's last remaining round (clarify >= 1).
+ * @param {{name:string, slug:string}} bucket
+ * @param {string} automation - 'clarify' | 'critique'
+ * @param {number} idx - zero-based round index
+ * @param {string} tier - current tier value
+ * @param {number} roundCount - total rounds currently in this automation
+ * @returns {HTMLElement}
+ */
+function renderReviewPolicyRoundRow(bucket, automation, idx, tier, roundCount) {
+    const row = document.createElement('div');
+    row.className = 'review-policy-round';
+
+    const label = document.createElement('label');
+    label.className = 'review-policy-round-label';
+
+    const labelText = document.createElement('span');
+    labelText.className = 'review-policy-round-label-text';
+    labelText.textContent = `Round ${idx + 1}`;
+    label.appendChild(labelText);
+
+    const select = document.createElement('select');
+    select.className = 'review-policy-tier-select';
+    select.setAttribute('data-testid', `review-policy-${bucket.slug}-${automation}-round-${idx + 1}-tier`);
+    REVIEW_POLICY_TIERS.forEach(tierValue => {
+        const option = document.createElement('option');
+        option.value = tierValue;
+        option.textContent = REVIEW_POLICY_TIER_LABELS[tierValue];
+        if (tierValue === tier) option.selected = true;
+        select.appendChild(option);
+    });
+    select.addEventListener('change', () => {
+        reviewPolicyState[bucket.name][automation][idx] = select.value;
+        afterReviewPolicyChange(bucket);
+    });
+    label.appendChild(select);
+    row.appendChild(label);
+
+    const removeBtn = document.createElement('button');
+    removeBtn.type = 'button';
+    removeBtn.className = 'review-policy-remove-round';
+    removeBtn.setAttribute('data-testid', `review-policy-${bucket.slug}-${automation}-remove-round-${idx + 1}`);
+    removeBtn.textContent = 'Remove round';
+    if (automation === 'clarify' && roundCount <= 1) {
+        removeBtn.disabled = true;
+    }
+    removeBtn.addEventListener('click', () => handleReviewPolicyRemoveRound(bucket, automation, idx));
+    row.appendChild(removeBtn);
+
+    return row;
+}
+
+/**
+ * Build one automation group (clarify or critique) with its round rows and an
+ * add-round button (disabled at the two-round cap).
+ * @param {{name:string, slug:string}} bucket
+ * @param {string} automation - 'clarify' | 'critique'
+ * @returns {HTMLElement}
+ */
+function renderReviewPolicyGroup(bucket, automation) {
+    const rounds = reviewPolicyState[bucket.name][automation];
+    const group = document.createElement('div');
+    group.className = 'review-policy-group';
+    group.setAttribute('data-testid', `review-policy-${bucket.slug}-${automation}-group`);
+
+    const title = document.createElement('div');
+    title.className = 'review-policy-group-title';
+    title.textContent = REVIEW_POLICY_AUTOMATION_LABELS[automation];
+    group.appendChild(title);
+
+    const roundsWrap = document.createElement('div');
+    roundsWrap.className = 'review-policy-rounds';
+    if (rounds.length === 0) {
+        const empty = document.createElement('p');
+        empty.className = 'review-policy-empty';
+        empty.textContent = 'Skipped (no rounds)';
+        roundsWrap.appendChild(empty);
+    } else {
+        rounds.forEach((tier, idx) => {
+            roundsWrap.appendChild(renderReviewPolicyRoundRow(bucket, automation, idx, tier, rounds.length));
+        });
+    }
+    group.appendChild(roundsWrap);
+
+    const addBtn = document.createElement('button');
+    addBtn.type = 'button';
+    addBtn.className = 'review-policy-add-round';
+    addBtn.setAttribute('data-testid', `review-policy-${bucket.slug}-${automation}-add-round`);
+    addBtn.textContent = 'Add round';
+    if (rounds.length >= REVIEW_POLICY_MAX_ROUNDS) {
+        addBtn.disabled = true;
+    }
+    addBtn.addEventListener('click', () => handleReviewPolicyAddRound(bucket, automation));
+    group.appendChild(addBtn);
+
+    return group;
+}
+
+/**
+ * Build one bucket card: header (name, fixed range, state label, reset button),
+ * error container, and the clarify/critique groups. All text is set via
+ * textContent, so no unescaped values reach the DOM.
+ * @param {{name:string, slug:string, range:string}} bucket
+ * @returns {HTMLElement}
+ */
+function renderReviewPolicyBucketCard(bucket) {
+    const card = document.createElement('div');
+    card.className = 'review-policy-bucket-card';
+    card.setAttribute('data-testid', `review-policy-bucket-${bucket.slug}`);
+
+    const header = document.createElement('div');
+    header.className = 'review-policy-bucket-header';
+
+    const heading = document.createElement('div');
+    heading.className = 'review-policy-bucket-heading';
+    const nameEl = document.createElement('span');
+    nameEl.className = 'review-policy-bucket-name';
+    nameEl.textContent = bucket.name;
+    const rangeEl = document.createElement('span');
+    rangeEl.className = 'review-policy-bucket-range';
+    rangeEl.textContent = `Difficulty ${bucket.range}`;
+    heading.appendChild(nameEl);
+    heading.appendChild(rangeEl);
+    header.appendChild(heading);
+
+    const stateEl = document.createElement('span');
+    stateEl.className = 'review-policy-state';
+    stateEl.setAttribute('data-testid', `review-policy-bucket-${bucket.slug}-state`);
+    header.appendChild(stateEl);
+
+    const resetBtn = document.createElement('button');
+    resetBtn.type = 'button';
+    resetBtn.className = 'review-policy-reset-bucket';
+    resetBtn.setAttribute('data-testid', `review-policy-${bucket.slug}-reset`);
+    resetBtn.textContent = 'Reset bucket';
+    resetBtn.addEventListener('click', () => handleReviewPolicyResetBucket(bucket));
+    header.appendChild(resetBtn);
+
+    card.appendChild(header);
+
+    const errorEl = document.createElement('div');
+    errorEl.className = 'form-error review-policy-bucket-error';
+    errorEl.setAttribute('data-testid', `review-policy-bucket-${bucket.slug}-error`);
+    card.appendChild(errorEl);
+
+    const groups = document.createElement('div');
+    groups.className = 'review-policy-groups';
+    REVIEW_POLICY_AUTOMATIONS.forEach(automation => {
+        groups.appendChild(renderReviewPolicyGroup(bucket, automation));
+    });
+    card.appendChild(groups);
+
+    return card;
+}
+
+/**
+ * Replace one bucket card in place (used after a structural add/remove/reset).
+ * @param {{name:string, slug:string, range:string}} bucket
+ */
+function refreshReviewPolicyBucketCard(bucket) {
+    const existing = document.querySelector(`[data-testid="review-policy-bucket-${bucket.slug}"]`);
+    if (!existing || !existing.parentNode) return;
+    existing.parentNode.replaceChild(renderReviewPolicyBucketCard(bucket), existing);
+    updateReviewPolicyBucketStatus(bucket);
+}
+
+/**
+ * Build the compact 1-10 boundary reference strip (display-only, not editable).
+ */
+function renderReviewPolicyBoundaryStrip() {
+    const strip = document.getElementById('review_policy_boundary_strip');
+    if (!strip) return;
+    strip.textContent = '';
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        const item = document.createElement('span');
+        item.className = 'review-policy-boundary-item';
+        const label = document.createElement('span');
+        label.className = 'review-policy-boundary-label';
+        label.textContent = bucket.name;
+        const range = document.createElement('span');
+        range.className = 'review-policy-boundary-range';
+        range.textContent = bucket.range;
+        item.appendChild(label);
+        item.appendChild(range);
+        strip.appendChild(item);
+    });
+}
+
+/**
+ * Render the full editor (boundary strip + all six bucket cards) from state, then
+ * paint each bucket's status. No-op when the editor root is absent.
+ */
+function renderReviewPolicyEditor() {
+    const container = document.getElementById('review_policy_buckets');
+    if (!container || !reviewPolicyState) return;
+    renderReviewPolicyBoundaryStrip();
+    container.textContent = '';
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        container.appendChild(renderReviewPolicyBucketCard(bucket));
+    });
+    REVIEW_POLICY_BUCKETS.forEach(bucket => updateReviewPolicyBucketStatus(bucket));
 }
 
 /**
- * Update the byte counter text and over-limit class for the ci_followup
- * instructions textarea.
+ * Add a round (at the built-in new-round tier) to a bucket's automation, capped at
+ * two rounds, then refresh the card.
+ * @param {{name:string, slug:string, range:string}} bucket
+ * @param {string} automation - 'clarify' | 'critique'
  */
-function updateCiFollowupInstructionsByteCounter() {
-    const counter = document.getElementById('ci_followup_instructions_byte_count');
-    if (!counter) return;
-    const instructionsEl = document.getElementById('ci_followup_instructions');
-    const byteLength = getUtf8ByteLength(instructionsEl ? instructionsEl.value : '');
-    counter.textContent = `${byteLength}/${CI_FOLLOWUP_INSTRUCTIONS_MAX_BYTES} bytes`;
-    counter.classList.toggle('over-limit', byteLength > CI_FOLLOWUP_INSTRUCTIONS_MAX_BYTES);
+function handleReviewPolicyAddRound(bucket, automation) {
+    const rounds = reviewPolicyState[bucket.name][automation];
+    if (rounds.length >= REVIEW_POLICY_MAX_ROUNDS) return;
+    rounds.push(REVIEW_POLICY_DEFAULT_NEW_TIER);
+    refreshReviewPolicyBucketCard(bucket);
+    afterReviewPolicyChange(bucket);
 }
 
 /**
- * Apply strategy-specific state to the instructions textarea: poll_only disables
- * (and, for a user-initiated change, clears) instructions; custom makes them
- * required; fix_and_iterate makes them optional. Initial population passes
- * `clearInstructionsOnPollOnly: false` so MCP-authored poll_only instructions
- * survive page load.
- * @param {{clearInstructionsOnPollOnly?: boolean}} [options]
+ * Remove a round from a bucket's automation. Clarify can never drop below one round.
+ * @param {{name:string, slug:string, range:string}} bucket
+ * @param {string} automation - 'clarify' | 'critique'
+ * @param {number} idx - zero-based round index to remove
  */
-function applyCiFollowupStrategyState(options = {}) {
-    const { clearInstructionsOnPollOnly = true } = options;
-    const strategy = getSelectedCiFollowupStrategy();
-    const instructionsEl = document.getElementById('ci_followup_instructions');
-    if (instructionsEl) {
-        if (strategy === 'poll_only') {
-            if (clearInstructionsOnPollOnly) instructionsEl.value = '';
-            instructionsEl.disabled = true;
-            instructionsEl.required = false;
-        } else if (strategy === 'custom') {
-            instructionsEl.disabled = false;
-            instructionsEl.required = true;
-        } else { // fix_and_iterate
-            instructionsEl.disabled = false;
-            instructionsEl.required = false;
-        }
-    }
-    updateCiFollowupInstructionsByteCounter();
+function handleReviewPolicyRemoveRound(bucket, automation, idx) {
+    const rounds = reviewPolicyState[bucket.name][automation];
+    if (automation === 'clarify' && rounds.length <= 1) return;
+    rounds.splice(idx, 1);
+    refreshReviewPolicyBucketCard(bucket);
+    afterReviewPolicyChange(bucket);
 }
 
 /**
- * Show/hide and enable/disable the CI Follow-up inner controls based on the enable
- * checkbox. Off: hide via `.hidden` and disable every inner input. On: reveal and
- * re-enable, then apply strategy-specific instruction state (without clearing).
+ * Reset one bucket to its built-in default and refresh the card.
+ * @param {{name:string, slug:string, range:string}} bucket
  */
-function toggleCiFollowupControlsVisibility() {
-    const enabled = document.getElementById('ci_followup_enabled');
-    const controls = document.getElementById('ci_followup_controls');
-    if (!controls) return;
-    const isOn = !!(enabled && enabled.checked);
-    const innerInputs = controls.querySelectorAll('input, textarea, select');
-    if (isOn) {
-        controls.classList.remove('hidden');
-        innerInputs.forEach(el => { el.disabled = false; });
-        applyCiFollowupStrategyState({ clearInstructionsOnPollOnly: false });
-    } else {
-        controls.classList.add('hidden');
-        innerInputs.forEach(el => { el.disabled = true; });
-    }
+function handleReviewPolicyResetBucket(bucket) {
+    if (!reviewPolicyState) return;
+    reviewPolicyState[bucket.name] = getReviewPolicyBucketDefault(bucket.name);
+    refreshReviewPolicyBucketCard(bucket);
+    afterReviewPolicyChange(bucket);
 }
 
 /**
- * Initialize the CI Follow-up sub-section from the GET value. Accepts the raw DB
- * value (canonical JSON string), an already-parsed object, or null/empty/invalid.
- * Invalid or empty values disable the feature and reset inner controls to defaults;
- * a valid config enables it and populates every control, preserving stored
- * instructions even for poll_only so MCP-authored values are not silently altered.
- * @param {string|Object|null} rawValue
+ * Reset every bucket to its built-in default and re-render the whole editor.
  */
-function populateCiFollowupConfig(rawValue) {
-    const enabledEl = document.getElementById('ci_followup_enabled');
-    let config = null;
-    if (rawValue && typeof rawValue === 'object') {
-        config = rawValue;
+function handleReviewPolicyResetAll() {
+    if (!reviewPolicyState) return;
+    reviewPolicyState = cloneReviewPolicyLadder();
+    renderReviewPolicyEditor();
+    syncReviewPolicyHiddenInput();
+}
+
+/**
+ * Initialize the review-policy editor from the stored GET value. Accepts a parsed
+ * object, a JSON string, or null/invalid (all treated as no overrides). Only known
+ * buckets with a well-formed clarify list are merged over the defaults; anything
+ * malformed falls back to that bucket's default (defensive — the backend validates
+ * on write). No-op when the editor root is absent.
+ * @param {Object|string|null} rawValue
+ */
+function populateReviewPolicyOverrides(rawValue) {
+    const editor = document.getElementById('review_policy_overrides_editor');
+    if (!editor) return;
+
+    let overrides = {};
+    if (rawValue && typeof rawValue === 'object' && !Array.isArray(rawValue)) {
+        overrides = rawValue;
     } else if (typeof rawValue === 'string' && rawValue.trim() !== '') {
         try {
-            config = JSON.parse(rawValue);
+            const parsed = JSON.parse(rawValue);
+            if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+                overrides = parsed;
+            }
         } catch (e) {
-            config = null;
+            overrides = {};
         }
     }
 
-    if (!config || Array.isArray(config) || typeof config !== 'object') {
-        if (enabledEl) enabledEl.checked = false;
-        setCiFollowupControlValues(CI_FOLLOWUP_DEFAULTS);
-        toggleCiFollowupControlsVisibility();
-        return;
-    }
-
-    if (enabledEl) enabledEl.checked = true;
-    setCiFollowupControlValues({
-        strategy: config.strategy || CI_FOLLOWUP_DEFAULTS.strategy,
-        max_iterations: config.max_iterations != null ? config.max_iterations : CI_FOLLOWUP_DEFAULTS.max_iterations,
-        max_minutes: config.max_minutes != null ? config.max_minutes : CI_FOLLOWUP_DEFAULTS.max_minutes,
-        instructions: typeof config.instructions === 'string' ? config.instructions : CI_FOLLOWUP_DEFAULTS.instructions,
+    reviewPolicyState = cloneReviewPolicyLadder();
+    REVIEW_POLICY_BUCKETS.forEach(bucket => {
+        const stored = overrides[bucket.name];
+        if (!stored || typeof stored !== 'object' || !Array.isArray(stored.clarify)) return;
+        const clarify = stored.clarify
+            .filter(tier => REVIEW_POLICY_TIERS.includes(tier))
+            .slice(0, REVIEW_POLICY_MAX_ROUNDS);
+        const critique = Array.isArray(stored.critique)
+            ? stored.critique.filter(tier => REVIEW_POLICY_TIERS.includes(tier)).slice(0, REVIEW_POLICY_MAX_ROUNDS)
+            : [];
+        if (clarify.length >= 1) {
+            reviewPolicyState[bucket.name] = { clarify, critique };
+        }
     });
-    // Reveals the controls and applies strategy state without clearing instructions.
-    toggleCiFollowupControlsVisibility();
+
+    renderReviewPolicyEditor();
+    syncReviewPolicyHiddenInput();
 }
 
 /**
@@ -4346,6 +5900,12 @@ function setupConditionalVisibilityListeners() {
     if (ciInstructions) {
         ciInstructions.addEventListener('input', updateCiFollowupInstructionsByteCounter);
     }
+    // BAPI-579: the review-policy "reset all" button. Per-bucket controls (round
+    // selects, add/remove, per-bucket reset) are wired at render time.
+    const reviewPolicyResetAll = document.getElementById('review_policy_reset_all');
+    if (reviewPolicyResetAll) {
+        reviewPolicyResetAll.addEventListener('click', handleReviewPolicyResetAll);
+    }
 
     // Apply initial state for all three dependent regions before baseline capture.
     toggleDeepResearchTimeoutVisibility();
@@ -4388,10 +5948,15 @@ const PROJECT_DETAIL_FIELD_DESCRIPTORS = [
     { field: 'review_instructions', type: 'text', id: 'review_instructions' },
     { field: 'documentation_instructions', type: 'text', id: 'documentation_instructions' },
     { field: 'allow_mutating_smoke_ops', type: 'boolean', id: 'allow_mutating_smoke_ops' },
+    { field: 'difficulty_adaptive_review_enabled', type: 'boolean', id: 'difficulty_adaptive_review_enabled' },
     { field: 'selected_mcp_slugs', type: 'array', getValue: getSelectedMcpSlugs, orderInsensitive: true },
     // CI Follow-up: a structured sub-section that diffs as a stable canonical JSON
     // string ('' when disabled). getPayloadValueForField parses it back to an object.
     { field: 'ci_followup_config', type: 'text', getValue: getCiFollowupConfigCanonicalString },
+    // BAPI-579: difficulty-adaptive review policy overrides. Diffs as a stable
+    // canonical JSON string ('{}' when every bucket matches the built-in default).
+    // getPayloadValueForField parses it back to the object the backend expects.
+    { field: 'difficulty_adaptive_review_policy_overrides', type: 'text', getValue: getReviewPolicyOverridesCanonicalString },
 
     // Code Reviewer (the four *_correctness_standards render in the Code Writer
     // drawer but persist via the code_reviewer payload — see FIELD_TO_SECTION)
@@ -4448,7 +6013,9 @@ const FIELD_TO_SECTION = {
     review_instructions: 'code_writer',
     documentation_instructions: 'code_writer',
     ci_followup_config: 'code_writer',
+    difficulty_adaptive_review_policy_overrides: 'code_writer',
     allow_mutating_smoke_ops: 'code_writer',
+    difficulty_adaptive_review_enabled: 'code_writer',
     selected_mcp_slugs: 'code_writer',
     // code_reviewer
     frontend_correctness_standards: 'code_reviewer',
@@ -4526,6 +6093,16 @@ function getPayloadValueForField(fieldName, changedValue, estimateScaleValue = n
         // when off; otherwise an object the backend's shared validator canonicalizes.
         return changedValue === '' ? null : JSON.parse(changedValue);
     }
+    if (fieldName === 'difficulty_adaptive_review_policy_overrides') {
+        // changedValue is the canonical JSON string ('{}' when all buckets are
+        // default). Send it as a parsed object; the backend validates and persists
+        // it (an empty {} clears any prior override back to the built-in ladder).
+        try {
+            return JSON.parse(changedValue);
+        } catch (e) {
+            return {};
+        }
+    }
     return changedValue;
 }
 
@@ -4580,6 +6157,7 @@ const EXPLANATION_TEXTS = {
     'alternate_version_directories': 'Which directories hold the alternate SFCC version (the one that isn\'t your base version)? Input partial directory paths that can identify them. Enter one directory path per line.',
     'write_tests': 'If enabled, the Code Writer will attempt to generate unit tests alongside the code draft. Optional, defaults to true.',
     'allow_mutating_smoke_ops': 'If selected, the AI will work to genuinely test functionality through real operations, executed against the local environment. This will provide greater quality assurance, but requires greater trust. Only runs on the sandbox.',
+    'difficulty_adaptive_review_enabled': 'OFF by default. When enabled, easy/medium tickets may run one lower-cost review round instead of two. Hard, unknown, or error/failure cases always keep the full premium two-round review, so review quality never degrades silently.',
     'review_instructions': 'Instructions that guide how the AI validates that a plan was implemented correctly. Use this to define the specific verification steps the AI should follow during its review — such as which tools to invoke, what checks to run, and how to confirm correctness.',
     'selected_mcp_slugs': 'MCP Validation Manuals: choose which canonical MCP manuals are supplied to the final plan reviewer when it generates review, smoke, integration, and documentation steps. The available choices are loaded from the backend MCP docs catalog.',
     'pwa_overrides_directories': 'Specify the directories that contain your PWA Kit template overrides. Enter one directory path per line (e.g., `overrides`, `app/templates`, `custom-overrides`). These directories will be given special consideration when the AI generates or modifies code.',
@@ -4871,9 +6449,15 @@ function populateProjectForms(data) {
         if (codeWriterForm.elements.allow_mutating_smoke_ops) {
             codeWriterForm.elements.allow_mutating_smoke_ops.checked = !!writer.allow_mutating_smoke_ops;
         }
+        if (codeWriterForm.elements.difficulty_adaptive_review_enabled) {
+            codeWriterForm.elements.difficulty_adaptive_review_enabled.checked = !!writer.difficulty_adaptive_review_enabled;
+        }
         populateMcpDocSelector(data.available_mcp_docs || [], writer.selected_mcp_slugs || []);
         // CI Follow-up: parse the raw DB text into the structured controls (OFF when null).
         populateCiFollowupConfig(writer.ci_followup_config);
+        // BAPI-579: render the difficulty-adaptive review policy editor from the
+        // stored overrides object ({} = built-in defaults).
+        populateReviewPolicyOverrides(writer.difficulty_adaptive_review_policy_overrides);
     }
 
     // Correctness standards (moved to Code Writer drawer, still saved via code_reviewer payload)
@@ -5132,6 +6716,13 @@ function validateAllForms() {
         }
     });
 
+    // BAPI-579: the review-policy editor's per-bucket rules (>=1 clarify round,
+    // <=2 rounds, known tiers) are validated separately from the native inputs,
+    // painting errors on the affected bucket's error container.
+    if (!validateReviewPolicyOverrides()) {
+        allValid = false;
+    }
+
     return allValid;
 }
 
@@ -5215,76 +6806,449 @@ async function init() {
         const urlParams = new URLSearchParams(window.location.search);
         const projectId = urlParams.get('projectId');
 
-        if (!projectId) {
-            (0,_modal_js__WEBPACK_IMPORTED_MODULE_0__.showModal)('Error', 'Project ID not found in URL.');
-            return;
-        }
+        if (!projectId) {
+            (0,_modal_js__WEBPACK_IMPORTED_MODULE_0__.showModal)('Error', 'Project ID not found in URL.');
+            return;
+        }
+
+        await loadProjectDetail(projectId);
+
+        if (saveChangesBtn) {
+            saveChangesBtn.addEventListener('click', handleSaveProject);
+        }
+
+        if (saveChangesBtn) {
+            saveChangesBtn.textContent = 'Save Configuration';
+            saveChangesBtn.style.position = 'fixed';
+            saveChangesBtn.style.bottom = '20px';
+            saveChangesBtn.style.left = '50%';
+            saveChangesBtn.style.transform = 'translateX(-50%)';
+            saveChangesBtn.style.zIndex = '1000';
+            saveChangesBtn.style.padding = '10px 20px';
+            saveChangesBtn.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
+        }
+
+        initializeExplainLinkFunctionality();
+        
+        const allSaveButtons = document.querySelectorAll('button[type="submit"]');
+        allSaveButtons.forEach(button => {
+            if (button !== saveChangesBtn) {
+                button.style.display = 'none';
+            }
+        });
+
+        if (estimateScaleJsonTextarea) {
+            estimateScaleJsonTextarea.addEventListener('input', () => {
+                try {
+                    if (estimateScaleJsonTextarea.value.trim()) {
+                        JSON.parse(estimateScaleJsonTextarea.value);
+                    }
+                    estimateScaleJsonErrorDiv.classList.remove('visible');
+                    estimateScaleJsonTextarea.style.borderColor = '';
+                } catch (e) {
+                    estimateScaleJsonErrorDiv.textContent = 'Invalid JSON format.';
+                    estimateScaleJsonErrorDiv.classList.add('visible');
+                    estimateScaleJsonTextarea.style.borderColor = 'var(--error-color)';
+                }
+            });
+        }
+
+        setupValidationListeners();
+
+        // Wire conditional visibility (deep-research timeout, story points field, CI
+        // follow-up controls) and apply initial hidden/disabled state BEFORE the
+        // baseline snapshot so dependent fields are not flagged permanently dirty.
+        setupConditionalVisibilityListeners();
+
+        // Capture the baseline only after the forms are populated, the dynamic
+        // MCP checkboxes are rendered (in loadProjectDetail -> populateProjectForms),
+        // the explain links are wired, the estimate-scale live-validation listener
+        // is attached, the validation listeners are set up, and conditional
+        // visibility has been applied — otherwise async-rendered or dependent fields
+        // would appear permanently dirty.
+        captureProjectDetailBaseline();
+    }
+}
+
+document.addEventListener('DOMContentLoaded', init);
+
+// Named exports for unit testing (DOM-free where possible). Exporting does not
+// change browser behavior — the page still runs via the DOMContentLoaded hook.
+
+
+
+/***/ },
+
+/***/ "./src/js/run-dashboard.js"
+/*!*********************************!*\
+  !*** ./src/js/run-dashboard.js ***!
+  \*********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.js */ "./src/js/utils.js");
+/* harmony import */ var _modal_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modal.js */ "./src/js/modal.js");
+// src/js/run-dashboard.js
+/**
+ * Run Dashboard page module (BAPI-539, Epic Conductor v2, T8).
+ *
+ * Pure projection over truth: polls/refreshes the read-only dashboard data
+ * endpoint and re-renders the ticket x gate matrix, active jobs, and
+ * needs_human cards. The ONLY mutation this module triggers is the unpark
+ * POST, owned by T5 (api/routes/epic_runs.py::unpark_epic_ticket_endpoint) —
+ * the frontend only wires the button to it and re-renders on success.
+ */
+
+
+
+const REFRESH_INTERVAL_MS = 30000;
+
+let pollTimer = null;
+
+function init() {
+    const container = document.getElementById('run-dashboard-container');
+    if (!container) {
+        return;
+    }
+
+    (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.initDrawers)({ root: document, drawerSelector: '#run-dashboard-container .drawer' });
+
+    const refreshButton = container.querySelector('[data-testid="run-dashboard-refresh"]');
+    if (refreshButton) {
+        refreshButton.addEventListener('click', () => {
+            refreshDashboard({ showScopedLoading: true });
+        });
+    }
+
+    container.addEventListener('click', (event) => {
+        const button = event.target.closest('[data-testid="unpark-ticket-button"]');
+        if (button) {
+            handleUnparkClick(button);
+        }
+    });
+
+    const intervalMs = Number(container.dataset.refreshIntervalMs) || REFRESH_INTERVAL_MS;
+    if (pollTimer) {
+        clearInterval(pollTimer);
+    }
+    pollTimer = setInterval(() => {
+        refreshDashboard({ showScopedLoading: false });
+    }, intervalMs);
+}
+
+function setScopedError(selector, message) {
+    const container = document.getElementById('run-dashboard-container');
+    if (!container) return;
+    const panel = container.querySelector(selector);
+    if (!panel) return;
+    if (message) {
+        panel.textContent = message;
+        panel.classList.remove('hidden');
+        panel.classList.add('visible');
+    } else {
+        panel.textContent = '';
+        panel.classList.add('hidden');
+        panel.classList.remove('visible');
+    }
+}
+
+async function refreshDashboard({ showScopedLoading = false } = {}) {
+    const container = document.getElementById('run-dashboard-container');
+    if (!container) return;
+    const refreshUrl = container.dataset.refreshUrl;
+    const refreshButton = container.querySelector('[data-testid="run-dashboard-refresh"]');
+
+    if (showScopedLoading) {
+        (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.showLoading)();
+        if (refreshButton) refreshButton.disabled = true;
+    }
+
+    try {
+        const data = await (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.apiCall)(refreshUrl, 'GET');
+        if (data === null) {
+            // Centralized 401 handling in apiCall already redirected.
+            return;
+        }
+        setScopedError('[data-testid="run-dashboard-error"]', null);
+        renderDashboard(data);
+    } catch (error) {
+        setScopedError(
+            '[data-testid="run-dashboard-error"]',
+            (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.getApiErrorMessage)(error, 'Failed to refresh dashboard.')
+        );
+    } finally {
+        if (showScopedLoading) {
+            (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.hideLoading)();
+            if (refreshButton) refreshButton.disabled = false;
+        }
+    }
+}
+
+function renderDashboard(data) {
+    renderRunSummary(data.summary);
+    renderGateMatrix(data.gate_columns, data.ticket_rows);
+    renderActiveJobs(data.active_jobs);
+    renderNeedsHumanCards(data.needs_human_cards, data.summary);
+}
+
+function renderRunSummary(summary) {
+    const summaryEl = document.querySelector('[data-testid="run-dashboard-summary"]');
+    if (!summaryEl || !summary) return;
+    const fieldMap = {
+        run_status: summary.run_status,
+        last_tick_at: summary.last_tick_at || 'N/A',
+        active_job_count: summary.active_job_count,
+        needs_human_count: summary.needs_human_count,
+        lease_owner: summary.lease_owner || 'N/A',
+    };
+    Object.keys(fieldMap).forEach((field) => {
+        const el = summaryEl.querySelector(`[data-field="${field}"]`);
+        if (el) el.textContent = String(fieldMap[field]);
+    });
+}
+
+function renderGateMatrix(gateColumns, ticketRows) {
+    const tbody = document.getElementById('gate-matrix-body');
+    const emptyState = document.querySelector('[data-testid="gate-matrix-empty"]');
+    if (!tbody) return;
+
+    while (tbody.firstChild) {
+        tbody.removeChild(tbody.firstChild);
+    }
+
+    const rows = ticketRows || [];
+    if (rows.length === 0) {
+        if (emptyState) emptyState.classList.remove('hidden');
+        return;
+    }
+    if (emptyState) emptyState.classList.add('hidden');
+
+    rows.forEach((row) => {
+        const tr = document.createElement('tr');
+        tr.dataset.testid = 'gate-matrix-row';
+        tr.dataset.ticketKey = row.ticket_key;
+
+        const ticketTd = document.createElement('td');
+        ticketTd.className = 'monospace';
+        ticketTd.textContent = row.ticket_key;
+        tr.appendChild(ticketTd);
+
+        (row.cells || []).forEach((cell) => {
+            const td = document.createElement('td');
+            td.className = 'gate-cell';
+            td.dataset.testid = 'gate-cell';
+            td.dataset.ticketKey = row.ticket_key;
+            td.dataset.gateKey = cell.gate_key;
+
+            const badge = document.createElement('span');
+            const status = cell.status || 'pending';
+            badge.className = `gate-status-badge gate-status-badge--${status}`;
+            badge.textContent = status;
+            td.appendChild(badge);
+
+            if (cell.observation_detail) {
+                const details = document.createElement('details');
+                details.className = 'gate-observation-detail';
+                details.dataset.testid = 'gate-observation-detail';
+                details.dataset.ticketKey = row.ticket_key;
+                details.dataset.gateKey = cell.gate_key;
+
+                const summary = document.createElement('summary');
+                summary.textContent = cell.observation_summary || '';
+                details.appendChild(summary);
+
+                const body = document.createElement('div');
+                body.className = 'observation-detail-body';
+                body.textContent = cell.observation_detail;
+                details.appendChild(body);
+
+                td.appendChild(details);
+            }
+
+            tr.appendChild(td);
+        });
+
+        tbody.appendChild(tr);
+    });
+}
+
+function renderActiveJobs(activeJobs) {
+    const list = document.getElementById('active-jobs-list');
+    const emptyState = document.querySelector('[data-testid="active-jobs-empty"]');
+    if (!list) return;
+
+    while (list.firstChild) {
+        list.removeChild(list.firstChild);
+    }
+
+    const jobs = activeJobs || [];
+    if (jobs.length === 0) {
+        if (emptyState) emptyState.classList.remove('hidden');
+        return;
+    }
+    if (emptyState) emptyState.classList.add('hidden');
+
+    jobs.forEach((job) => {
+        const row = document.createElement('div');
+        row.className = 'active-job-row';
+        row.dataset.testid = 'active-job-row';
+        row.dataset.jobId = String(job.id);
+
+        const statusBadge = document.createElement('span');
+        statusBadge.className = `gate-status-badge gate-status-badge--${job.status}`;
+        statusBadge.textContent = job.status;
+        row.appendChild(statusBadge);
+
+        const ticketSpan = document.createElement('span');
+        ticketSpan.className = 'monospace';
+        ticketSpan.textContent = job.ticket_key || '';
+        row.appendChild(ticketSpan);
+
+        const jobTypeSpan = document.createElement('span');
+        jobTypeSpan.textContent = job.job_type || '';
+        row.appendChild(jobTypeSpan);
+
+        if (job.phase_hint) {
+            const phaseSpan = document.createElement('span');
+            phaseSpan.className = 'phase-hint';
+            phaseSpan.textContent = job.phase_hint;
+            row.appendChild(phaseSpan);
+        }
+
+        const activitySpan = document.createElement('span');
+        activitySpan.className = 'job-activity';
+        activitySpan.textContent = job.last_activity_at || 'N/A';
+        row.appendChild(activitySpan);
+
+        const commitCountSpan = document.createElement('span');
+        commitCountSpan.className = 'job-commit-count';
+        const commitCount = job.local_commit_count != null ? job.local_commit_count : 0;
+        commitCountSpan.textContent = `${commitCount} commits`;
+        row.appendChild(commitCountSpan);
+
+        const shaSpan = document.createElement('span');
+        shaSpan.className = 'monospace job-commit-sha';
+        shaSpan.textContent = job.last_commit_sha || 'N/A';
+        row.appendChild(shaSpan);
+
+        list.appendChild(row);
+    });
+}
 
-        await loadProjectDetail(projectId);
+function renderNeedsHumanCards(cards, summary) {
+    const list = document.getElementById('needs-human-list');
+    const emptyState = document.querySelector('[data-testid="needs-human-empty"]');
+    if (!list) return;
 
-        if (saveChangesBtn) {
-            saveChangesBtn.addEventListener('click', handleSaveProject);
-        }
+    while (list.firstChild) {
+        list.removeChild(list.firstChild);
+    }
 
-        if (saveChangesBtn) {
-            saveChangesBtn.textContent = 'Save Configuration';
-            saveChangesBtn.style.position = 'fixed';
-            saveChangesBtn.style.bottom = '20px';
-            saveChangesBtn.style.left = '50%';
-            saveChangesBtn.style.transform = 'translateX(-50%)';
-            saveChangesBtn.style.zIndex = '1000';
-            saveChangesBtn.style.padding = '10px 20px';
-            saveChangesBtn.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
-        }
+    const items = cards || [];
+    if (items.length === 0) {
+        if (emptyState) emptyState.classList.remove('hidden');
+        return;
+    }
+    if (emptyState) emptyState.classList.add('hidden');
 
-        initializeExplainLinkFunctionality();
-        
-        const allSaveButtons = document.querySelectorAll('button[type="submit"]');
-        allSaveButtons.forEach(button => {
-            if (button !== saveChangesBtn) {
-                button.style.display = 'none';
-            }
+    items.forEach((card) => {
+        const cardEl = document.createElement('div');
+        cardEl.className = 'needs-human-card';
+        cardEl.dataset.testid = 'needs-human-card';
+        cardEl.dataset.ticketKey = card.ticket_key;
+
+        const heading = document.createElement('h3');
+        heading.className = 'monospace';
+        heading.textContent = card.ticket_key;
+        cardEl.appendChild(heading);
+
+        const fields = [
+            ['Parked gate', card.parked_gate_label || 'N/A'],
+            ['Reason', card.needs_human_reason || 'N/A'],
+            ['Parked at', card.parked_at || 'N/A'],
+            ['What happened', card.observation_summary || 'N/A'],
+            ['Remediation attempts', card.remediation_attempts],
+            ['No-progress attempts', card.remediation_no_progress_attempts],
+            ['Gate attempts', card.gate_attempts != null ? card.gate_attempts : 'N/A'],
+        ];
+        fields.forEach(([label, value]) => {
+            const fieldEl = document.createElement('div');
+            fieldEl.className = 'needs-human-field';
+            const strong = document.createElement('strong');
+            strong.textContent = `${label}: `;
+            fieldEl.appendChild(strong);
+            fieldEl.appendChild(document.createTextNode(String(value)));
+            cardEl.appendChild(fieldEl);
         });
 
-        if (estimateScaleJsonTextarea) {
-            estimateScaleJsonTextarea.addEventListener('input', () => {
-                try {
-                    if (estimateScaleJsonTextarea.value.trim()) {
-                        JSON.parse(estimateScaleJsonTextarea.value);
-                    }
-                    estimateScaleJsonErrorDiv.classList.remove('visible');
-                    estimateScaleJsonTextarea.style.borderColor = '';
-                } catch (e) {
-                    estimateScaleJsonErrorDiv.textContent = 'Invalid JSON format.';
-                    estimateScaleJsonErrorDiv.classList.add('visible');
-                    estimateScaleJsonTextarea.style.borderColor = 'var(--error-color)';
-                }
-            });
-        }
+        if (card.observation_detail) {
+            const details = document.createElement('details');
+            details.className = 'gate-observation-detail';
+            const detailsSummary = document.createElement('summary');
+            detailsSummary.textContent = 'Observation detail';
+            details.appendChild(detailsSummary);
+            const body = document.createElement('div');
+            body.className = 'observation-detail-body';
+            body.textContent = card.observation_detail;
+            details.appendChild(body);
+            cardEl.appendChild(details);
+        }
+
+        const actions = document.createElement('div');
+        actions.className = 'needs-human-actions';
+
+        const unparkButton = document.createElement('button');
+        unparkButton.type = 'button';
+        unparkButton.className = 'btn btn-primary';
+        unparkButton.dataset.testid = 'unpark-ticket-button';
+        unparkButton.dataset.ticketKey = card.ticket_key;
+        unparkButton.dataset.rowVersion = String(card.row_version);
+        unparkButton.textContent = 'Unpark';
+        actions.appendChild(unparkButton);
+
+        const secondaryAction = document.createElement('span');
+        secondaryAction.className = 'needs-human-secondary-action';
+        secondaryAction.setAttribute('aria-disabled', 'true');
+        secondaryAction.textContent = 'Abandon (not available from this view)';
+        actions.appendChild(secondaryAction);
+
+        cardEl.appendChild(actions);
+        list.appendChild(cardEl);
+    });
+}
 
-        setupValidationListeners();
+async function handleUnparkClick(button) {
+    const container = document.getElementById('run-dashboard-container');
+    if (!container) return;
 
-        // Wire conditional visibility (deep-research timeout, story points field, CI
-        // follow-up controls) and apply initial hidden/disabled state BEFORE the
-        // baseline snapshot so dependent fields are not flagged permanently dirty.
-        setupConditionalVisibilityListeners();
+    const ticketKey = button.dataset.ticketKey;
+    const rowVersion = button.dataset.rowVersion;
+    const repoName = container.dataset.repoName;
+    const epicRunId = container.dataset.epicRunId;
+    const unparkUrlTemplate = container.dataset.unparkUrlTemplate;
 
-        // Capture the baseline only after the forms are populated, the dynamic
-        // MCP checkboxes are rendered (in loadProjectDetail -> populateProjectForms),
-        // the explain links are wired, the estimate-scale live-validation listener
-        // is attached, the validation listeners are set up, and conditional
-        // visibility has been applied — otherwise async-rendered or dependent fields
-        // would appear permanently dirty.
-        captureProjectDetailBaseline();
+    button.disabled = true;
+    (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.showLoading)();
+
+    try {
+        const url = unparkUrlTemplate.replace('__ticket_key__', encodeURIComponent(ticketKey));
+        await (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.apiCall)(url, 'POST', {
+            repo_name: repoName,
+            expected_row_version: Number(rowVersion),
+            idempotency_key: `run-dashboard-unpark:${epicRunId}:${ticketKey}:${rowVersion}`,
+            reason: 'Unparked from the run dashboard.',
+        });
+        await refreshDashboard({ showScopedLoading: false });
+    } catch (error) {
+        (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Unpark Failed', (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.getApiErrorMessage)(error, 'Failed to unpark ticket.'));
+        button.disabled = false;
+    } finally {
+        (0,_utils_js__WEBPACK_IMPORTED_MODULE_0__.hideLoading)();
     }
 }
 
 document.addEventListener('DOMContentLoaded', init);
 
-// Named exports for unit testing (DOM-free where possible). Exporting does not
-// change browser behavior — the page still runs via the DOMContentLoaded hook.
-
-
 
 /***/ },
 
@@ -6806,8 +8770,480 @@ let projectsContainer, createProjectContainer;
 // Project Management (Setup Page Only)
 // ==========================================
 
+// ------------------------------------------------------------------
+// BAPI-548: attention-first, XSS-safe setup dashboard renderer.
+//
+// SECURITY: every project-supplied string (display name, repo name,
+// description, working_in, provider, version, branch, signal labels and
+// messages) is assigned via textContent / safeText / createTextElement — never
+// interpolated into innerHTML. Static structural markup is built as DOM nodes.
+// ------------------------------------------------------------------
+
+// Visible launcher routes (order matters — matches the comp's launcher row).
+const LAUNCHER_ACTIONS = [
+    { label: 'Setup', testid: 'project-action-setup', href: (id) => `/setup/setup-detail?projectId=${id}` },
+    { label: 'Configure', testid: 'project-action-configure', href: (id) => `/setup/project-detail?projectId=${id}` },
+    { label: 'Optimize', testid: 'project-action-optimize', href: (id) => `/optimize/${id}` },
+    { label: 'Data', testid: 'project-action-data', href: (id) => `/setup/data/${id}` },
+    { label: 'Monitoring', testid: 'project-action-monitoring', href: (id) => `/setup/monitoring/${id}` },
+];
+
+// Overflow (⋯) routes, kept separate from the visible launcher row.
+const OVERFLOW_ACTIONS = [
+    { label: 'Security', testid: 'project-action-security', href: (id) => `/setup/security/${id}` },
+    { label: 'Connect editor', testid: 'project-action-connect-editor', href: (id) => `/setup/get-started?projectId=${id}` },
+];
+
+const PROVIDER_LABELS = { openai: 'OpenAI', anthropic: 'Anthropic', gemini: 'Gemini' };
+const STATE_ICONS = { ok: '✓', warning: '⚠', critical: '⛔', unknown: '–' };
+
+/**
+ * Coerce a possibly-nullish value to a safe display string. Never returns HTML.
+ * @param {*} value
+ * @param {string} fallback
+ * @returns {string}
+ */
+function safeText(value, fallback) {
+    if (value === null || value === undefined) {
+        return fallback || '';
+    }
+    const text = String(value).trim();
+    return text === '' ? (fallback || '') : text;
+}
+
+/**
+ * Create an element, set an optional class, and assign text via textContent.
+ * @param {string} tag
+ * @param {string} className
+ * @param {string} text
+ * @returns {HTMLElement}
+ */
+function createTextElement(tag, className, text) {
+    const el = document.createElement(tag);
+    if (className) {
+        el.className = className;
+    }
+    if (text !== undefined && text !== null) {
+        el.textContent = String(text);
+    }
+    return el;
+}
+
+/**
+ * Format an ISO timestamp into a short relative string (e.g. "2d ago").
+ * @param {string} iso
+ * @returns {string}
+ */
+function formatRelativeTime(iso) {
+    if (!iso) {
+        return 'never';
+    }
+    const then = new Date(iso);
+    if (Number.isNaN(then.getTime())) {
+        return 'unknown';
+    }
+    const diffMs = Date.now() - then.getTime();
+    const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
+    if (diffDays <= 0) {
+        return 'today';
+    }
+    if (diffDays === 1) {
+        return '1d ago';
+    }
+    if (diffDays < 30) {
+        return `${diffDays}d ago`;
+    }
+    const diffMonths = Math.floor(diffDays / 30);
+    if (diffMonths < 12) {
+        return `${diffMonths}mo ago`;
+    }
+    return `${Math.floor(diffMonths / 12)}y ago`;
+}
+
+/**
+ * Tolerate a missing/older API `status` block by returning an unknown-safe default.
+ * @param {Object} project
+ * @returns {Object}
+ */
+function getProjectStatus(project) {
+    const status = project && project.status ? project.status : {};
+    return {
+        working_in: status.working_in || null,
+        provider: status.provider || null,
+        version: status.version || null,
+        last_index: status.last_index || {},
+        signals: Array.isArray(status.signals) ? status.signals : [],
+        summary: status.summary || { attention_count: 0, overall_state: 'unknown' },
+    };
+}
+
+/**
+ * Return only the signals that need attention (warning or critical).
+ * @param {Object} status
+ * @returns {Array}
+ */
+function getAttentionSignals(status) {
+    if (!status || !Array.isArray(status.signals)) {
+        return [];
+    }
+    return status.signals.filter((signal) => signal && (signal.state === 'warning' || signal.state === 'critical'));
+}
+
+/**
+ * Update the dashboard header counters from the fetched projects.
+ * @param {Array} projects
+ */
+function updateProjectsDashboardSummary(projects) {
+    const list = Array.isArray(projects) ? projects : [];
+    const countEl = document.getElementById('projects-count');
+    const attentionEl = document.getElementById('projects-attention-count');
+
+    if (countEl) {
+        const noun = list.length === 1 ? 'project' : 'projects';
+        countEl.textContent = `${list.length} ${noun}`;
+    }
+
+    if (attentionEl) {
+        // Header counts PROJECTS that need attention (≥1 warning/critical signal),
+        // not total signals — the per-card pill carries the per-project signal count.
+        const projectsNeedingAttention = list.reduce((sum, project) => {
+            const status = getProjectStatus(project);
+            return sum + (getAttentionSignals(status).length > 0 ? 1 : 0);
+        }, 0);
+        if (projectsNeedingAttention > 0) {
+            attentionEl.textContent = ` · ${projectsNeedingAttention} need attention`;
+            attentionEl.classList.remove('hidden');
+        } else {
+            attentionEl.textContent = '';
+            attentionEl.classList.add('hidden');
+        }
+    }
+}
+
+/**
+ * Build the compact one-line summary row: dot, display name, repo tag, status pill.
+ * @param {Object} project
+ * @param {Object} status
+ * @returns {HTMLElement}
+ */
+function buildProjectSummaryRow(project, status) {
+    const overallState = (status.summary && status.summary.overall_state) || 'unknown';
+    const attentionCount = getAttentionSignals(status).length;
+
+    const row = createTextElement('div', 'project-card-summary');
+
+    const identity = createTextElement('div', 'project-identity');
+    identity.appendChild(createTextElement('span', `project-state-dot project-state-dot--${overallState}`, ''));
+    const title = createTextElement('span', 'project-title', safeText(project.repo_display_name || project.repo_name, 'Untitled project'));
+    title.setAttribute('data-testid', 'project-display-name');
+    identity.appendChild(title);
+    const repoTag = createTextElement('span', 'project-repo-tag', safeText(project.repo_name, ''));
+    repoTag.setAttribute('data-testid', 'project-repo-tag');
+    identity.appendChild(repoTag);
+    row.appendChild(identity);
+
+    let pill;
+    if (attentionCount > 0) {
+        pill = createTextElement('span', 'project-status-pill project-status-pill--attention', `⚠ ${attentionCount} need attention`);
+    } else {
+        pill = createTextElement('span', 'project-status-pill project-status-pill--ok', '✓ All monitored checks green');
+    }
+    pill.setAttribute('data-testid', 'project-status-pill');
+    row.appendChild(pill);
+    return row;
+}
+
+/**
+ * Build the muted secondary meta line. Absent values are skipped or dashed.
+ * @param {Object} status
+ * @returns {HTMLElement}
+ */
+function buildProjectMetaLine(status) {
+    const parts = [];
+    if (status.working_in) {
+        parts.push(`works in ${safeText(status.working_in, '')}`);
+    }
+    if (status.version) {
+        parts.push(`v${safeText(status.version, '')}`);
+    }
+    if (status.provider) {
+        parts.push(`AI ${PROVIDER_LABELS[status.provider] || safeText(status.provider, '')}`);
+    }
+    const lastIndex = status.last_index || {};
+    if (lastIndex.last_ran) {
+        parts.push(`indexed ${safeText(lastIndex.branch, 'default')}`);
+        parts.push(formatRelativeTime(lastIndex.last_ran));
+    } else {
+        parts.push('never indexed');
+    }
+    const meta = createTextElement('div', 'project-meta-line', parts.join(' · '));
+    meta.setAttribute('data-testid', 'project-meta-line');
+    return meta;
+}
+
+/**
+ * Build the 2-line-clamped description text node.
+ * @param {Object} project
+ * @returns {HTMLElement}
+ */
+function buildProjectDescription(project) {
+    const description = createTextElement('p', 'project-description', safeText(project.project_description, 'No description provided.'));
+    description.setAttribute('data-testid', 'project-description');
+    return description;
+}
+
+/**
+ * Build a safe internal fix link for an attention panel.
+ * Only internal routes beginning with "/" become navigable links.
+ * @param {Object} fix
+ * @returns {HTMLElement}
+ */
+function buildAttentionFixLink(fix) {
+    const label = fix && fix.label ? `${safeText(fix.label, 'go')} →` : '→ go';
+    const href = fix && typeof fix.href === 'string' ? fix.href : '';
+    if (href && href.charAt(0) === '/' && href.charAt(1) !== '/') {
+        const link = createTextElement('a', 'attention-fix-link', label);
+        link.setAttribute('href', href);
+        link.setAttribute('data-testid', 'attention-fix-link');
+        return link;
+    }
+    // Non-internal / missing href: render as inert text, never a navigable link.
+    const inert = createTextElement('span', 'attention-fix-link attention-fix-link--inert', label);
+    inert.setAttribute('data-testid', 'attention-fix-link');
+    return inert;
+}
+
+/**
+ * Build tinted attention panels for warning/critical signals.
+ * @param {Array} signals - attention signals only
+ * @returns {HTMLElement|null}
+ */
+function buildAttentionPanels(signals) {
+    if (!signals || signals.length === 0) {
+        return null;
+    }
+    const list = createTextElement('div', 'project-attention-list', '');
+    signals.forEach((signal) => {
+        const state = signal.state === 'critical' ? 'critical' : 'warning';
+        const panel = createTextElement('div', `attention-panel attention-panel--${state}`, '');
+        panel.setAttribute('data-testid', 'attention-panel');
+        panel.setAttribute('data-signal-id', safeText(signal.id, ''));
+
+        const icon = createTextElement('span', 'attention-icon', STATE_ICONS[state] || '⚠');
+        icon.setAttribute('aria-hidden', 'true');
+        panel.appendChild(icon);
+
+        const content = createTextElement('div', 'attention-content', '');
+        content.appendChild(createTextElement('span', 'attention-label', safeText(signal.label, 'Check')));
+        content.appendChild(createTextElement('span', 'attention-message', safeText(signal.message, '')));
+        panel.appendChild(content);
+
+        panel.appendChild(buildAttentionFixLink(signal.fix));
+        list.appendChild(panel);
+    });
+    return list;
+}
+
+/**
+ * Build the native, keyboard-operable "Show all checks" disclosure listing every signal.
+ * @param {Array} signals - all signals
+ * @returns {HTMLElement|null}
+ */
+function buildChecksDetails(signals) {
+    if (!signals || signals.length === 0) {
+        return null;
+    }
+    const details = createTextElement('details', 'project-checks-details', '');
+    details.setAttribute('data-testid', 'checks-details');
+    const summary = createTextElement('summary', 'project-checks-summary', 'Show all checks');
+    summary.setAttribute('data-testid', 'checks-summary');
+    details.appendChild(summary);
+
+    const rows = createTextElement('div', 'project-checks-list', '');
+    rows.setAttribute('data-testid', 'checks-list');
+    signals.forEach((signal) => {
+        const state = signal.state || 'unknown';
+        const row = createTextElement('div', `project-check-row project-check-row--${state}`, '');
+        row.setAttribute('data-testid', 'check-row');
+        row.setAttribute('data-signal-id', safeText(signal.id, ''));
+        const icon = createTextElement('span', 'project-check-icon', STATE_ICONS[state] || '–');
+        icon.setAttribute('aria-hidden', 'true');
+        row.appendChild(icon);
+        row.appendChild(createTextElement('span', 'project-check-label', safeText(signal.label, 'Check')));
+        row.appendChild(createTextElement('span', 'project-check-message', safeText(signal.message, '')));
+        rows.appendChild(row);
+    });
+    details.appendChild(rows);
+    return details;
+}
+
+/**
+ * Wire the delete button to the existing type-to-confirm modal flow.
+ * @param {HTMLElement} button
+ * @param {Object} project
+ */
+function bindDeleteProjectAction(button, project) {
+    button.addEventListener('click', () => {
+        const projectName = project.repo_name;
+        if (projectName && typeof projectName === 'string' && projectName.trim() !== '') {
+            (0,_delete_modal_js__WEBPACK_IMPORTED_MODULE_3__.showDeleteModal)(projectName, async () => {
+                const result = await (0,_delete_modal_js__WEBPACK_IMPORTED_MODULE_3__.deleteProjectById)(project.id);
+                if (result) {
+                    const card = document.querySelector(`.project-card[data-project-id="${project.id}"]`);
+                    if (card) {
+                        card.remove();
+                    }
+                    refreshDashboardAfterDelete();
+                } else {
+                    (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Error', 'Failed to delete project.');
+                }
+            }, () => {
+                // Cancelled — no-op.
+            });
+        } else {
+            (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Error', 'Could not delete your project. Try deleting from the database directly.');
+        }
+    });
+}
+
+/**
+ * After a card is removed, refresh counters from the remaining cards and fall back
+ * to the empty state when the last project is deleted.
+ */
+function refreshDashboardAfterDelete() {
+    const projectsList = document.getElementById('projects-list');
+    if (!projectsList) {
+        return;
+    }
+    const remaining = projectsList.querySelectorAll('.project-card');
+    const countEl = document.getElementById('projects-count');
+    const attentionEl = document.getElementById('projects-attention-count');
+    if (countEl) {
+        const noun = remaining.length === 1 ? 'project' : 'projects';
+        countEl.textContent = `${remaining.length} ${noun}`;
+    }
+    if (attentionEl) {
+        // Recompute the header attention count from the REMAINING cards rather than
+        // blindly clearing it — a card needs attention when its root carries the
+        // warning/critical state class (same basis as updateProjectsDashboardSummary).
+        const attentionProjects = projectsList.querySelectorAll(
+            '.project-card--warning, .project-card--critical').length;
+        if (attentionProjects > 0) {
+            attentionEl.textContent = ` · ${attentionProjects} need attention`;
+            attentionEl.classList.remove('hidden');
+        } else {
+            attentionEl.textContent = '';
+            attentionEl.classList.add('hidden');
+        }
+    }
+    if (remaining.length === 0) {
+        projectsList.textContent = '';
+        projectsList.appendChild(buildEmptyDashboardState());
+    }
+}
+
+/**
+ * Build the bottom launcher row plus the keyboard-operable ⋯ overflow.
+ * @param {Object} project
+ * @returns {HTMLElement}
+ */
+function buildLauncherRow(project) {
+    const footer = createTextElement('div', 'project-actions-footer', '');
+
+    const launcher = createTextElement('div', 'project-launcher', '');
+    LAUNCHER_ACTIONS.forEach((action) => {
+        const link = createTextElement('a', 'project-launcher-link', action.label);
+        link.setAttribute('href', action.href(project.id));
+        link.setAttribute('data-testid', action.testid);
+        launcher.appendChild(link);
+    });
+    footer.appendChild(launcher);
+
+    const overflow = createTextElement('details', 'project-overflow', '');
+    overflow.setAttribute('data-testid', 'project-overflow');
+    const overflowSummary = createTextElement('summary', 'project-overflow-summary', '⋯');
+    overflowSummary.setAttribute('aria-label', 'More actions');
+    overflowSummary.setAttribute('data-testid', 'project-overflow-summary');
+    overflow.appendChild(overflowSummary);
+
+    const menu = createTextElement('div', 'project-overflow-menu', '');
+    OVERFLOW_ACTIONS.forEach((action) => {
+        const link = createTextElement('a', 'project-overflow-action', action.label);
+        link.setAttribute('href', action.href(project.id));
+        link.setAttribute('data-testid', action.testid);
+        menu.appendChild(link);
+    });
+    const deleteButton = createTextElement('button', 'project-overflow-action project-overflow-action--delete', 'Delete');
+    deleteButton.setAttribute('type', 'button');
+    deleteButton.setAttribute('data-testid', 'project-action-delete');
+    bindDeleteProjectAction(deleteButton, project);
+    menu.appendChild(deleteButton);
+
+    overflow.appendChild(menu);
+    footer.appendChild(overflow);
+    return footer;
+}
+
+/**
+ * Build a single attention-first project card as DOM nodes.
+ * @param {Object} project
+ * @returns {HTMLElement}
+ */
+function buildProjectCard(project) {
+    const status = getProjectStatus(project);
+    const overallState = (status.summary && status.summary.overall_state) || 'unknown';
+    const attentionSignals = getAttentionSignals(status);
+
+    const card = createTextElement('div', `project-card project-card--${overallState}`, '');
+    card.setAttribute('data-testid', 'project-card');
+    card.setAttribute('data-project-id', project.id);
+    card.setAttribute('data-project-name', safeText(project.repo_name, ''));
+
+    card.appendChild(buildProjectSummaryRow(project, status));
+    card.appendChild(buildProjectMetaLine(status));
+    card.appendChild(buildProjectDescription(project));
+
+    const panels = buildAttentionPanels(attentionSignals);
+    if (panels) {
+        card.appendChild(panels);
+    }
+
+    const checks = buildChecksDetails(status.signals);
+    if (checks) {
+        card.appendChild(checks);
+    }
+
+    card.appendChild(buildLauncherRow(project));
+    return card;
+}
+
+/**
+ * Build the calm empty-dashboard state as DOM nodes.
+ * @returns {HTMLElement}
+ */
+function buildEmptyDashboardState() {
+    const wrap = createTextElement('div', 'setup-empty-state', '');
+    wrap.setAttribute('data-testid', 'setup-empty-state');
+    wrap.appendChild(createTextElement('p', 'setup-empty-title', 'No projects yet'));
+    wrap.appendChild(createTextElement('p', 'setup-empty-message', 'Create your first project to start monitoring its health here.'));
+    return wrap;
+}
+
+/**
+ * Build the inline error state for a failed project-list fetch.
+ * @param {string} message
+ * @returns {HTMLElement}
+ */
+function buildDashboardErrorState(message) {
+    const wrap = createTextElement('div', 'setup-error-state', '');
+    wrap.setAttribute('data-testid', 'setup-error-state');
+    wrap.appendChild(createTextElement('p', 'setup-error-title', 'Could not load your projects'));
+    wrap.appendChild(createTextElement('p', 'setup-error-message', safeText(message, 'Please try again.')));
+    return wrap;
+}
+
 /**
- * Loads the list of projects
+ * Loads the list of projects and renders the dashboard.
  */
 async function loadProjects() {
     (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.showLoading)();
@@ -6820,135 +9256,38 @@ async function loadProjects() {
         }
     } catch (error) {
         console.error('Error loading projects:', error);
-        (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Error', (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.getApiErrorMessage)(error, 'Failed to load projects.'));
+        const projectsList = document.getElementById('projects-list');
+        if (projectsList) {
+            projectsList.textContent = '';
+            projectsList.appendChild(buildDashboardErrorState((0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.getApiErrorMessage)(error, 'Failed to load projects.')));
+        }
+        updateProjectsDashboardSummary([]);
     } finally {
         (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.hideLoading)();
     }
 }
 
 /**
- * Renders the list of projects in the projects grid
+ * Renders the list of projects in the projects grid using safe DOM construction.
  * @param {Array} projects - List of projects
  */
 function renderProjectsList(projects) {
     const projectsList = document.getElementById('projects-list');
-    projectsList.innerHTML = ''; // Clear existing projects
-    
-    if (projects.length === 0) {
-        projectsList.innerHTML = '<p>No projects found. Create one!</p>';
+    if (!projectsList) {
         return;
     }
-    
-    projects.forEach(project => {
-        const displayName = project.repo_display_name || project.repo_name;
-        const projectCard = document.createElement('div');
-        projectCard.className = 'project-card';
-        projectCard.setAttribute('data-project-id', project.id);
-        projectCard.setAttribute('data-project-name', project.repo_name);
-        projectCard.innerHTML = `
-            <h3>${displayName}</h3>
-            <p>${project.project_description || 'No description provided.'}</p>
-            <div class="project-card-actions">
-                <div class="project-card-actions-row">
-                    <button class="btn btn-secondary btn-setup" data-project-id="${project.id}">Setup</button>
-                    <button class="btn btn-secondary btn-config" data-project-id="${project.id}">Configure</button>
-                    <button class="btn btn-secondary btn-optimize" data-project-id="${project.id}">Optimize</button>
-                    <button class="btn btn-secondary btn-health">Data</button>
-                    <button class="btn btn-secondary btn-monitoring">Monitoring</button>
-                    <button class="btn btn-secondary btn-security" data-project-id="${project.id}">Security</button>
-                    <button class="btn btn-secondary btn-connect-editor" data-project-id="${project.id}">Connect editor</button>
-                </div>
-                <div class="project-card-actions-row project-card-actions-secondary">
-                    <a href="#" class="delete-link" data-project-id="${project.id}">Delete</a>
-                </div>
-            </div>
-        `;
-        
-        // Add event listener for the setup button
-        const setupButton = projectCard.querySelector('.btn-setup');
-        if (setupButton) {
-            setupButton.addEventListener('click', () => {
-                window.location.href = `/setup/setup-detail?projectId=${project.id}`;
-            });
-        }
-        
-        // Add event listener for the config button
-        const configButton = projectCard.querySelector('.btn-config');
-        if (configButton) {
-            configButton.addEventListener('click', () => {
-                window.location.href = `/setup/project-detail?projectId=${project.id}`;
-            });
-        }
-        
-        // Add event listener for the optimize button
-        const optimizeButton = projectCard.querySelector('.btn-optimize');
-        if (optimizeButton) {
-            optimizeButton.addEventListener('click', () => {
-                window.location.href = `/optimize/${project.id}`;
-            });
-        }
-        
-        // Add event listener for the data health button
-        const healthButton = projectCard.querySelector('.btn-health');
-        if (healthButton) {
-            healthButton.addEventListener('click', () => {
-                window.location.href = `/setup/data/${project.id}`;
-            });
-        }
-        
-        // Add event listener for the monitoring button
-        const monitoringButton = projectCard.querySelector('.btn-monitoring');
-        if (monitoringButton) {
-            monitoringButton.addEventListener('click', () => {
-                window.location.href = `/setup/monitoring/${project.id}`;
-            });
-        }
-        
-        // Add event listener for the security button
-        const securityButton = projectCard.querySelector('.btn-security');
-        if (securityButton) {
-            securityButton.addEventListener('click', () => {
-                window.location.href = `/setup/security/${project.id}`;
-            });
-        }
+    projectsList.textContent = ''; // Clear existing projects safely (no innerHTML).
 
-        // Add event listener for the connect-editor button
-        const connectEditorButton = projectCard.querySelector('.btn-connect-editor');
-        if (connectEditorButton) {
-            connectEditorButton.addEventListener('click', () => {
-                window.location.href = `/setup/get-started?projectId=${project.id}`;
-            });
-        }
+    const list = Array.isArray(projects) ? projects : [];
+    updateProjectsDashboardSummary(list);
 
-        // Add event listener for the delete link
-        const deleteLink = projectCard.querySelector('.delete-link');
-        if (deleteLink) {
-            deleteLink.addEventListener('click', (e) => {
-                e.preventDefault();
-                const projectName = project.repo_name;
-                if (projectName && typeof projectName === 'string' && projectName.trim() !== '') {
-                    (0,_delete_modal_js__WEBPACK_IMPORTED_MODULE_3__.showDeleteModal)(projectName, async () => {
-                        // Call API to delete the project
-                        const result = await (0,_delete_modal_js__WEBPACK_IMPORTED_MODULE_3__.deleteProjectById)(project.id);
-                        if (result) {
-                            // Remove the project card from the DOM
-                            const card = document.querySelector(`.project-card[data-project-id="${project.id}"]`);
-                            if (card) {
-                                card.remove();
-                            }
-                        } else {
-                            (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Error', 'Failed to delete project.');
-                        }
-                    }, () => {
-                        // Cancelled
-                    });
-                } else {
-                    (0,_modal_js__WEBPACK_IMPORTED_MODULE_1__.showModal)('Error', 'Could not delete your project. Try deleting from the database directly.');
-                }
-            });
-        }
-        
-        projectsList.appendChild(projectCard);
+    if (list.length === 0) {
+        projectsList.appendChild(buildEmptyDashboardState());
+        return;
+    }
+
+    list.forEach((project) => {
+        projectsList.appendChild(buildProjectCard(project));
     });
 }
 
@@ -7896,6 +10235,7 @@ function initDrawers(options = {}) {
 /******/ 	__webpack_require__("./src/js/setup.js");
 /******/ 	__webpack_require__("./src/js/setup-detail.js");
 /******/ 	__webpack_require__("./src/js/security.js");
+/******/ 	__webpack_require__("./src/js/run-dashboard.js");
 /******/ 	__webpack_require__("./src/js/project-detail.js");
 /******/ 	__webpack_require__("./src/js/optimize_analysis.js");
 /******/ 	__webpack_require__("./src/js/optimize.js");
@@ -7903,6 +10243,7 @@ function initDrawers(options = {}) {
 /******/ 	__webpack_require__("./src/js/modal.js");
 /******/ 	__webpack_require__("./src/js/login.js");
 /******/ 	__webpack_require__("./src/js/learn_repository.js");
+/******/ 	__webpack_require__("./src/js/get-started.js");
 /******/ 	__webpack_require__("./src/js/delete-modal.js");
 /******/ 	__webpack_require__("./src/js/data_health.js");
 /******/ 	__webpack_require__("./src/js/auth.js");
@@ -7913,11 +10254,13 @@ function initDrawers(options = {}) {
 /******/ 	__webpack_require__("./src/js/optimize/context.js");
 /******/ 	__webpack_require__("./src/css/setup.css");
 /******/ 	__webpack_require__("./src/css/setup-detail.css");
+/******/ 	__webpack_require__("./src/css/run-dashboard.css");
 /******/ 	__webpack_require__("./src/css/public-pages.css");
 /******/ 	__webpack_require__("./src/css/project-detail.css");
 /******/ 	__webpack_require__("./src/css/optimize_analysis.css");
 /******/ 	__webpack_require__("./src/css/optimize.css");
 /******/ 	__webpack_require__("./src/css/globals.css");
+/******/ 	__webpack_require__("./src/css/get-started.css");
 /******/ 	var __webpack_exports__ = __webpack_require__("./src/css/data_health.css");
 /******/ 	
 /******/ })()