@empline/preflight 1.1.11 → 1.1.13

package/dist/checks/consolidated/ui-spacing-standards.js

@@ -0,0 +1,874 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * UI Spacing Standards Preflight - IRON-CLAD ENFORCEMENT
+ *
+ * This module enforces strict spacing standards across the entire application.
+ * All checks are BLOCKING - violations prevent deployment.
+ *
+ * SPACING STANDARDS (Design System):
+ * ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+ *
+ * 1. CARD CONTAINER GAP: gap-4 (16px) ALWAYS
+ *    - Containers holding multiple Cards MUST use gap-4
+ *    - Stack with Cards MUST use spacing={4}
+ *    - NEVER mix gap with margin on children
+ *
+ * 2. BREADCRUMB TO CONTENT: spacing-3 (12px)
+ *    - Content area paddingTop: var(--spacing-3)
+ *    - Breadcrumbs have their own padding (spacing-2 top/bottom)
+ *
+ * 3. PAGE HEADER TO CONTENT: spacing-3 (12px)
+ *    - UnifiedHeader variant="page" has marginBottom: var(--spacing-3)
+ *    - Content after header should NOT add marginTop
+ *
+ * 4. SECTION TO SECTION: spacing-6 to spacing-8 (24-32px)
+ *    - Major page sections need mt-6 to mt-8
+ *    - Consistent within same page
+ *
+ * 5. CARD INTERNAL PADDING: p-6 (24px) standard
+ *    - CardContent should use p-6 for forms/content
+ *    - p-4 acceptable for compact cards
+ *
+ * 6. ASYMMETRIC POSITIONING: top/right/bottom/left must use same spacing
+ *    - Absolute/fixed positioned elements must have symmetric corner spacing
+ *    - e.g., top: spacing-3 + right: spacing-3 (not top: spacing-2 + right: spacing-3)
+ *
+ * Usage:
+ *   pnpm preflight:ui-spacing-standards             # All checks
+ *   pnpm preflight:ui-spacing-standards cards       # Card gap only
+ *   pnpm preflight:ui-spacing-standards layout      # Layout spacing only
+ *   pnpm preflight:ui-spacing-standards positioning # Asymmetric positioning only
+ */
+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 });
+const fs = __importStar(require("fs"));
+const path = __importStar(require("path"));
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+const layout_constants_1 = require("../../shared/layout-constants");
+const universal_progress_reporter_1 = require("../system/universal-progress-reporter");
+// Cached file getters
+let _cachedClientFiles = null;
+async function getClientFiles() {
+    if (!_cachedClientFiles) {
+        _cachedClientFiles = await file_cache_1.fileCache.getClientFiles();
+    }
+    return _cachedClientFiles;
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// SPACING CONSTANTS - Single Source of Truth
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+const SPACING = {
+    // Card containers - use shared constants from layout-constants.ts
+    CARD_CONTAINER_GAP: layout_constants_1.LAYOUT_GAP_SPACING, // gap-3 = 12px (matches UnifiedHeader marginBottom)
+    CARD_CONTAINER_GAP_LARGE: layout_constants_1.CARD_GRID_GAP_SPACING, // gap-6 = 24px (for grid layouts with cards)
+    CARD_CONTAINER_GAP_DENSE: layout_constants_1.LAYOUT_GAP_SPACING, // gap-3 = 12px (kept for compatibility)
+    // Admin pages use same standard
+    ADMIN_CARD_CONTAINER_GAP: layout_constants_1.LAYOUT_GAP_SPACING, // gap-3 / spacing={3} = 12px
+    // Layout spacing
+    BREADCRUMB_TO_CONTENT: 1, // spacing-1 = 4px (breadcrumb internal spacing)
+    DASHBOARD_LAYOUT_PADDING_TOP: layout_constants_1.LAYOUT_PADDING_TOP_SPACING, // spacing-3 = 12px (must match gap for visual consistency)
+    PAGE_HEADER_MARGIN_TOP: 0, // 0px - layout provides top spacing
+    PAGE_HEADER_MARGIN_BOTTOM: 3, // spacing-3 = 12px
+    // Section spacing - use gap-3 for consistency, gap-6 for major sections
+    SECTION_GAP_MIN: layout_constants_1.LAYOUT_GAP_SPACING, // spacing-3 = 12px (standard)
+    SECTION_GAP_MAX: layout_constants_1.CARD_GRID_GAP_SPACING, // spacing-6 = 24px (major sections only)
+    // Card internal
+    CARD_CONTENT_PADDING: 6, // p-6 = 24px
+    CARD_CONTENT_PADDING_COMPACT: 4, // p-4 = 16px
+    // PROHIBITED VALUES - gap-4 creates inconsistent spacing
+    PROHIBITED_GAPS: [4], // gap-4 (16px) is NOT allowed
+};
+const EXCLUDED = [...glob_patterns_1.STANDARD_EXCLUDES];
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// CHECK: Card Container Gap Consistency
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+/**
+ * Check if a Card with margin is actually inside a gap container
+ * by tracking JSX nesting depth
+ */
+function isCardDirectChildOfGapContainer(lines, gapLineIndex, cardLineIndex) {
+    // The Card must be within the same JSX block as the gap container
+    // Track opening/closing tags to determine nesting
+    let depth = 0;
+    for (let i = gapLineIndex; i <= cardLineIndex; i++) {
+        const line = lines[i];
+        // Skip the gap line itself
+        if (i === gapLineIndex) {
+            // Count opening tag on gap line
+            if (/<[A-Z][a-zA-Z]*[^/>]*>/.test(line) && !/<[A-Z][a-zA-Z]*[^>]*\/>/.test(line)) {
+                depth = 1;
+            }
+            continue;
+        }
+        // Count closing tags (reduce depth)
+        const closingTags = (line.match(/<\/[A-Z][a-zA-Z]*>/g) || []).length;
+        // Count self-closing tags (no change)
+        const selfClosing = (line.match(/<[A-Z][a-zA-Z]*[^>]*\/>/g) || []).length;
+        // Count opening tags (increase depth)
+        const openingTags = (line.match(/<[A-Z][a-zA-Z]*[^/>]*>/g) || []).length;
+        depth += openingTags - closingTags;
+        // If we've closed the gap container before reaching the Card, it's not a direct child
+        if (depth <= 0 && i < cardLineIndex) {
+            return false;
+        }
+        // Check for ternary expressions or conditional renders that would break direct child relationship
+        if (/\?\s*$/.test(line) || /\?\s*</.test(line) || /:\s*</.test(line)) {
+            // Card after a ternary is in a different branch
+            if (i < cardLineIndex) {
+                return false;
+            }
+        }
+    }
+    // Card is at depth 1 (direct child) or depth 2 (inside a wrapper like Box)
+    return depth >= 1 && depth <= 3;
+}
+function hasDirectCardChildInStack(lines, stackLineIndex) {
+    // Conservative nesting heuristic: find <Card> that appears before this <Stack> closes
+    // and is roughly at depth 1 (direct-ish child), similar to gap container logic.
+    let depth = 0;
+    for (let i = stackLineIndex; i < Math.min(stackLineIndex + 200, lines.length); i++) {
+        const line = lines[i];
+        // Initialize depth when we encounter the opening Stack tag line
+        if (i === stackLineIndex) {
+            if (/<Stack\b/.test(line) && !/<Stack\b[^>]*\/\s*>/.test(line)) {
+                depth = 1;
+            }
+            continue;
+        }
+        // Detect direct Card child (depth 1) before closing the Stack
+        if (/<Card\b/.test(line) && depth === 1) {
+            return true;
+        }
+        // Count opening/closing tags to track depth
+        const closingTags = (line.match(/<\/[A-Za-z][a-zA-Z]*>/g) || []).length;
+        const openingTags = (line.match(/<[A-Za-z][a-zA-Z]*[^/>]*>/g) || []).length;
+        depth += openingTags - closingTags;
+        // Stop when Stack closes
+        if (depth <= 0) {
+            return false;
+        }
+        // Bail on obvious branch breaks
+        if (/^\s*return\s/.test(line) || /^\s*if\s*\(/.test(line)) {
+            return false;
+        }
+    }
+    return false;
+}
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedAppTsxFiles = null;
+async function getAppTsxFiles() {
+    if (!_cachedAppTsxFiles) {
+        _cachedAppTsxFiles = await file_cache_1.fileCache.getAppTSX();
+    }
+    return _cachedAppTsxFiles;
+}
+let _cachedAppComponentsTsxFiles = null;
+async function getAppComponentsTsxFiles() {
+    if (!_cachedAppComponentsTsxFiles) {
+        _cachedAppComponentsTsxFiles = await file_cache_1.fileCache.getAppAndComponentsTSX();
+    }
+    return _cachedAppComponentsTsxFiles;
+}
+async function checkCardContainerGap() {
+    const startTime = Date.now();
+    const issues = [];
+    const files = await getAppComponentsTsxFiles();
+    for (const file of files) {
+        // Skip excluded files (UI definitions, tests, auth pages)
+        if ((0, layout_constants_1.isExcludedFromGapEnforcement)(file))
+            continue;
+        const content = fs.readFileSync(file, "utf8");
+        if (!content.includes("<Card"))
+            continue;
+        const lines = content.split("\n");
+        const isInDashboard = (0, layout_constants_1.isDashboardPage)(file);
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            const expectedCardGap = SPACING.CARD_CONTAINER_GAP;
+            // Check for gap values on containers with Cards
+            const gapMatch = line.match(/gap-(\d+)/) || line.match(/gap:\s*["']?var\(--spacing-(\d+)\)["']?/);
+            if (gapMatch) {
+                const gapValue = parseInt(gapMatch[1]);
+                const contextLines = lines.slice(i, Math.min(i + 30, lines.length)).join("\n");
+                const prevLines = lines.slice(Math.max(0, i - 3), i).join("\n");
+                // Skip button containers (gap-2 is appropriate for button groups)
+                const isButtonContainer = /action|button/i.test(contextLines.split("\n").slice(0, 5).join("\n")) ||
+                    /<Button/.test(contextLines.split("\n").slice(0, 10).join("\n"));
+                if (isButtonContainer && gapValue <= 3)
+                    continue;
+                // Skip icon+text rows (gap-2 is appropriate for inline icon alignment)
+                // These are typically in headers, list items, or flex rows with icons
+                const isIconTextRow = /<[A-Z][a-zA-Z]*Icon|Icon\s*\/>|className="w-\d+\s+h-\d+"|lucide-react/.test(contextLines.split("\n").slice(0, 5).join("\n")) ||
+                    (/display:\s*["']?flex["']?/.test(line) && /alignItems:\s*["']?center["']?/.test(line)) ||
+                    /flex.*items-center/.test(line) ||
+                    /<h[1-6]/.test(prevLines) ||
+                    /<h[1-6]/.test(line) ||
+                    /<li/.test(prevLines) ||
+                    /<li/.test(line) ||
+                    /display:\s*["']?flex["']?.*alignItems/.test(lines.slice(i, i + 3).join(""));
+                if (isIconTextRow && gapValue <= 3)
+                    continue;
+                // Skip list containers inside cards (gap-2 is appropriate for list items)
+                const isListContainer = /<ul|<ol|listStyle|list-none/.test(prevLines) ||
+                    /<ul|<ol|listStyle|list-none/.test(line) ||
+                    /benefits|features|items|steps/i.test(line);
+                if (isListContainer && gapValue <= 3)
+                    continue;
+                // Skip flex rows that are clearly not card containers
+                const isFlexRow = /flexDirection:\s*["']?row["']?/.test(line) ||
+                    /flex-row/.test(line) ||
+                    /direction="row"/.test(line);
+                if (isFlexRow && gapValue <= 4)
+                    continue;
+                // Check if there's a Card that's actually a direct child of this container
+                // by looking for Cards before the container closes
+                let depth = 1; // Start at depth 1 (inside the container)
+                let hasDirectCardChild = false;
+                let cardLineIndex = -1;
+                for (let j = i + 1; j < Math.min(i + 30, lines.length); j++) {
+                    const checkLine = lines[j];
+                    // Track depth
+                    const closingTags = (checkLine.match(/<\/[A-Za-z][a-zA-Z]*>/g) || []).length;
+                    const selfClosing = (checkLine.match(/<[A-Za-z][a-zA-Z]*[^>]*\/>/g) || []).length;
+                    const openingTags = (checkLine.match(/<[A-Za-z][a-zA-Z]*[^/>]*>/g) || []).length;
+                    // Check for Card at current depth (must be direct child, depth 1)
+                    if (/<Card\b/.test(checkLine) && depth === 1) {
+                        hasDirectCardChild = true;
+                        cardLineIndex = j;
+                    }
+                    depth += openingTags - closingTags;
+                    // If we've closed the container, stop looking
+                    if (depth <= 0)
+                        break;
+                    // If we hit a return statement, stop (different code path)
+                    if (/^\s*return\s/.test(checkLine) || /^\s*if\s*\(/.test(checkLine))
+                        break;
+                }
+                if (!hasDirectCardChild)
+                    continue;
+                // Use dashboard-specific allowed gaps for /admin/*, /store/*, /account/* pages
+                const allowedGaps = isInDashboard ? layout_constants_1.ALLOWED_DASHBOARD_GAPS : layout_constants_1.ALLOWED_CARD_CONTAINER_GAPS;
+                // Flag non-standard gaps
+                if (!allowedGaps.includes(gapValue)) {
+                    const suggestion = isInDashboard
+                        ? `Change to gap-${layout_constants_1.LAYOUT_GAP_SPACING} (dashboard pages only allow gap-3)`
+                        : `Change to gap-${layout_constants_1.LAYOUT_GAP_SPACING} (tight) or gap-${layout_constants_1.CARD_GRID_GAP_SPACING} (grid layouts)`;
+                    issues.push({
+                        file,
+                        line: i + 1,
+                        type: "card-container-wrong-gap",
+                        severity: "error",
+                        message: isInDashboard
+                            ? `Dashboard page uses gap-${gapValue} - only gap-${layout_constants_1.LAYOUT_GAP_SPACING} allowed in /admin/*, /store/*, /account/*`
+                            : `Card container uses gap-${gapValue} instead of standard gap-${layout_constants_1.LAYOUT_GAP_SPACING} or gap-${layout_constants_1.CARD_GRID_GAP_SPACING}`,
+                        suggestion,
+                        snippet: line.trim().substring(0, 80),
+                    });
+                }
+                // Check for Cards with margin inside gap container (double spacing!)
+                // Find all Cards with margin in the context
+                for (let j = i + 1; j < Math.min(i + 30, lines.length); j++) {
+                    const cardLine = lines[j];
+                    const cardMarginMatch = cardLine.match(/<Card[^>]*className="[^"]*\bmt-(\d+)/) ||
+                        cardLine.match(/<Card[^>]*style=\{[^}]*marginTop/);
+                    if (cardMarginMatch) {
+                        // Check if this Card is actually a direct child of the gap container
+                        if (isCardDirectChildOfGapContainer(lines, i, j)) {
+                            issues.push({
+                                file,
+                                line: j + 1,
+                                type: "card-double-spacing",
+                                severity: "error",
+                                message: "Card has margin inside container with gap - creates inconsistent spacing!",
+                                suggestion: "Remove mt-* from Card - the container's gap handles spacing",
+                                snippet: cardLine.trim().substring(0, 80),
+                            });
+                        }
+                    }
+                }
+            }
+            // Check Stack with Cards
+            const stackMatch = line.match(/<Stack[^>]*spacing=\{?(\d+)\}?/);
+            if (stackMatch) {
+                const stackSpacing = parseInt(stackMatch[1]);
+                const hasCardChildren = hasDirectCardChildInStack(lines, i);
+                // Use dashboard-specific allowed spacing for /admin/*, /store/*, /account/* pages
+                const allowedSpacing = isInDashboard ? layout_constants_1.ALLOWED_DASHBOARD_GAPS : layout_constants_1.ALLOWED_CARD_CONTAINER_GAPS;
+                if (hasCardChildren && !allowedSpacing.includes(stackSpacing)) {
+                    const suggestion = isInDashboard
+                        ? `Change to spacing={${layout_constants_1.LAYOUT_GAP_SPACING}} (dashboard pages only allow spacing={3})`
+                        : `Change to spacing={${layout_constants_1.LAYOUT_GAP_SPACING}} (tight) or spacing={${layout_constants_1.CARD_GRID_GAP_SPACING}} (grid layouts)`;
+                    issues.push({
+                        file,
+                        line: i + 1,
+                        type: "stack-card-wrong-spacing",
+                        severity: "error",
+                        message: isInDashboard
+                            ? `Dashboard page Stack uses spacing={${stackSpacing}} - only spacing={${layout_constants_1.LAYOUT_GAP_SPACING}} allowed in /admin/*, /store/*, /account/*`
+                            : `Stack with Cards uses spacing={${stackSpacing}} instead of spacing={${layout_constants_1.LAYOUT_GAP_SPACING}} or spacing={${layout_constants_1.CARD_GRID_GAP_SPACING}}`,
+                        suggestion,
+                        snippet: line.trim().substring(0, 80),
+                    });
+                }
+            }
+        }
+    }
+    return {
+        name: "Card Container Gap",
+        passed: issues.filter((i) => i.severity === "error").length === 0,
+        blocking: true,
+        issues,
+        duration: Date.now() - startTime,
+    };
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// CHECK: Layout Spacing Consistency
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+async function checkLayoutSpacing() {
+    const startTime = Date.now();
+    const issues = [];
+    // Enforce horizontal padding for the seller listing creation page.
+    // This page is the primary card-upload workflow and must be perfectly consistent.
+    const newListingFile = "app/store/listings/new/NewListingClient.tsx";
+    if (fs.existsSync(newListingFile)) {
+        const content = fs.readFileSync(newListingFile, "utf8");
+        const lines = content.split("\n");
+        // Main Stack wrapper: must not add any outer padding.
+        // DashboardPageLayout already provides paddingX=spacing-4 and paddingTop=spacing-3.
+        // The card-to-edge spacing should match card-to-card gap (16px).
+        const progressIndex = lines.findIndex((l) => /<UploadProgressStepper\b/.test(l));
+        if (progressIndex !== -1) {
+            let stackIndex = -1;
+            for (let i = progressIndex; i >= Math.max(0, progressIndex - 40); i--) {
+                if (/<Stack\b/.test(lines[i])) {
+                    stackIndex = i;
+                    break;
+                }
+            }
+            if (stackIndex !== -1) {
+                const stackLine = lines[stackIndex];
+                const hasTailwindPadding = /\b(p|px|py)-\d+\b/.test(stackLine);
+                const hasInlinePadding = /\bpadding(Left|Right|Top|Bottom)?\s*:/.test(stackLine) ||
+                    /\bstyle=\{\{[^}]*padding/.test(stackLine);
+                if (hasTailwindPadding || hasInlinePadding) {
+                    issues.push({
+                        file: newListingFile,
+                        line: stackIndex + 1,
+                        type: "new-listing-double-padding",
+                        severity: "error",
+                        message: "New listing page main Stack must not add padding; use layout paddingX only to keep card-to-edge spacing = gap-4",
+                        suggestion: "Remove className padding (p-*/px-*/py-*) and inline padding from the main Stack",
+                        snippet: stackLine.trim().substring(0, 140),
+                    });
+                }
+            }
+        }
+        // Loading wrapper should also avoid adding padding (layout already provides it).
+        const skeletonIndex = lines.findIndex((l) => /<SkeletonForm\b/.test(l));
+        if (skeletonIndex !== -1) {
+            for (let i = skeletonIndex; i >= Math.max(0, skeletonIndex - 15); i--) {
+                const maybeBoxLine = lines[i];
+                if (!/<Box\b/.test(maybeBoxLine))
+                    continue;
+                if (/\b(p|px|py)-\d+\b/.test(maybeBoxLine)) {
+                    issues.push({
+                        file: newListingFile,
+                        line: i + 1,
+                        type: "new-listing-loading-padding",
+                        severity: "error",
+                        message: "New listing loading state should not add extra padding; keep outer spacing consistent with gap-4",
+                        suggestion: "Remove p-*/px-*/py-* from the loading Box wrapper",
+                        snippet: maybeBoxLine.trim().substring(0, 140),
+                    });
+                }
+                break;
+            }
+        }
+        // PairedCardSlots wrapper Card must use p-4 (not spacing-6) to match gap-4.
+        const pairedIndex = lines.findIndex((l) => /<PairedCardSlots\b/.test(l));
+        if (pairedIndex !== -1) {
+            // Look back for the wrapping <Card ...> line.
+            for (let i = pairedIndex; i >= Math.max(0, pairedIndex - 20); i--) {
+                const maybeCardLine = lines[i];
+                if (!/<Card\b/.test(maybeCardLine))
+                    continue;
+                // Handle multi-line opening tags like:
+                // <Card
+                //   className="p-4"
+                //   style={{ ... }}
+                // >
+                let tag = maybeCardLine;
+                if (!/>/.test(maybeCardLine)) {
+                    for (let j = i + 1; j < Math.min(i + 8, lines.length); j++) {
+                        tag += "\n" + lines[j];
+                        if (/>/.test(lines[j]))
+                            break;
+                    }
+                }
+                const hasBadPadding6 = /\b(p|px|py)-6\b/.test(tag) || /var\(--spacing-6\)/.test(tag);
+                const hasGoodPadding4 = /\b(p|px|py)-4\b/.test(tag) || /var\(--spacing-4\)/.test(tag);
+                if (hasBadPadding6 || !hasGoodPadding4) {
+                    issues.push({
+                        file: newListingFile,
+                        line: i + 1,
+                        type: "new-listing-paired-slots-padding",
+                        severity: "error",
+                        message: "PairedCardSlots wrapper Card must use padding=4 so edge spacing matches gap-4",
+                        suggestion: 'Use className="p-4" on the wrapping Card (avoid var(--spacing-6))',
+                        snippet: maybeCardLine.trim().substring(0, 140),
+                    });
+                }
+                break;
+            }
+        }
+    }
+    // Check DashboardPageLayout
+    const layoutFile = "components/shared/DashboardPageLayout.tsx";
+    if (fs.existsSync(layoutFile)) {
+        const content = fs.readFileSync(layoutFile, "utf8");
+        const lines = content.split("\n");
+        // Verify ALL paddingTop values are spacing-3 (must match gap for visual consistency)
+        // DashboardPageLayout has two contentStyle definitions: scroll and non-scroll
+        const paddingTopMatches = content.matchAll(/paddingTop:\s*["']var\(--spacing-(\d+)\)["']/g);
+        let matchIndex = 0;
+        for (const match of paddingTopMatches) {
+            matchIndex++;
+            const value = parseInt(match[1]);
+            if (value !== SPACING.DASHBOARD_LAYOUT_PADDING_TOP) {
+                // Find the line number for better error reporting
+                const matchPos = match.index || 0;
+                const lineNumber = content.substring(0, matchPos).split("\n").length;
+                issues.push({
+                    file: layoutFile,
+                    line: lineNumber,
+                    type: "layout-wrong-padding-top",
+                    severity: "error",
+                    message: `DashboardPageLayout contentStyle #${matchIndex} uses paddingTop spacing-${value} instead of spacing-${SPACING.DASHBOARD_LAYOUT_PADDING_TOP}`,
+                    suggestion: `Change to paddingTop: "var(--spacing-${SPACING.DASHBOARD_LAYOUT_PADDING_TOP})" - paddingTop must equal gap for visual consistency`,
+                });
+            }
+        }
+    }
+    // Check UnifiedBreadcrumbs
+    const breadcrumbFile = "components/shared/UnifiedBreadcrumbs.tsx";
+    if (fs.existsSync(breadcrumbFile)) {
+        const content = fs.readFileSync(breadcrumbFile, "utf8");
+        // Verify consistent padding across variants
+        const paddingMatches = content.matchAll(/paddingTop:\s*["']var\(--spacing-(\d+)\)["']/g);
+        const paddingValues = new Set();
+        for (const match of paddingMatches) {
+            paddingValues.add(parseInt(match[1]));
+        }
+        // Should only have spacing-1 (minimal) and spacing-2 (default/compact/rich)
+        const allowedValues = new Set([1, 2]);
+        for (const value of paddingValues) {
+            if (!allowedValues.has(value)) {
+                issues.push({
+                    file: breadcrumbFile,
+                    type: "breadcrumb-inconsistent-padding",
+                    severity: "warning",
+                    message: `UnifiedBreadcrumbs has non-standard paddingTop: spacing-${value}`,
+                    suggestion: "Use spacing-2 for default/compact/rich, spacing-1 for minimal",
+                });
+            }
+        }
+    }
+    return {
+        name: "Layout Spacing",
+        passed: issues.filter((i) => i.severity === "error").length === 0,
+        blocking: true,
+        issues,
+        duration: Date.now() - startTime,
+    };
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// CHECK: Page Header Spacing
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+async function checkPageHeaderSpacing() {
+    const startTime = Date.now();
+    const issues = [];
+    // Check UnifiedHeader
+    const headerFile = "components/UnifiedHeader.tsx";
+    if (fs.existsSync(headerFile)) {
+        const content = fs.readFileSync(headerFile, "utf8");
+        // Find page variant marginBottom
+        const pageVariantMatch = content.match(/variant === "page"[\s\S]*?marginBottom:\s*["']var\(--spacing-(\d+)\)["']/);
+        if (pageVariantMatch) {
+            const value = parseInt(pageVariantMatch[1]);
+            if (value !== SPACING.PAGE_HEADER_MARGIN_BOTTOM) {
+                issues.push({
+                    file: headerFile,
+                    type: "header-wrong-margin-bottom",
+                    severity: "error",
+                    message: `UnifiedHeader page variant uses marginBottom spacing-${value} instead of spacing-${SPACING.PAGE_HEADER_MARGIN_BOTTOM}`,
+                    suggestion: `Change to marginBottom: "var(--spacing-${SPACING.PAGE_HEADER_MARGIN_BOTTOM})"`,
+                });
+            }
+        }
+    }
+    // Check for content with marginTop after UnifiedHeader
+    const files = await getClientFiles();
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        if (!content.includes("UnifiedHeader"))
+            continue;
+        const lines = content.split("\n");
+        let headerLineIndex = -1;
+        let containerLineIndex = -1;
+        for (let i = 0; i < lines.length; i++) {
+            // Track the parent container (Box/div with className) before UnifiedHeader
+            if (/<(?:Box|div)[^>]*className=/.test(lines[i])) {
+                containerLineIndex = i;
+            }
+            if (/UnifiedHeader[^>]*variant=["']page["']/.test(lines[i]) ||
+                (/UnifiedHeader/.test(lines[i]) &&
+                    lines
+                        .slice(i, i + 5)
+                        .join("")
+                        .includes('variant="page"'))) {
+                headerLineIndex = i;
+                // Check if the container has gap-3 or flex-col gap
+                if (containerLineIndex !== -1 && containerLineIndex < headerLineIndex) {
+                    const containerLine = lines[containerLineIndex];
+                    const hasGap = /gap-3|gap-\d|flex-col.*gap|gap.*flex-col/.test(containerLine);
+                    const isFlexCol = /flex-col|flex flex-col/.test(containerLine);
+                    // If it's a flex-col container without gap, flag it
+                    if (isFlexCol && !hasGap) {
+                        // Look ahead to see if there's content after the header (not just closing tags)
+                        const nextLines = lines.slice(headerLineIndex + 1, headerLineIndex + 20).join("\n");
+                        const hasContentAfterHeader = /<(?!\/)[A-Z]/.test(nextLines) && !/<\/Box>|<\/div>/.test(nextLines.split("\n")[0]);
+                        if (hasContentAfterHeader) {
+                            issues.push({
+                                file,
+                                line: containerLineIndex + 1,
+                                type: "missing-gap-after-header",
+                                severity: "error",
+                                message: "Content container with UnifiedHeader missing gap-3 - creates no spacing between header and content",
+                                suggestion: 'Add gap-3 to the flex-col container: className="flex flex-col gap-3"',
+                                snippet: containerLine.trim().substring(0, 80),
+                            });
+                        }
+                    }
+                }
+            }
+            // Check for marginTop after header
+            if (headerLineIndex !== -1 && i > headerLineIndex && i <= headerLineIndex + 10) {
+                if (/marginTop:\s*["']var\(--spacing-\d+\)["']/.test(lines[i]) ||
+                    /\bmt-\d+\b/.test(lines[i])) {
+                    issues.push({
+                        file,
+                        line: i + 1,
+                        type: "doubled-header-spacing",
+                        severity: "warning",
+                        message: "Content after UnifiedHeader has marginTop - header already has marginBottom",
+                        suggestion: "Remove marginTop - the header's marginBottom provides spacing",
+                        snippet: lines[i].trim().substring(0, 80),
+                    });
+                    headerLineIndex = -1; // Reset to avoid duplicate warnings
+                }
+            }
+        }
+    }
+    // Check for excessive padding after breadcrumbs (py-8, pt-8, etc.)
+    const allPageFiles = await getAppTsxFiles();
+    for (const file of allPageFiles) {
+        const content = fs.readFileSync(file, "utf8");
+        // Skip files without breadcrumbs
+        if (!content.includes("Breadcrumb") && !content.includes("breadcrumb"))
+            continue;
+        const lines = content.split("\n");
+        let breadcrumbLineIndex = -1;
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            // Track breadcrumb location
+            if (/Breadcrumb/.test(line)) {
+                breadcrumbLineIndex = i;
+            }
+            // Check for excessive padding on content after breadcrumbs
+            if (breadcrumbLineIndex !== -1 && i > breadcrumbLineIndex && i <= breadcrumbLineIndex + 15) {
+                // Check for py-8, pt-8, py-6, pt-6 or similar large padding
+                const largePaddingMatch = line.match(/\b(py|pt)-([6-9]|\d{2})\b/);
+                if (largePaddingMatch) {
+                    const paddingValue = parseInt(largePaddingMatch[2]);
+                    if (paddingValue >= 6) {
+                        issues.push({
+                            file,
+                            line: i + 1,
+                            type: "excessive-padding-after-breadcrumbs",
+                            severity: "error",
+                            message: `Content after breadcrumbs has ${largePaddingMatch[1]}-${paddingValue} (${paddingValue * 4}px) - creates excessive gap`,
+                            suggestion: `Use pt-3 (12px) for consistent spacing after breadcrumbs`,
+                            snippet: line.trim().substring(0, 80),
+                        });
+                    }
+                }
+            }
+        }
+    }
+    return {
+        name: "Page Header Spacing",
+        passed: issues.filter((i) => i.severity === "error").length === 0,
+        blocking: true,
+        issues,
+        duration: Date.now() - startTime,
+    };
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// CHECK: Inconsistent Spacing Within File
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+async function checkIntraFileConsistency() {
+    const startTime = Date.now();
+    const issues = [];
+    const files = await getAppComponentsTsxFiles();
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        // Track gap values used in this file
+        const gapValues = [];
+        const gapMatches = content.matchAll(/gap-(\d+)/g);
+        for (const match of gapMatches) {
+            gapValues.push(parseInt(match[1]));
+        }
+        // Track margin-top values on Cards
+        const cardMargins = [];
+        const cardMarginMatches = content.matchAll(/<Card[^>]*className="[^"]*\bmt-(\d+)/g);
+        for (const match of cardMarginMatches) {
+            cardMargins.push(parseInt(match[1]));
+        }
+        // Check for inconsistent Card margins within same file
+        const uniqueCardMargins = [...new Set(cardMargins)];
+        if (uniqueCardMargins.length > 1) {
+            issues.push({
+                file,
+                type: "inconsistent-card-margins",
+                severity: "warning",
+                message: `File uses inconsistent Card margins: mt-${uniqueCardMargins.join(", mt-")}`,
+                suggestion: "Standardize to a single margin value or use container with gap",
+            });
+        }
+        // Check for mixing gap with Card margins (anti-pattern)
+        if (gapValues.length > 0 && cardMargins.length > 0) {
+            issues.push({
+                file,
+                type: "mixed-gap-and-margin",
+                severity: "warning",
+                message: "File mixes gap containers with Card margins - pick one approach",
+                suggestion: "Use gap on container OR margin on Cards, not both",
+            });
+        }
+    }
+    return {
+        name: "Intra-File Consistency",
+        passed: issues.filter((i) => i.severity === "error").length === 0,
+        blocking: false, // Warning only
+        issues,
+        duration: Date.now() - startTime,
+    };
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// CHECK: Asymmetric Positioning (top/right/bottom/left consistency)
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+/**
+ * Detects absolute/fixed positioned elements where top/right/bottom/left
+ * use different spacing values, creating visual asymmetry.
+ *
+ * Example violation:
+ *   style={{ top: "var(--spacing-2)", right: "var(--spacing-3)" }}
+ *   // top = 8px, right = 12px - asymmetric!
+ *
+ * Correct:
+ *   style={{ top: "var(--spacing-3)", right: "var(--spacing-3)" }}
+ *   // Both 12px - symmetric
+ */
+async function checkAsymmetricPositioning() {
+    const startTime = Date.now();
+    const issues = [];
+    const files = await getAppComponentsTsxFiles();
+    // Regex to extract spacing values from position properties
+    const spacingVarRegex = /var\(--spacing-(\d+)\)/;
+    const spacingConstRegex = /SPACING_(\d+)/;
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            // Look for absolute or fixed positioned elements
+            if (!/(position:\s*["']?(absolute|fixed)|className="[^"]*\b(absolute|fixed)\b)/.test(line)) {
+                continue;
+            }
+            // Gather the style block (may span multiple lines)
+            let styleBlock = "";
+            let searchStart = i;
+            // Look for style={{ in current or nearby lines
+            for (let j = Math.max(0, i - 2); j < Math.min(lines.length, i + 10); j++) {
+                if (/style=\{\{/.test(lines[j])) {
+                    searchStart = j;
+                    // Collect until closing }}
+                    let braceCount = 0;
+                    for (let k = j; k < Math.min(lines.length, j + 20); k++) {
+                        styleBlock += lines[k] + "\n";
+                        braceCount += (lines[k].match(/\{/g) || []).length;
+                        braceCount -= (lines[k].match(/\}/g) || []).length;
+                        if (braceCount <= 0 && styleBlock.includes("}}"))
+                            break;
+                    }
+                    break;
+                }
+            }
+            if (!styleBlock)
+                continue;
+            // Extract position values
+            const positions = [];
+            const positionProps = ["top", "right", "bottom", "left"];
+            for (const prop of positionProps) {
+                // Match: top: SPACING_2 or top: "var(--spacing-2)"
+                const propRegex = new RegExp(`${prop}:\\s*(?:["']?(var\\(--spacing-(\\d+)\\))["']?|SPACING_(\\d+))`, "i");
+                const match = styleBlock.match(propRegex);
+                if (match) {
+                    const value = parseInt(match[2] || match[3]);
+                    positions.push({ prop, value, raw: match[0] });
+                }
+            }
+            // Check for asymmetry between adjacent edges
+            // top/right should match, right/bottom should match, etc.
+            if (positions.length >= 2) {
+                const values = positions.map((p) => p.value);
+                const uniqueValues = [...new Set(values)];
+                // If we have top+right or top+left with different values, that's asymmetric
+                const hasTop = positions.find((p) => p.prop === "top");
+                const hasRight = positions.find((p) => p.prop === "right");
+                const hasBottom = positions.find((p) => p.prop === "bottom");
+                const hasLeft = positions.find((p) => p.prop === "left");
+                // Check corner asymmetry (top-right corner, top-left corner, etc.)
+                const cornerPairs = [
+                    [hasTop, hasRight],
+                    [hasTop, hasLeft],
+                    [hasBottom, hasRight],
+                    [hasBottom, hasLeft],
+                ];
+                for (const [edge1, edge2] of cornerPairs) {
+                    if (edge1 && edge2 && edge1.value !== edge2.value) {
+                        issues.push({
+                            file,
+                            line: searchStart + 1,
+                            type: "asymmetric-positioning",
+                            severity: "error",
+                            message: `Asymmetric positioning: ${edge1.prop}=spacing-${edge1.value} but ${edge2.prop}=spacing-${edge2.value}`,
+                            suggestion: `Use same spacing value for ${edge1.prop} and ${edge2.prop} (e.g., both spacing-${Math.max(edge1.value, edge2.value)})`,
+                            snippet: `${edge1.raw}, ${edge2.raw}`,
+                        });
+                        break; // One issue per element is enough
+                    }
+                }
+            }
+        }
+    }
+    return {
+        name: "Asymmetric Positioning",
+        passed: issues.filter((i) => i.severity === "error").length === 0,
+        blocking: true,
+        issues,
+        duration: Date.now() - startTime,
+    };
+}
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+// MAIN
+// ${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}${box.doubleHorizontal}
+async function main() {
+    const reporter = (0, universal_progress_reporter_1.createUniversalProgressReporter)(path.basename(__filename, ".ts"));
+    const args = process.argv.slice(2);
+    const mode = args[0] || "all";
+    console.log("\n📏 UI SPACING STANDARDS PREFLIGHT");
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    console.log(`Standard Gap: gap-${SPACING.CARD_CONTAINER_GAP} (${SPACING.CARD_CONTAINER_GAP * 4}px) - matches header spacing`);
+    console.log(`Major Sections: gap-${SPACING.SECTION_GAP_MAX} (${SPACING.SECTION_GAP_MAX * 4}px) - for large separations`);
+    console.log(`PROHIBITED: gap-4 (16px) - creates inconsistent spacing`);
+    console.log(`Breadcrumb to Content: spacing-${SPACING.BREADCRUMB_TO_CONTENT} (${SPACING.BREADCRUMB_TO_CONTENT * 4}px)`);
+    console.log(`Page Header Margin: spacing-${SPACING.PAGE_HEADER_MARGIN_BOTTOM} (${SPACING.PAGE_HEADER_MARGIN_BOTTOM * 4}px)`);
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    const checks = [];
+    if (mode === "all" || mode === "cards") {
+        checks.push(await checkCardContainerGap());
+    }
+    if (mode === "all" || mode === "layout") {
+        checks.push(await checkLayoutSpacing());
+        checks.push(await checkPageHeaderSpacing());
+    }
+    if (mode === "all" || mode === "consistency") {
+        checks.push(await checkIntraFileConsistency());
+    }
+    if (mode === "all" || mode === "positioning") {
+        checks.push(await checkAsymmetricPositioning());
+    }
+    // Print results
+    console.log(`\n${console_chars_1.emoji.chart} RESULTS`);
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    let totalErrors = 0;
+    let totalWarnings = 0;
+    for (const check of checks) {
+        const errors = check.issues.filter((i) => i.severity === "error").length;
+        const warnings = check.issues.filter((i) => i.severity === "warning").length;
+        totalErrors += errors;
+        totalWarnings += warnings;
+        const icon = errors > 0 ? `${console_chars_1.emoji.error}` : warnings > 0 ? `${console_chars_1.emoji.warning}` : `${console_chars_1.emoji.success}`;
+        console.log(`${icon} ${check.name.padEnd(30)} ${(check.duration / 1000).toFixed(1)}s (${errors} errors, ${warnings} warnings)`);
+        // Print first 10 issues
+        if (check.issues.length > 0) {
+            check.issues.slice(0, 10).forEach((issue) => {
+                const prefix = issue.severity === "error" ? `  ${console_chars_1.emoji.error}` : `  ${console_chars_1.emoji.warning}`;
+                console.log(`${prefix} ${issue.file}:${issue.line || "?"}`);
+                console.log(`     ${issue.message}`);
+            });
+            if (check.issues.length > 10) {
+                console.log(`  ... and ${check.issues.length - 10} more`);
+            }
+        }
+    }
+    console.log((0, console_chars_1.createDivider)(80, "heavy"));
+    console.log(`Total: ${totalErrors} errors, ${totalWarnings} warnings`);
+    const hasBlockingErrors = checks.some((c) => c.blocking && !c.passed);
+    if (hasBlockingErrors) {
+        console.log(`\n${console_chars_1.emoji.error} UI SPACING STANDARDS FAILED`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} UI SPACING STANDARDS PASSED`);
+        process.exit(0);
+    }
+}
+main();
+//# sourceMappingURL=ui-spacing-standards.js.map