inup 1.5.5 → 1.6.0

package/dist/ui/renderer/help-modal.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderHelpModal = renderHelpModal;
+const chalk_1 = __importDefault(require("chalk"));
+const modal_1 = require("../modal");
+const keymap_1 = require("../keymap");
+const themes_colors_1 = require("../themes-colors");
+const KEY_COLUMN_WIDTH = 9;
+/**
+ * Render the `?` help overlay with a pinned title + scrollable body, identical
+ * in structure to the performance panel so it handles small terminals gracefully.
+ */
+function renderHelpModal(terminalWidth, terminalHeight, scrollOffset = 0) {
+    const modalWidth = (0, modal_1.getModalWidth)(terminalWidth, 54, 76);
+    const padding = Math.floor((terminalWidth - modalWidth) / 2);
+    const fixedModalHeight = Math.max(10, terminalHeight - 2);
+    // ── Pinned header (title) ──────────────────────────────────────────────────
+    const pinnedRows = [chalk_1.default.bold((0, themes_colors_1.getThemeColor)('primary')('Keyboard Shortcuts'))];
+    const pinnedRowCount = pinnedRows.length;
+    // ── Scrollable body (groups → bindings) ───────────────────────────────────
+    const bodyRows = [];
+    for (const { group, bindings } of (0, keymap_1.getHelpGroups)()) {
+        if (bodyRows.length > 0)
+            bodyRows.push('');
+        bodyRows.push((0, themes_colors_1.getThemeColor)('textSecondary')(group));
+        for (const binding of bindings) {
+            bodyRows.push('  ' +
+                chalk_1.default.bold.white(binding.displayKeys.padEnd(KEY_COLUMN_WIDTH)) +
+                (0, themes_colors_1.getThemeColor)('textSecondary')(binding.help));
+        }
+    }
+    // ── Scroll math (mirrors renderPerformanceModal) ───────────────────────────
+    // frame = top border + pinned rows + separator + body rows + bottom border
+    const availableForBody = Math.max(3, fixedModalHeight - 2 - pinnedRowCount - 1);
+    const totalScrollableRows = bodyRows.length;
+    const needsScroll = totalScrollableRows > availableForBody;
+    const visibleBodyRows = needsScroll ? Math.max(1, availableForBody - 1) : availableForBody;
+    const maxScroll = Math.max(0, totalScrollableRows - visibleBodyRows);
+    const clampedOffset = Math.min(Math.max(0, scrollOffset), maxScroll);
+    const visibleSlice = bodyRows.slice(clampedOffset, clampedOffset + visibleBodyRows);
+    // ── Render ─────────────────────────────────────────────────────────────────
+    const lines = [];
+    const topPadding = Math.max(0, Math.floor((terminalHeight - fixedModalHeight) / 2));
+    for (let i = 0; i < topPadding; i++)
+        lines.push('');
+    lines.push(' '.repeat(padding) + chalk_1.default.gray('╭' + '─'.repeat(modalWidth - 2) + '╮'));
+    for (const row of pinnedRows) {
+        lines.push((0, modal_1.renderModalRow)(padding, modalWidth, row));
+    }
+    lines.push((0, modal_1.renderModalSeparator)(padding, modalWidth));
+    for (const row of visibleSlice) {
+        lines.push((0, modal_1.renderModalRow)(padding, modalWidth, row));
+    }
+    const footer = needsScroll
+        ? chalk_1.default.gray(`Lines ${clampedOffset + 1}-${Math.min(clampedOffset + visibleBodyRows, totalScrollableRows)} of ${totalScrollableRows}`)
+        : null;
+    const usedContentRows = pinnedRowCount + 1 + visibleSlice.length + (footer ? 1 : 0);
+    const totalContentSlots = fixedModalHeight - 2;
+    const emptyRows = Math.max(0, totalContentSlots - usedContentRows);
+    for (let i = 0; i < emptyRows; i++)
+        lines.push((0, modal_1.renderModalRow)(padding, modalWidth, ''));
+    if (footer)
+        lines.push((0, modal_1.renderModalRow)(padding, modalWidth, footer));
+    lines.push(' '.repeat(padding) + chalk_1.default.gray('╰' + '─'.repeat(modalWidth - 2) + '╯'));
+    return {
+        lines,
+        maxScrollOffset: maxScroll,
+        totalContentRows: totalScrollableRows,
+        usesInternalScroll: needsScroll,
+    };
+}
+//# sourceMappingURL=help-modal.js.map

