Function render

extensions/java-modernization-studio/renderer.mjs:874–898

()

    // ---- shell ---------------------------------------------------------------

    function render() {
        if (!state) {
            $("#app").innerHTML = '<div class="empty"><span class="spin"></span> Loading…</div>';
            return;
        }
        if (!state.ok) {
            $("#app").innerHTML = emptyState("Repo not available", esc(state.error || "Could not read the repository."), btn("Retry", "refresh", {}, { primary: true }));
            renderHeader();
            return;
        }
        renderHeader();
        autopilotRunning = !!(state.autopilot && state.autopilot.running);
        const tabs = { overview: overviewTab, readiness: doctorTab, assessment: assessmentTab, plan: planTab, validation: validationTab, tasks: tasksTab, summary: summaryTab };
        let body = "";
        try {
            body = autopilotStrip(state);
            body += pending ? '<div class="banner"><span class="spin"></span> Sent to the agent: <b>' + esc(pending) + "</b>. Watch the chat; this view refreshes when the turn finishes.</div>" : "";
            body += (tabs[activeTab] || overviewTab)(state);
        } catch (e) {
            // A tab renderer threw — show the error instead of silently leaving the
            // previous tab's content on screen (which looks like a dead click).
            body = '<div class="banner banner-red">This view hit an error: ' + esc(e && e.message ? e.message : String(e)) + " " + btn("Reload", "refresh", {}, { primary: true }) + "</div>";
        }
        $("#app").innerHTML = body;
    }

    function renderHeader() {
        const s = state || {};