norn-cli 2.2.2 → 2.4.0

package/out/postmanImportPanel.js

@@ -0,0 +1,732 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostmanImportPanel = void 0;
+const path = __importStar(require("path"));
+const vscode = __importStar(require("vscode"));
+const postmanImportPlanner_1 = require("./postmanImportPlanner");
+const IMPORT_STEPS = [
+    { id: 'select', label: 'Select' },
+    { id: 'review', label: 'Review' },
+    { id: 'result', label: 'Result' },
+];
+class PostmanImportPanel {
+    static currentPanel;
+    static show(extensionUri, mode) {
+        if (PostmanImportPanel.currentPanel) {
+            PostmanImportPanel.currentPanel._panel.reveal(vscode.ViewColumn.One);
+            PostmanImportPanel.currentPanel._setMode(mode);
+            return;
+        }
+        const panel = vscode.window.createWebviewPanel('norn.postmanImport', PostmanImportPanel.getPanelTitle(mode), vscode.ViewColumn.One, {
+            enableScripts: true,
+            retainContextWhenHidden: true,
+        });
+        PostmanImportPanel.currentPanel = new PostmanImportPanel(panel, extensionUri, mode);
+    }
+    _panel;
+    _mode;
+    _stepIndex = 0;
+    _sourceFiles = [];
+    _destinationFolder;
+    _isDialogOpen = false;
+    _destinationSelectedByUser = false;
+    _plan;
+    _writeResult;
+    _lastErrorMessage;
+    _isBusy = false;
+    constructor(panel, _extensionUri, mode) {
+        this._panel = panel;
+        this._mode = mode;
+        this._panel.onDidDispose(() => {
+            if (PostmanImportPanel.currentPanel === this) {
+                PostmanImportPanel.currentPanel = undefined;
+            }
+        });
+        this._panel.webview.onDidReceiveMessage(async (message) => {
+            switch (message.command) {
+                case 'pickSource':
+                    await this._pickSourceFiles();
+                    break;
+                case 'pickDestination':
+                    await this._pickDestinationFolder();
+                    break;
+                case 'executeImport':
+                    await this._executeImport();
+                    break;
+                case 'next':
+                    if (this._stepIndex === IMPORT_STEPS.length - 1) {
+                        this._panel.dispose();
+                        break;
+                    }
+                    if (this._stepIndex === 0 && this._sourceFiles.length === 0) {
+                        void vscode.window.showWarningMessage('Select a Postman JSON file before continuing.');
+                        break;
+                    }
+                    if (this._stepIndex === 0) {
+                        await this._rebuildPlan();
+                    }
+                    if (this._stepIndex === 1 && !this._writeResult) {
+                        await this._executeImport();
+                        break;
+                    }
+                    this._stepIndex = Math.min(this._stepIndex + 1, IMPORT_STEPS.length - 1);
+                    this._render();
+                    break;
+                case 'back':
+                    this._stepIndex = Math.max(this._stepIndex - 1, 0);
+                    this._render();
+                    break;
+                case 'reset':
+                    this._stepIndex = 0;
+                    this._render();
+                    break;
+                case 'close':
+                    this._panel.dispose();
+                    break;
+                default:
+                    break;
+            }
+        });
+        this._render();
+    }
+    _setMode(mode) {
+        this._mode = mode;
+        this._stepIndex = 0;
+        this._sourceFiles = [];
+        this._destinationFolder = undefined;
+        this._destinationSelectedByUser = false;
+        this._plan = undefined;
+        this._writeResult = undefined;
+        this._lastErrorMessage = undefined;
+        this._render();
+    }
+    _render() {
+        this._panel.title = PostmanImportPanel.getPanelTitle(this._mode);
+        this._panel.webview.html = this._getHtml();
+    }
+    _getHtml() {
+        const modeTitle = this._mode === 'collection'
+            ? 'Postman Collection JSON Import'
+            : 'Postman Environment JSON Import';
+        const modeSubtitle = this._mode === 'collection'
+            ? 'Collection import will convert Postman requests/folders into Norn `.nornapi` + `.norn` output.'
+            : 'Environment import will convert Postman environment JSON files into a Norn `.nornenv` file.';
+        const currentStep = IMPORT_STEPS[this._stepIndex];
+        const stepListHtml = IMPORT_STEPS.map((step, index) => {
+            const state = index < this._stepIndex ? 'done' : index === this._stepIndex ? 'current' : 'todo';
+            return `<li class="step ${state}"><span class="step-index">${index + 1}</span><span>${step.label}</span></li>`;
+        }).join('');
+        const bodyHtml = this._getStepBody(currentStep);
+        const canGoBack = this._stepIndex > 0 && !this._isBusy;
+        const canGoNext = this._canGoNext();
+        const canImport = !this._isBusy && !this._writeResult && Boolean(this._plan && this._plan.blockers.length === 0);
+        const isResultStep = this._stepIndex === IMPORT_STEPS.length - 1;
+        const isReviewStep = this._stepIndex === 1;
+        const nextButtonLabel = isResultStep
+            ? 'Finish'
+            : (isReviewStep && !this._writeResult ? 'Import' : 'Next');
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${modeTitle}</title>
+    <style>
+        :root {
+            color-scheme: light dark;
+        }
+        body {
+            font-family: var(--vscode-font-family);
+            font-size: var(--vscode-font-size);
+            color: var(--vscode-foreground);
+            background: var(--vscode-editor-background);
+            margin: 0;
+            padding: 0;
+        }
+        .wrap {
+            padding: 18px;
+            max-width: 980px;
+            margin: 0 auto;
+        }
+        h1 {
+            margin: 0 0 8px 0;
+            font-size: 18px;
+            font-weight: 600;
+        }
+        .subtitle {
+            margin: 0 0 16px 0;
+            color: var(--vscode-descriptionForeground);
+            line-height: 1.4;
+        }
+        .shell-badge {
+            display: inline-block;
+            margin-bottom: 12px;
+            padding: 3px 8px;
+            border-radius: 999px;
+            background: color-mix(in srgb, var(--vscode-button-background) 18%, transparent);
+            color: var(--vscode-foreground);
+            border: 1px solid var(--vscode-panel-border);
+            font-size: 11px;
+            letter-spacing: 0.04em;
+            text-transform: uppercase;
+        }
+        .grid {
+            display: grid;
+            grid-template-columns: 260px 1fr;
+            gap: 14px;
+        }
+        .card {
+            border: 1px solid var(--vscode-panel-border);
+            border-radius: 10px;
+            background: var(--vscode-sideBar-background);
+            padding: 14px;
+        }
+        .card h2 {
+            margin: 0 0 10px 0;
+            font-size: 13px;
+            text-transform: uppercase;
+            letter-spacing: 0.04em;
+            color: var(--vscode-descriptionForeground);
+        }
+        .steps {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        .step {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            padding: 8px 10px;
+            border-radius: 8px;
+            border: 1px solid transparent;
+        }
+        .step.current {
+            border-color: var(--vscode-focusBorder);
+            background: color-mix(in srgb, var(--vscode-focusBorder) 12%, transparent);
+        }
+        .step.done {
+            opacity: 0.9;
+        }
+        .step.todo {
+            opacity: 0.7;
+        }
+        .step-index {
+            width: 20px;
+            height: 20px;
+            border-radius: 50%;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            background: var(--vscode-badge-background);
+            color: var(--vscode-badge-foreground);
+            font-size: 11px;
+            flex-shrink: 0;
+        }
+        .content h3 {
+            margin: 0 0 8px 0;
+            font-size: 16px;
+        }
+        .content p {
+            margin: 0 0 10px 0;
+            line-height: 1.45;
+        }
+        .muted {
+            color: var(--vscode-descriptionForeground);
+        }
+        .placeholder-box {
+            border: 1px dashed var(--vscode-panel-border);
+            border-radius: 8px;
+            padding: 12px;
+            background: color-mix(in srgb, var(--vscode-editor-background) 75%, var(--vscode-sideBar-background));
+        }
+        .path-list {
+            margin: 8px 0 0 16px;
+            padding: 0;
+        }
+        .path-list li {
+            margin: 0 0 6px 0;
+            line-height: 1.35;
+        }
+        .button-row {
+            display: flex;
+            gap: 8px;
+            margin-top: 14px;
+            flex-wrap: wrap;
+        }
+        .button-row.picker-actions {
+            justify-content: center;
+            margin-bottom: 10px;
+        }
+        .button-row.picker-actions button {
+            min-width: 220px;
+        }
+        button {
+            border: 1px solid var(--vscode-button-border, transparent);
+            background: var(--vscode-button-background);
+            color: var(--vscode-button-foreground);
+            padding: 6px 12px;
+            border-radius: 6px;
+            cursor: pointer;
+            text-align: center;
+        }
+        button.secondary {
+            background: var(--vscode-button-secondaryBackground);
+            color: var(--vscode-button-secondaryForeground);
+        }
+        button:disabled {
+            cursor: default;
+            opacity: 0.5;
+        }
+        code {
+            font-family: var(--vscode-editor-font-family);
+            font-size: 90%;
+        }
+        @media (max-width: 700px) {
+            .grid {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="wrap">
+        <div class="shell-badge">Review Before Write</div>
+        <h1>${modeTitle}</h1>
+        <p class="subtitle">${modeSubtitle}</p>
+        <div class="grid">
+            <section class="card">
+                <h2>Steps</h2>
+                <ol class="steps">${stepListHtml}</ol>
+            </section>
+            <section class="card content">
+                ${bodyHtml}
+                <div class="button-row">
+                    <button class="secondary" data-command="back" ${canGoBack ? '' : 'disabled'}>Back</button>
+                    <button data-command="next" ${canGoNext ? '' : 'disabled'}>${nextButtonLabel}</button>
+                </div>
+            </section>
+        </div>
+    </div>
+    <script>
+        const vscode = acquireVsCodeApi();
+        document.querySelectorAll('button[data-command]').forEach((button) => {
+            button.addEventListener('click', () => {
+                const command = button.getAttribute('data-command');
+                vscode.postMessage({ command });
+            });
+        });
+    </script>
+</body>
+</html>`;
+    }
+    _getStepBody(step) {
+        const modeLabel = this._mode === 'collection' ? 'collection JSON file' : 'environment JSON file(s)';
+        const sourceTitle = this._mode === 'collection' ? 'Collection JSON' : 'Environment JSON files';
+        const sourceButtonLabel = this._mode === 'collection' ? 'Choose Collection JSON' : 'Choose Environment JSON File(s)';
+        const selectedSourceHtml = this._sourceFiles.length > 0
+            ? `
+                <div class="placeholder-box">
+                    <p><strong>${sourceTitle} selected:</strong></p>
+                    <ul class="path-list">
+                        ${this._sourceFiles.map((uri) => `<li><code>${this._escapeHtml(uri.fsPath)}</code></li>`).join('')}
+                    </ul>
+                </div>
+            `
+            : `
+                <div class="placeholder-box">
+                    <p>No Postman ${modeLabel} selected yet.</p>
+                </div>
+            `;
+        const destinationHtml = this._destinationFolder
+            ? `<code>${this._escapeHtml(this._destinationFolder.fsPath)}</code>`
+            : '<em>Not selected yet</em>';
+        const planSummaryHtml = this._plan ? this._renderPlanSummaryHtml() : '';
+        const planWarningsHtml = this._plan ? this._renderWarningsHtml() : '';
+        const planBlockersHtml = this._plan ? this._renderBlockersHtml() : '';
+        const busyHtml = this._isBusy ? '<p><strong>Working...</strong></p>' : '';
+        const errorHtml = this._lastErrorMessage
+            ? `<div class="placeholder-box"><p><strong>Error:</strong> ${this._escapeHtml(this._lastErrorMessage)}</p></div>`
+            : '';
+        switch (step.id) {
+            case 'select':
+                return `
+                    <h3>Select Source</h3>
+                    <p>Select the Postman ${modeLabel} and a destination folder.</p>
+                    <div class="button-row picker-actions">
+                        <button data-command="pickSource">${sourceButtonLabel}</button>
+                        <button class="secondary" data-command="pickDestination">Choose Destination Folder</button>
+                    </div>
+                    ${selectedSourceHtml}
+                    <div class="placeholder-box">
+                        <p><strong>Destination folder:</strong> ${destinationHtml}</p>
+                    </div>
+                    ${errorHtml}
+                `;
+            case 'review':
+                return `
+                    <h3>Review</h3>
+                    <p>Review the import summary before writing files.</p>
+                    ${busyHtml}
+                    ${planSummaryHtml || `<div class="placeholder-box"><p>No import plan is available yet.</p></div>`}
+                    ${planWarningsHtml}
+                    ${planBlockersHtml}
+                    ${errorHtml}
+                `;
+            case 'result':
+                return `
+                    <h3>Result</h3>
+                    <p>Import result summary.</p>
+                    ${this._renderResultHtml()}
+                    ${planWarningsHtml}
+                    ${errorHtml}
+                `;
+            default:
+                return '<h3>Postman Import</h3><p>Unknown step.</p>';
+        }
+    }
+    async _pickSourceFiles() {
+        if (this._isDialogOpen) {
+            return;
+        }
+        this._isDialogOpen = true;
+        try {
+            const picked = await vscode.window.showOpenDialog({
+                canSelectFiles: true,
+                canSelectFolders: false,
+                canSelectMany: this._mode === 'environment',
+                filters: { JSON: ['json'] },
+                title: this._mode === 'collection'
+                    ? 'Select Postman Collection JSON'
+                    : 'Select Postman Environment JSON File(s)',
+                openLabel: this._mode === 'collection' ? 'Select Collection' : 'Select Environment File(s)',
+                defaultUri: this._getWorkspaceDefaultUri() ?? this._sourceFiles[0],
+            });
+            if (!picked || picked.length === 0) {
+                return;
+            }
+            this._sourceFiles = this._mode === 'collection' ? [picked[0]] : picked;
+            this._writeResult = undefined;
+            this._plan = undefined;
+            this._lastErrorMessage = undefined;
+            if (!this._destinationSelectedByUser) {
+                this._destinationFolder = this._suggestDestinationFolderFromSources();
+            }
+            this._stepIndex = 0;
+            this._render();
+        }
+        finally {
+            this._isDialogOpen = false;
+        }
+    }
+    async _pickDestinationFolder() {
+        if (this._isDialogOpen) {
+            return;
+        }
+        this._isDialogOpen = true;
+        try {
+            const picked = await vscode.window.showOpenDialog({
+                canSelectFiles: false,
+                canSelectFolders: true,
+                canSelectMany: false,
+                title: 'Select Destination Folder for Generated Norn Files',
+                openLabel: 'Select Destination',
+                defaultUri: this._getWorkspaceDefaultUri() ?? this._destinationFolder ?? this._sourceFiles[0],
+            });
+            if (!picked || picked.length === 0) {
+                return;
+            }
+            this._destinationFolder = picked[0];
+            this._destinationSelectedByUser = true;
+            this._writeResult = undefined;
+            if (this._sourceFiles.length > 0) {
+                await this._rebuildPlan();
+            }
+            else {
+                this._render();
+            }
+        }
+        finally {
+            this._isDialogOpen = false;
+        }
+    }
+    async _rebuildPlan() {
+        if (!this._destinationFolder || this._sourceFiles.length === 0) {
+            this._plan = undefined;
+            this._writeResult = undefined;
+            this._render();
+            return;
+        }
+        this._isBusy = true;
+        this._lastErrorMessage = undefined;
+        this._render();
+        try {
+            this._plan = (0, postmanImportPlanner_1.buildPostmanImportPlan)(this._mode, this._sourceFiles.map(uri => uri.fsPath), this._destinationFolder.fsPath);
+            // After parse, refine collection destination suggestion if the user hasn't picked one manually.
+            if (!this._destinationSelectedByUser && this._mode === 'collection' && this._plan.summary.title) {
+                const suggested = this._suggestCollectionDestinationFromPlanTitle(this._plan.summary.title);
+                if (suggested && (!this._destinationFolder || this._destinationFolder.fsPath !== suggested.fsPath)) {
+                    this._destinationFolder = suggested;
+                    this._plan = (0, postmanImportPlanner_1.buildPostmanImportPlan)(this._mode, this._sourceFiles.map(uri => uri.fsPath), this._destinationFolder.fsPath);
+                }
+            }
+            this._writeResult = undefined;
+        }
+        catch (error) {
+            this._plan = undefined;
+            this._lastErrorMessage = error instanceof Error ? error.message : String(error);
+        }
+        finally {
+            this._isBusy = false;
+            this._render();
+        }
+    }
+    async _executeImport() {
+        if (!this._plan) {
+            void vscode.window.showWarningMessage('No import plan is available yet. Select a source file and review the plan first.');
+            return;
+        }
+        if (this._plan.blockers.length > 0) {
+            void vscode.window.showWarningMessage('Import is blocked. Resolve blockers (for example file overlaps) before importing.');
+            return;
+        }
+        this._isBusy = true;
+        this._lastErrorMessage = undefined;
+        this._render();
+        try {
+            this._writeResult = (0, postmanImportPlanner_1.writePostmanImportPlan)(this._plan);
+            this._stepIndex = IMPORT_STEPS.length - 1;
+            this._render();
+            void vscode.window.showInformationMessage(`Norn: Imported ${this._writeResult.createdFiles.length} file(s) from Postman.`);
+        }
+        catch (error) {
+            this._lastErrorMessage = error instanceof Error ? error.message : String(error);
+        }
+        finally {
+            this._isBusy = false;
+            this._render();
+        }
+    }
+    _getWorkspaceDefaultUri() {
+        return vscode.workspace.workspaceFolders?.[0]?.uri;
+    }
+    _suggestDestinationFolderFromSources() {
+        if (this._sourceFiles.length === 0) {
+            return this._getWorkspaceDefaultUri();
+        }
+        const sourceDir = path.dirname(this._sourceFiles[0].fsPath);
+        if (this._mode === 'collection') {
+            const sourceBaseName = path.basename(this._sourceFiles[0].fsPath, path.extname(this._sourceFiles[0].fsPath));
+            const folderName = this._toKebab(sourceBaseName) || 'postman-import';
+            return vscode.Uri.file(path.join(sourceDir, folderName));
+        }
+        return vscode.Uri.file(sourceDir);
+    }
+    _suggestCollectionDestinationFromPlanTitle(title) {
+        if (this._sourceFiles.length === 0) {
+            return undefined;
+        }
+        const sourceDir = path.dirname(this._sourceFiles[0].fsPath);
+        const folderName = this._toKebab(title) || 'postman-import';
+        return vscode.Uri.file(path.join(sourceDir, folderName));
+    }
+    _canGoNext() {
+        if (this._isBusy) {
+            return false;
+        }
+        if (this._stepIndex >= IMPORT_STEPS.length - 1) {
+            return true;
+        }
+        if (this._stepIndex === 0) {
+            return this._sourceFiles.length > 0;
+        }
+        if (this._stepIndex === 1) {
+            if (this._writeResult) {
+                return true;
+            }
+            return Boolean(this._plan && this._plan.blockers.length === 0);
+        }
+        return true;
+    }
+    _renderPlanSummaryHtml() {
+        if (!this._plan) {
+            return '';
+        }
+        const summary = this._plan.summary;
+        const fileList = this._plan.files.slice(0, 12).map(file => {
+            const badges = [];
+            if (file.writeMode === 'append') {
+                badges.push('append');
+            }
+            else if (file.existsCollision) {
+                badges.push('exists');
+            }
+            const badgeText = badges.length > 0 ? ` <strong>(${badges.join(', ')})</strong>` : '';
+            return `<li><code>${this._escapeHtml(file.relativePath)}</code>${badgeText}</li>`;
+        }).join('');
+        const moreFiles = this._plan.files.length > 12 ? `<li>...and ${this._plan.files.length - 12} more</li>` : '';
+        const detailRows = [];
+        if (summary.kind === 'collection') {
+            detailRows.push(`<p><strong>Folders:</strong> ${summary.folderCount}</p>`);
+            detailRows.push(`<p><strong>Requests:</strong> ${summary.requestCount}</p>`);
+            detailRows.push(`<p><strong>Collection variables:</strong> ${summary.variableCount}</p>`);
+        }
+        else {
+            detailRows.push(`<p><strong>Environments:</strong> ${summary.environmentCount}</p>`);
+            detailRows.push(`<p><strong>Imported values:</strong> ${summary.variableCount}</p>`);
+            detailRows.push(`<p><strong>Marked secret:</strong> ${summary.secretCount}</p>`);
+        }
+        return `
+            <div class="placeholder-box">
+                <p><strong>Title:</strong> ${this._escapeHtml(summary.title)}</p>
+                <p><strong>Destination:</strong> <code>${this._escapeHtml(summary.destinationFolder)}</code></p>
+                <p><strong>Source files:</strong> ${summary.sourceFileCount}</p>
+                <p><strong>Files to create:</strong> ${summary.fileCount}</p>
+                ${detailRows.join('')}
+            </div>
+            <div class="placeholder-box">
+                <p><strong>Planned files</strong></p>
+                <ul class="path-list">${fileList}${moreFiles}</ul>
+            </div>
+        `;
+    }
+    _renderWarningsHtml() {
+        if (!this._plan || this._plan.warnings.length === 0) {
+            return '';
+        }
+        const warningItems = this._plan.warnings.slice(0, 10).map(warning => {
+            const contextBits = [warning.requestName, warning.sourcePath].filter(Boolean).map(value => this._escapeHtml(String(value)));
+            const contextText = contextBits.length > 0 ? ` <span class="muted">(${contextBits.join(' | ')})</span>` : '';
+            return `<li>${this._escapeHtml(warning.message)}${contextText}</li>`;
+        }).join('');
+        const moreWarnings = this._plan.warnings.length > 10 ? `<li>...and ${this._plan.warnings.length - 10} more warning(s)</li>` : '';
+        return `
+            <div class="placeholder-box">
+                <p><strong>Warnings (${this._plan.warnings.length})</strong></p>
+                <ul class="path-list">${warningItems}${moreWarnings}</ul>
+            </div>
+        `;
+    }
+    _renderBlockersHtml() {
+        if (!this._plan || this._plan.blockers.length === 0) {
+            return '';
+        }
+        const blockerItems = this._plan.blockers.map(blocker => {
+            const pathHtml = blocker.path ? ` <span class="muted">(${this._escapeHtml(blocker.path)})</span>` : '';
+            return `<li>${this._escapeHtml(blocker.message)}${pathHtml}</li>`;
+        }).join('');
+        return `
+            <div class="placeholder-box">
+                <p><strong>Blockers (${this._plan.blockers.length})</strong> - Import cannot continue until these are resolved.</p>
+                <ul class="path-list">${blockerItems}</ul>
+            </div>
+        `;
+    }
+    _renderImportActionHtml() {
+        if (!this._plan) {
+            return '';
+        }
+        if (this._writeResult) {
+            return `
+                <div class="placeholder-box">
+                    <p><strong>Import already completed.</strong> Use Next to view the result summary.</p>
+                </div>
+            `;
+        }
+        const disabled = this._isBusy || this._plan.blockers.length > 0;
+        const reason = this._plan.blockers.length > 0
+            ? '<p>Import is blocked. Resolve blockers (usually file overlaps or invalid input) before retrying.</p>'
+            : '<p>Ready to write files to disk.</p>';
+        return `
+            <div class="placeholder-box">
+                ${reason}
+                <div class="button-row">
+                    <button data-command="executeImport" ${disabled ? 'disabled' : ''}>Import</button>
+                </div>
+            </div>
+        `;
+    }
+    _renderResultHtml() {
+        if (!this._writeResult) {
+            return `
+                <div class="placeholder-box">
+                    <p>No import has been executed yet.</p>
+                </div>
+            `;
+        }
+        const created = this._writeResult.createdFiles.map(file => `<li><code>${this._escapeHtml(file)}</code></li>`).join('');
+        const skipped = this._writeResult.skippedFiles.length > 0
+            ? `<p><strong>Skipped files:</strong> ${this._writeResult.skippedFiles.length}</p>`
+            : '';
+        return `
+            <div class="placeholder-box">
+                <p><strong>Created files:</strong> ${this._writeResult.createdFiles.length}</p>
+                ${skipped}
+                <p><strong>Warnings:</strong> ${this._writeResult.warningCount}</p>
+            </div>
+            <div class="placeholder-box">
+                <p><strong>Created file list</strong></p>
+                <ul class="path-list">${created || '<li>(none)</li>'}</ul>
+            </div>
+        `;
+    }
+    _escapeHtml(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+    }
+    _toKebab(value) {
+        return value
+            .trim()
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/[^A-Za-z0-9]+/g, '-')
+            .replace(/^-+|-+$/g, '')
+            .toLowerCase();
+    }
+    static getPanelTitle(mode) {
+        return mode === 'collection'
+            ? 'Norn: Import Postman Collection'
+            : 'Norn: Import Postman Environment';
+    }
+}
+exports.PostmanImportPanel = PostmanImportPanel;
+//# sourceMappingURL=postmanImportPanel.js.map