package/dist/ui/renderer/index.js

@@ -44,17 +44,14 @@ const Modal = __importStar(require("../modal"));
  * Main UI renderer class that composes all rendering parts
  */
 class UIRenderer {
-    renderPackageLine(state, index, isCurrentRow, options) {
-        return PackageList.renderPackageLine(state, index, isCurrentRow, 80, options);
-    }
     renderSectionHeader(title, sectionType) {
         return PackageList.renderSectionHeader(title, sectionType);
     }
     renderSpacer() {
         return PackageList.renderSpacer();
     }
-    renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80, loadingProgress, auditProgress, options) {
-        return PackageList.renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth, loadingProgress, auditProgress, options);
+    renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80, loadingProgress, auditProgress, options, notice) {
+        return PackageList.renderInterface(states, currentRow, scrollOffset, maxVisibleItems, forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth, loadingProgress, auditProgress, options, notice);
     }
     renderPackagesTable(packages) {
         return PackageList.renderPackagesTable(packages);

package/dist/ui/renderer/package-list/interface.js

@@ -0,0 +1,184 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderInterface = renderInterface;
+exports.renderPackagesTable = renderPackagesTable;
+const chalk_1 = __importDefault(require("chalk"));
+const utils_1 = require("../../utils");
+const themes_colors_1 = require("../../themes-colors");
+const config_1 = require("../../../config");
+const rows_1 = require("./rows");
+const keymap_1 = require("../../keymap");
+function renderInterface(states, currentRow, scrollOffset, maxVisibleItems, _forceFullRender, renderableItems, activeFilterLabel, packageManager, filterMode, filterQuery, totalPackagesBeforeFilter, terminalWidth = 80, loadingProgress, auditProgress, options = {}, notice) {
+    const output = [];
+    if (packageManager) {
+        const colorMap = {
+            npm: chalk_1.default.red,
+            yarn: chalk_1.default.blue,
+            pnpm: chalk_1.default.yellow,
+            bun: chalk_1.default.magenta,
+        };
+        const pmColor = colorMap[packageManager.name] || packageManager.color;
+        const headerLine = '  ' +
+            chalk_1.default.bold(pmColor('🚀')) +
+            ' ' +
+            (0, themes_colors_1.coloredInupLogo)() +
+            (0, themes_colors_1.getThemeColor)('textSecondary')(` (${packageManager.displayName})`);
+        const fullHeaderLine = activeFilterLabel
+            ? headerLine +
+                (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') +
+                (0, themes_colors_1.getThemeColor)('primary')(activeFilterLabel)
+            : headerLine;
+        const headerPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(fullHeaderLine));
+        output.push(fullHeaderLine + ' '.repeat(headerPadding));
+    }
+    else {
+        const headerLine = '  ' + chalk_1.default.bold.blue('🚀 ') + (0, themes_colors_1.coloredInupLogo)();
+        const fullHeaderLine = activeFilterLabel
+            ? headerLine +
+                (0, themes_colors_1.getThemeColor)('textSecondary')(' - ') +
+                (0, themes_colors_1.getThemeColor)('primary')(activeFilterLabel)
+            : headerLine;
+        const headerPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(fullHeaderLine));
+        output.push(fullHeaderLine + ' '.repeat(headerPadding));
+    }
+    output.push('');
+    if (filterMode) {
+        const filterDisplay = '  ' +
+            chalk_1.default.bold.white('Search: ') +
+            (0, themes_colors_1.getThemeColor)('primary')(filterQuery || '') +
+            (0, themes_colors_1.getThemeColor)('border')('█');
+        const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(filterDisplay));
+        output.push(filterDisplay + ' '.repeat(padding));
+    }
+    else if (filterQuery) {
+        const filterDisplay = '  ' +
+            chalk_1.default.bold.white('Search: ') +
+            (0, themes_colors_1.getThemeColor)('primary')(filterQuery) +
+            (0, themes_colors_1.getThemeColor)('textSecondary')(' (press / to edit)');
+        const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(filterDisplay));
+        output.push(filterDisplay + ' '.repeat(padding));
+    }
+    else {
+        const hintLine = (0, keymap_1.getFooterHints)()
+            .map(({ keyLabel, label }) => chalk_1.default.bold.white(keyLabel + ' ') + (0, themes_colors_1.getThemeColor)('textSecondary')(label))
+            .join('  ');
+        output.push('  ' + hintLine);
+    }
+    const totalPackages = states.length;
+    const totalBeforeFilter = totalPackagesBeforeFilter || totalPackages;
+    const totalVisualItems = renderableItems && renderableItems.length > 0 ? renderableItems.length : totalPackages;
+    const startItem = scrollOffset + 1;
+    const endItem = Math.min(scrollOffset + maxVisibleItems, totalVisualItems);
+    let statusLine = '';
+    if (filterMode) {
+        if (totalPackages === 0) {
+            statusLine =
+                (0, themes_colors_1.getThemeColor)('warning')(`No matches found`) +
+                    '  ' +
+                    chalk_1.default.bold.white('Esc ') +
+                    chalk_1.default.gray('Clear');
+        }
+        else if (totalVisualItems > maxVisibleItems) {
+            statusLine =
+                (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches`) +
+                    '  ' +
+                    chalk_1.default.bold.white('Enter ') +
+                    chalk_1.default.gray('Apply') +
+                    '  ' +
+                    chalk_1.default.bold.white('Esc ') +
+                    chalk_1.default.gray('Clear');
+        }
+        else {
+            statusLine =
+                (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches`) +
+                    '  ' +
+                    chalk_1.default.bold.white('Enter ') +
+                    chalk_1.default.gray('Apply') +
+                    '  ' +
+                    chalk_1.default.bold.white('Esc ') +
+                    chalk_1.default.gray('Clear');
+        }
+    }
+    else if (totalPackages < totalBeforeFilter) {
+        // Footer already lists D/P/O, M, L, U — status line just shows count + Esc.
+        const matchCount = totalVisualItems > maxVisibleItems
+            ? (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} matches`)
+            : (0, themes_colors_1.getThemeColor)('textSecondary')(`Showing all ${chalk_1.default.white(totalPackages)} matches`);
+        statusLine =
+            matchCount + '  ' + chalk_1.default.bold.white('Esc ') + chalk_1.default.gray('Clear filter');
+    }
+    else {
+        if (totalVisualItems > maxVisibleItems) {
+            statusLine =
+                chalk_1.default.gray(`Showing ${chalk_1.default.white(startItem)}-${chalk_1.default.white(endItem)} of ${chalk_1.default.white(totalPackages)} packages`) +
+                    '  ' +
+                    chalk_1.default.bold.white('Enter ') +
+                    chalk_1.default.gray('Confirm');
+        }
+        else {
+            statusLine =
+                chalk_1.default.gray(`Showing all ${chalk_1.default.white(totalPackages)} packages`) +
+                    '  ' +
+                    chalk_1.default.bold.white('Enter ') +
+                    chalk_1.default.gray('Confirm');
+        }
+    }
+    if (auditProgress && auditProgress.total > 0) {
+        const auditLabel = auditProgress.isRunning
+            ? `Audit ${auditProgress.completed}/${auditProgress.total}`
+            : `Audit ${auditProgress.total}/${auditProgress.total}`;
+        statusLine += '  ' + (0, themes_colors_1.getThemeColor)('textSecondary')(auditLabel);
+    }
+    // A one-shot notice (e.g. "nothing selected") replaces the status line for a
+    // single render so the layout height stays constant.
+    const statusContent = notice ? (0, themes_colors_1.getThemeColor)('warning')(notice) : statusLine;
+    const statusLineFull = '  ' + statusContent;
+    const statusPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(statusLineFull));
+    output.push(statusLineFull + ' '.repeat(statusPadding));
+    output.push('');
+    if (renderableItems && renderableItems.length > 0) {
+        for (let i = scrollOffset; i < Math.min(scrollOffset + maxVisibleItems, renderableItems.length); i++) {
+            const item = renderableItems[i];
+            if (item.type === 'header') {
+                output.push((0, rows_1.renderSectionHeader)(item.title, item.sectionType));
+            }
+            else if (item.type === 'spacer') {
+                output.push((0, rows_1.renderSpacer)());
+            }
+            else if (item.type === 'package') {
+                const line = (0, rows_1.renderPackageLine)(item.state, item.originalIndex, item.originalIndex === currentRow, terminalWidth, options);
+                output.push(line);
+            }
+        }
+    }
+    else {
+        for (let i = scrollOffset; i < Math.min(scrollOffset + maxVisibleItems, states.length); i++) {
+            const line = (0, rows_1.renderPackageLine)(states[i], i, i === currentRow, terminalWidth, options);
+            output.push(line);
+        }
+    }
+    if (loadingProgress?.isLoading) {
+        const loadingLabel = `Loading packages... (${loadingProgress.resolved}/${loadingProgress.total} checked)`;
+        const failedLabel = loadingProgress.failed > 0 ? ` ${loadingProgress.failed} unavailable` : '';
+        const loadingLine = '  ' +
+            (0, themes_colors_1.getThemeColor)('textSecondary')(loadingLabel) +
+            (failedLabel ? chalk_1.default.yellow(failedLabel) : '');
+        const loadingPadding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(loadingLine));
+        output.push(loadingLine + ' '.repeat(loadingPadding));
+    }
+    return output.map((line) => (0, rows_1.padLineToWidth)(line, terminalWidth));
+}
+function renderPackagesTable(packages) {
+    if (packages.length === 0) {
+        return chalk_1.default.green('✅ All packages are up to date!');
+    }
+    const outdatedPackages = packages.filter((p) => p.isOutdated);
+    if (outdatedPackages.length === 0) {
+        return chalk_1.default.green('✅ All packages are up to date!');
+    }
+    return chalk_1.default.bold.blue(`🚀 ${config_1.PACKAGE_NAME}\n`);
+}
+//# sourceMappingURL=interface.js.map

package/dist/ui/renderer/package-list/rows.js

@@ -0,0 +1,177 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.padLineToWidth = padLineToWidth;
+exports.renderPackageLine = renderPackageLine;
+exports.renderSectionHeader = renderSectionHeader;
+exports.renderSpacer = renderSpacer;
+const chalk_1 = __importDefault(require("chalk"));
+const utils_1 = require("../../utils");
+const themes_colors_1 = require("../../themes-colors");
+const vulnerability_1 = require("../../presenters/vulnerability");
+const health_1 = require("../../presenters/health");
+function padLineToWidth(line, terminalWidth) {
+    const padding = Math.max(0, terminalWidth - utils_1.VersionUtils.getVisualLength(line));
+    return line + ' '.repeat(padding);
+}
+function getTypeBadge(type) {
+    switch (type) {
+        case 'devDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[D]');
+        case 'peerDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[P]');
+        case 'optionalDependencies':
+            return (0, themes_colors_1.getThemeColor)('textSecondary')('[O]');
+        case 'dependencies':
+        default:
+            return '';
+    }
+}
+function renderPackageLine(state, _index, isCurrentRow, terminalWidth = 80, options = {}) {
+    const prefix = isCurrentRow ? (0, themes_colors_1.getThemeColor)('success')('❯ ') : '  ';
+    let packageName;
+    if (state.name.startsWith('@')) {
+        const parts = state.name.split('/');
+        if (parts.length >= 2) {
+            const author = parts[0];
+            const packagePart = parts.slice(1).join('/');
+            if (isCurrentRow) {
+                packageName =
+                    chalk_1.default.bold((0, themes_colors_1.getThemeColor)('packageAuthor')(author)) +
+                        (0, themes_colors_1.getThemeColor)('packageName')('/' + packagePart);
+            }
+            else {
+                packageName = chalk_1.default.bold.white(author) + chalk_1.default.white('/' + packagePart);
+            }
+        }
+        else {
+            packageName = isCurrentRow
+                ? (0, themes_colors_1.getThemeColor)('packageName')(state.name)
+                : chalk_1.default.white(state.name);
+        }
+    }
+    else {
+        packageName = isCurrentRow ? (0, themes_colors_1.getThemeColor)('packageName')(state.name) : chalk_1.default.white(state.name);
+    }
+    const isCurrentSelected = state.selectedOption === 'none';
+    const isRangeSelected = state.selectedOption === 'range';
+    const isLatestSelected = state.selectedOption === 'latest';
+    const isPending = state.loadState === 'pending';
+    const isFailed = state.loadState === 'failed';
+    const currentDot = isCurrentSelected ? (0, themes_colors_1.getThemeColor)('dot')('●') : (0, themes_colors_1.getThemeColor)('dotEmpty')('○');
+    const currentVersion = chalk_1.default.white(state.currentVersionSpecifier);
+    let rangeDot = '';
+    let rangeVersionText = '';
+    if (isPending) {
+        rangeDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('◌');
+        rangeVersionText = chalk_1.default.gray('loading');
+    }
+    else if (isFailed) {
+        rangeDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('◌');
+        rangeVersionText = chalk_1.default.gray('unavailable');
+    }
+    else if (state.hasRangeUpdate) {
+        rangeDot = isRangeSelected ? (0, themes_colors_1.getThemeColor)('dot')('●') : (0, themes_colors_1.getThemeColor)('dotEmpty')('○');
+        const rangeVersionWithPrefix = utils_1.VersionUtils.applyVersionPrefix(state.currentVersionSpecifier, state.rangeVersion);
+        rangeVersionText = (0, themes_colors_1.getThemeColor)('versionRange')(rangeVersionWithPrefix);
+    }
+    else {
+        rangeDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('○');
+        rangeVersionText = '';
+    }
+    let latestDot = '';
+    let latestVersionText = '';
+    if (isPending) {
+        latestDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('◌');
+        latestVersionText = chalk_1.default.gray('loading');
+    }
+    else if (isFailed) {
+        latestDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('◌');
+        latestVersionText = chalk_1.default.gray('unavailable');
+    }
+    else if (state.hasMajorUpdate) {
+        latestDot = isLatestSelected ? (0, themes_colors_1.getThemeColor)('dot')('●') : (0, themes_colors_1.getThemeColor)('dotEmpty')('○');
+        const latestVersionWithPrefix = utils_1.VersionUtils.applyVersionPrefix(state.currentVersionSpecifier, state.latestVersion);
+        latestVersionText = (0, themes_colors_1.getThemeColor)('versionLatest')(latestVersionWithPrefix);
+    }
+    else {
+        latestDot = (0, themes_colors_1.getThemeColor)('dotEmpty')('○');
+        latestVersionText = '';
+    }
+    const currentColumnWidth = 16;
+    const rangeColumnWidth = 16;
+    const latestColumnWidth = 16;
+    const spacingWidth = 3;
+    const maxPackageNameWidth = 50;
+    const minPackageNameWidth = 24;
+    const otherColumnsWidth = currentColumnWidth + rangeColumnWidth + latestColumnWidth + spacingWidth * 3;
+    const prefixWidth = 2;
+    const availableForPackageName = terminalWidth - prefixWidth - otherColumnsWidth - 1;
+    const packageNameWidth = Math.min(maxPackageNameWidth, Math.max(minPackageNameWidth, availableForPackageName));
+    const badgeWidth = state.type === 'dependencies' ? 0 : 3;
+    const truncatedName = utils_1.VersionUtils.truncateMiddle(state.name, packageNameWidth - 1 - badgeWidth);
+    const shouldShowDashes = (paddingAmount) => paddingAmount > 2;
+    const dashColor = isCurrentRow ? chalk_1.default.white : chalk_1.default.gray;
+    const displayName = truncatedName !== state.name ? truncatedName : packageName;
+    const typeBadge = getTypeBadge(state.type);
+    const shouldShowVulnerability = (0, vulnerability_1.shouldDisplayVulnerabilityForDependency)(state.type, options);
+    const vulnBadge = shouldShowVulnerability ? (0, vulnerability_1.getVulnerabilityBadge)(state.vulnerability) : '';
+    const vulnBadgeWidth = vulnBadge ? utils_1.VersionUtils.getVisualLength(vulnBadge) + 1 : 0;
+    // Deprecation / engines-incompatibility marker (independent of dep type).
+    const healthBadge = (0, health_1.getHealthBadge)(state);
+    const healthBadgeWidth = healthBadge ? utils_1.VersionUtils.getVisualLength(healthBadge) + 1 : 0;
+    const nameLength = utils_1.VersionUtils.getVisualLength(truncatedName);
+    const namePadding = Math.max(0, packageNameWidth - nameLength - 1 - badgeWidth - vulnBadgeWidth - healthBadgeWidth);
+    const nameDashes = shouldShowDashes(namePadding)
+        ? dashColor('-').repeat(namePadding)
+        : ' '.repeat(namePadding);
+    const vulnSuffix = vulnBadge ? ` ${vulnBadge}` : '';
+    const healthSuffix = healthBadge ? ` ${healthBadge}` : '';
+    const packageNameSection = typeBadge
+        ? `${displayName} ${nameDashes}${vulnSuffix}${healthSuffix}${typeBadge}`
+        : `${displayName} ${nameDashes}${vulnSuffix}${healthSuffix}`;
+    const currentSection = `${currentDot} ${currentVersion}`;
+    const currentSectionLength = utils_1.VersionUtils.getVisualLength(currentSection) + 1;
+    const currentPadding = Math.max(0, currentColumnWidth - currentSectionLength);
+    const currentPaddingText = shouldShowDashes(currentPadding)
+        ? dashColor('-').repeat(currentPadding)
+        : ' '.repeat(currentPadding);
+    const currentWithPadding = currentSection + ' ' + currentPaddingText;
+    let rangeSection = '';
+    if (isPending || isFailed || state.hasRangeUpdate) {
+        rangeSection = `${rangeDot} ${rangeVersionText}`;
+        const rangeSectionLength = utils_1.VersionUtils.getVisualLength(rangeSection) + 1;
+        const rangePadding = Math.max(0, rangeColumnWidth - rangeSectionLength);
+        const rangePaddingText = shouldShowDashes(rangePadding)
+            ? dashColor('-').repeat(rangePadding)
+            : ' '.repeat(rangePadding);
+        rangeSection += ' ' + rangePaddingText;
+    }
+    else {
+        rangeSection = ' '.repeat(rangeColumnWidth);
+    }
+    let latestSection = '';
+    if (isPending || isFailed || state.hasMajorUpdate) {
+        latestSection = `${latestDot} ${latestVersionText}`;
+        const latestSectionLength = utils_1.VersionUtils.getVisualLength(latestSection) + 1;
+        const latestPadding = Math.max(0, latestColumnWidth - latestSectionLength);
+        const latestPaddingText = shouldShowDashes(latestPadding)
+            ? dashColor('-').repeat(latestPadding)
+            : ' '.repeat(latestPadding);
+        latestSection += ' ' + latestPaddingText;
+    }
+    else {
+        latestSection = ' '.repeat(latestColumnWidth);
+    }
+    return `${prefix}${packageNameSection}   ${currentWithPadding}   ${rangeSection}   ${latestSection}`;
+}
+function renderSectionHeader(title, sectionType) {
+    const colorFn = sectionType === 'main' ? chalk_1.default.cyan : sectionType === 'peer' ? chalk_1.default.magenta : chalk_1.default.yellow;
+    return '  ' + colorFn.bold(title);
+}
+function renderSpacer() {
+    return '';
+}
+//# sourceMappingURL=rows.js.map