@empline/preflight 1.0.20

package/dist/checks/ui/header-vertical-alignment.js

@@ -0,0 +1,205 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Header Vertical Alignment Preflight Check
+ *
+ * Ensures page headers have consistent vertical centering of content.
+ *
+ * BLOCKING: No (warning only)
+ *
+ * Run: pnpm preflight:header-alignment
+ *
+ * Detects:
+ * - justifyContent: "flex-start" in header content containers (should be "center")
+ * - Missing vertical centering in page header layouts
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+exports.checkHeaderAlignment = checkHeaderAlignment;
+const fs = __importStar(require("fs"));
+const glob_1 = require("glob");
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/header-vertical-alignment";
+exports.name = "Header Vertical Alignment";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Header Vertical Alignment Preflight Check";
+exports.tags = ["ui"];
+const EXCLUDED = [...glob_patterns_1.STANDARD_EXCLUDES];
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedAppComponentsTsxFiles = null;
+async function getAppComponentsTsxFiles() {
+    if (!_cachedAppComponentsTsxFiles) {
+        _cachedAppComponentsTsxFiles = await file_cache_1.fileCache.getAppAndComponentsTSX();
+    }
+    return _cachedAppComponentsTsxFiles;
+}
+async function checkHeaderAlignment() {
+    console.log(`\n${console_chars_1.emoji.search} Running Header Vertical Alignment Check...\n`);
+    const issues = [];
+    // Check UnifiedHeader component
+    const headerFiles = await (0, glob_1.glob)("components/**/UnifiedHeader.tsx", { ignore: EXCLUDED });
+    for (const file of headerFiles) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        // Find the PageHeader function and check its content
+        let inPageHeader = false;
+        let braceDepth = 0;
+        let pageHeaderStartLine = -1;
+        lines.forEach((line, index) => {
+            // Detect start of PageHeader function
+            if (line.includes("function PageHeader")) {
+                inPageHeader = true;
+                pageHeaderStartLine = index;
+                braceDepth = 0;
+            }
+            // Track brace depth to know when we exit PageHeader
+            if (inPageHeader) {
+                braceDepth += (line.match(/{/g) || []).length;
+                braceDepth -= (line.match(/}/g) || []).length;
+                if (braceDepth === 0 && pageHeaderStartLine !== index) {
+                    inPageHeader = false;
+                }
+                // Check for flex-start in CardContent or content containers within PageHeader
+                if (line.includes("justifyContent") && line.includes("flex-start")) {
+                    // Look at surrounding context to see if this is a content container
+                    const surroundingContext = lines.slice(Math.max(0, index - 5), index + 3).join("\n");
+                    // Flag if this is in a flex column container (likely content area)
+                    if (surroundingContext.includes("flexDirection") &&
+                        (surroundingContext.includes("column") || surroundingContext.includes("CardContent"))) {
+                        issues.push({
+                            file,
+                            line: index + 1,
+                            severity: "warning",
+                            message: "PageHeader content container using flex-start instead of center",
+                            suggestion: 'Change justifyContent: "flex-start" to justifyContent: "center" for vertical centering in page headers',
+                        });
+                    }
+                }
+            }
+            // Also check for legacy patterns - any header-related component with flex-start
+            if (!inPageHeader && line.includes("justifyContent") && line.includes("flex-start")) {
+                const surroundingContext = lines.slice(Math.max(0, index - 15), index + 5).join("\n");
+                // Check if this is in a header-related context
+                if ((surroundingContext.includes("Header") || surroundingContext.includes("header")) &&
+                    surroundingContext.includes("flexDirection") &&
+                    surroundingContext.includes("column")) {
+                    issues.push({
+                        file,
+                        line: index + 1,
+                        severity: "warning",
+                        message: "Header content using flex-start - may cause vertical alignment issues",
+                        suggestion: 'Consider using justifyContent: "center" for vertical centering in header components',
+                    });
+                }
+            }
+        });
+    }
+    // Check pages that use UnifiedHeader with variant="page"
+    const pageFiles = await getAppComponentsTsxFiles();
+    // Layout wrapper files that just show example usage in comments - not actual pages
+    const layoutWrapperFiles = [
+        "SellerPageLayout",
+        "DashboardPageLayout",
+        "AdminPageLayout",
+        "AccountPageLayout",
+    ];
+    for (const file of pageFiles) {
+        // Skip layout wrapper files - they contain example usage in comments, not actual headers
+        const isLayoutWrapper = layoutWrapperFiles.some((wrapper) => file.includes(wrapper));
+        if (isLayoutWrapper) {
+            continue;
+        }
+        const content = fs.readFileSync(file, "utf8");
+        // Check for UnifiedHeader usage with page variant
+        if (content.includes("UnifiedHeader") && content.includes('variant="page"')) {
+            // Verify it has proper props for centering
+            const hasIcon = content.includes("icon={") || content.includes("icon=");
+            const hasTitle = content.includes('title="') || content.includes("title={");
+            if (hasTitle && !hasIcon) {
+                // Pages without icons should have them for consistent layout
+                issues.push({
+                    file,
+                    line: 1,
+                    severity: "warning",
+                    message: "Page header missing icon prop - inconsistent with design standards",
+                    suggestion: "Add an icon prop (e.g., icon={<Package size={48} />}) for consistent page header layout",
+                });
+            }
+        }
+    }
+    // Print results
+    const YELLOW = "\x1b[33m";
+    const BLUE = "\x1b[34m";
+    const GREEN = "\x1b[32m";
+    const RESET = "\x1b[0m";
+    if (issues.length === 0) {
+        console.log(`${GREEN}${console_chars_1.emoji.success} No header alignment issues found!${RESET}\n`);
+    }
+    else {
+        const warnings = issues.filter((i) => i.severity === "warning");
+        const infos = issues.filter((i) => i.severity === "info");
+        if (warnings.length > 0) {
+            console.log(`${YELLOW}${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):${RESET}\n`);
+            warnings.forEach((issue) => {
+                console.log(`  ${YELLOW}!${RESET} ${issue.file}:${issue.line}`);
+                console.log(`    ${issue.message}`);
+                console.log(`    Fix: ${issue.suggestion}\n`);
+            });
+        }
+        if (infos.length > 0) {
+            console.log(`${BLUE}${console_chars_1.emoji.info}  INFO (${infos.length}):${RESET}\n`);
+            infos.forEach((issue) => {
+                console.log(`  ${BLUE}i${RESET} ${issue.file}`);
+                console.log(`    ${issue.message}\n`);
+            });
+        }
+    }
+    return {
+        passed: issues.filter((i) => i.severity === "warning").length === 0,
+        issues,
+    };
+}
+// Run if executed directly
+if (require.main === module) {
+    checkHeaderAlignment().then((result) => {
+        process.exit(result.passed ? 0 : 1);
+    });
+}
+//# sourceMappingURL=header-vertical-alignment.js.map

package/dist/checks/ui/header-vertical-alignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-vertical-alignment.js","sourceRoot":"","sources":["../../../src/checks/ui/header-vertical-alignment.ts"],"names":[],"mappings":";;AACA;;;;;;;;;;;;GAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMM,oDAAoB;AApM7B,uCAAyB;AACzB,+BAA4B;AAC5B,6DAAkD;AAClD,wDAAoD;AACpD,8DAA+D;AAG/D,iBAAiB;AACJ,QAAA,EAAE,GAAG,8BAA8B,CAAC;AACpC,QAAA,IAAI,GAAG,2BAA2B,CAAC;AACnC,QAAA,QAAQ,GAAG,IAAI,CAAC;AAChB,QAAA,QAAQ,GAAG,KAAK,CAAC;AACjB,QAAA,WAAW,GAAG,2CAA2C,CAAC;AAC1D,QAAA,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;AAU3B,MAAM,QAAQ,GAAG,CAAC,GAAG,iCAAiB,CAAC,CAAC;AAExC,gDAAgD;AAEhD,IAAI,4BAA4B,GAAoB,IAAI,CAAC;AACzD,KAAK,UAAU,wBAAwB;IACrC,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAClC,4BAA4B,GAAG,MAAM,sBAAS,CAAC,sBAAsB,EAAE,CAAC;IAC1E,CAAC;IACD,OAAO,4BAA4B,CAAC;AACtC,CAAC;AAED,KAAK,UAAU,oBAAoB;IACjC,OAAO,CAAC,GAAG,CAAC,KAAK,qBAAK,CAAC,MAAM,+CAA+C,CAAC,CAAC;IAE9E,MAAM,MAAM,GAAY,EAAE,CAAC;IAE3B,gCAAgC;IAChC,MAAM,WAAW,GAAG,MAAM,IAAA,WAAI,EAAC,iCAAiC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAExF,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;QAC/B,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAElC,qDAAqD;QACrD,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,mBAAmB,GAAG,CAAC,CAAC,CAAC;QAE7B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,sCAAsC;YACtC,IAAI,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACzC,YAAY,GAAG,IAAI,CAAC;gBACpB,mBAAmB,GAAG,KAAK,CAAC;gBAC5B,UAAU,GAAG,CAAC,CAAC;YACjB,CAAC;YAED,oDAAoD;YACpD,IAAI,YAAY,EAAE,CAAC;gBACjB,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;gBAC9C,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;gBAE9C,IAAI,UAAU,KAAK,CAAC,IAAI,mBAAmB,KAAK,KAAK,EAAE,CAAC;oBACtD,YAAY,GAAG,KAAK,CAAC;gBACvB,CAAC;gBAED,8EAA8E;gBAC9E,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBACnE,oEAAoE;oBACpE,MAAM,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAErF,mEAAmE;oBACnE,IACE,kBAAkB,CAAC,QAAQ,CAAC,eAAe,CAAC;wBAC5C,CAAC,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EACrF,CAAC;wBACD,MAAM,CAAC,IAAI,CAAC;4BACV,IAAI;4BACJ,IAAI,EAAE,KAAK,GAAG,CAAC;4BACf,QAAQ,EAAE,SAAS;4BACnB,OAAO,EAAE,iEAAiE;4BAC1E,UAAU,EACR,wGAAwG;yBAC3G,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;YACH,CAAC;YAED,gFAAgF;YAChF,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBACpF,MAAM,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtF,+CAA+C;gBAC/C,IACE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;oBAChF,kBAAkB,CAAC,QAAQ,CAAC,eAAe,CAAC;oBAC5C,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACrC,CAAC;oBACD,MAAM,CAAC,IAAI,CAAC;wBACV,IAAI;wBACJ,IAAI,EAAE,KAAK,GAAG,CAAC;wBACf,QAAQ,EAAE,SAAS;wBACnB,OAAO,EAAE,uEAAuE;wBAChF,UAAU,EACR,qFAAqF;qBACxF,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yDAAyD;IACzD,MAAM,SAAS,GAAG,MAAM,wBAAwB,EAAE,CAAC;IAEnD,mFAAmF;IACnF,MAAM,kBAAkB,GAAG;QACzB,kBAAkB;QAClB,qBAAqB;QACrB,iBAAiB;QACjB,mBAAmB;KACpB,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,SAAS,EAAE,CAAC;QAC7B,yFAAyF;QACzF,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QACrF,IAAI,eAAe,EAAE,CAAC;YACpB,SAAS;QACX,CAAC;QAED,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAE9C,kDAAkD;QAClD,IAAI,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;YAC5E,2CAA2C;YAC3C,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACxE,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAE5E,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;gBACzB,6DAA6D;gBAC7D,MAAM,CAAC,IAAI,CAAC;oBACV,IAAI;oBACJ,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,SAAS;oBACnB,OAAO,EAAE,oEAAoE;oBAC7E,UAAU,EACR,yFAAyF;iBAC5F,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAED,gBAAgB;IAChB,MAAM,MAAM,GAAG,UAAU,CAAC;IAC1B,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC;IACzB,MAAM,KAAK,GAAG,SAAS,CAAC;IAExB,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,qBAAK,CAAC,OAAO,qCAAqC,KAAK,IAAI,CAAC,CAAC;IACtF,CAAC;SAAM,CAAC;QACN,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC;QAChE,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC;QAE1D,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,qBAAK,CAAC,OAAO,eAAe,QAAQ,CAAC,MAAM,KAAK,KAAK,IAAI,CAAC,CAAC;YACnF,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChE,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;gBACpC,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,qBAAK,CAAC,IAAI,WAAW,KAAK,CAAC,MAAM,KAAK,KAAK,IAAI,CAAC,CAAC;YACvE,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACtB,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,OAAO,CAAC,GAAG,CAAC,OAAO,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO;QACL,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC;QACnE,MAAM;KACP,CAAC;AACJ,CAAC;AAED,2BAA2B;AAC3B,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;IAC5B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/checks/ui/image-component-check.d.ts

@@ -0,0 +1,7 @@
+export declare const id = "ui/image-component-check";
+export declare const name = "Image Component Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Validates image component check";
+export declare const tags: string[];
+//# sourceMappingURL=image-component-check.d.ts.map

package/dist/checks/ui/image-component-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-component-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/image-component-check.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,EAAE,6BAA6B,CAAC;AAC7C,eAAO,MAAM,IAAI,0BAA0B,CAAC;AAC5C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,oCAAoC,CAAC;AAC7D,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/image-component-check.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+const fs = __importStar(require("fs"));
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/image-component-check";
+exports.name = "Image Component Check";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Validates image component check";
+exports.tags = ["ui"];
+const EXCLUDED = (0, glob_patterns_1.extendExcludes)(glob_patterns_1.STANDARD_EXCLUDES_WITH_TESTS, ["scripts/**"]);
+// CACHED FILE LISTS - Scan once, use everywhere
+let _cachedAllTsxJsxFiles = null;
+async function getAllTsxJsxFiles() {
+    if (!_cachedAllTsxJsxFiles) {
+        _cachedAllTsxJsxFiles = await file_cache_1.fileCache.getAllTsxJsx();
+    }
+    return _cachedAllTsxJsxFiles;
+}
+async function checkImageComponent() {
+    console.log(`\n${console_chars_1.emoji.search} Checking for Image Component usage...\n`);
+    const files = await getAllTsxJsxFiles();
+    const issues = [];
+    const imgTagRegex = /<img\s/g;
+    for (const file of files) {
+        const content = fs.readFileSync(file, "utf8");
+        const lines = content.split("\n");
+        lines.forEach((line, index) => {
+            if (line.includes("preflight-ignore"))
+                return;
+            // Check for raw <img> tags
+            if (imgTagRegex.test(line)) {
+                issues.push({
+                    file,
+                    line: index + 1,
+                    message: `Raw <img> tag detected. Use 'next/image' for optimization.`,
+                    snippet: line.trim(),
+                });
+            }
+        });
+    }
+    if (issues.length > 0) {
+        console.log(`${console_chars_1.emoji.error} Found ${issues.length} image component issues:`);
+        issues.forEach((i) => {
+            console.log(`   ${i.file}:${i.line} - ${i.message}`);
+        });
+        // Non-blocking: image component migration is ongoing
+        process.exit(0);
+    }
+    else {
+        console.log(`${console_chars_1.emoji.success} Image component check passed!`);
+    }
+}
+checkImageComponent();
+//# sourceMappingURL=image-component-check.js.map

package/dist/checks/ui/image-component-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-component-check.js","sourceRoot":"","sources":["../../../src/checks/ui/image-component-check.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,6DAAkD;AAClD,wDAAoD;AACpD,8DAA0F;AAG1F,iBAAiB;AACJ,QAAA,EAAE,GAAG,0BAA0B,CAAC;AAChC,QAAA,IAAI,GAAG,uBAAuB,CAAC;AAC/B,QAAA,QAAQ,GAAG,IAAI,CAAC;AAChB,QAAA,QAAQ,GAAG,KAAK,CAAC;AACjB,QAAA,WAAW,GAAG,iCAAiC,CAAC;AAChD,QAAA,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;AAS3B,MAAM,QAAQ,GAAG,IAAA,8BAAc,EAAC,4CAA4B,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AAE9E,gDAAgD;AAEhD,IAAI,qBAAqB,GAAoB,IAAI,CAAC;AAClD,KAAK,UAAU,iBAAiB;IAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,qBAAqB,GAAG,MAAM,sBAAS,CAAC,YAAY,EAAE,CAAC;IACzD,CAAC;IACD,OAAO,qBAAqB,CAAC;AAC/B,CAAC;AAED,KAAK,UAAU,mBAAmB;IAChC,OAAO,CAAC,GAAG,CAAC,KAAK,qBAAK,CAAC,MAAM,0CAA0C,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,MAAM,iBAAiB,EAAE,CAAC;IAExC,MAAM,MAAM,GAAY,EAAE,CAAC;IAE3B,MAAM,WAAW,GAAG,SAAS,CAAC;IAE9B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAElC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC;gBAAE,OAAO;YAE9C,2BAA2B;YAC3B,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3B,MAAM,CAAC,IAAI,CAAC;oBACV,IAAI;oBACJ,IAAI,EAAE,KAAK,GAAG,CAAC;oBACf,OAAO,EAAE,4DAA4D;oBACrE,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE;iBACrB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,CAAC,GAAG,CAAC,GAAG,qBAAK,CAAC,KAAK,UAAU,MAAM,CAAC,MAAM,0BAA0B,CAAC,CAAC;QAC7E,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QACH,qDAAqD;QACrD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,GAAG,CAAC,GAAG,qBAAK,CAAC,OAAO,gCAAgC,CAAC,CAAC;IAChE,CAAC;AACH,CAAC;AAED,mBAAmB,EAAE,CAAC"}

package/dist/checks/ui/inline-flex-gap-check.d.ts

@@ -0,0 +1,26 @@
+#!/usr/bin/env tsx
+/**
+ * Inline Flex Gap Check Preflight
+ *
+ * Detects flex containers with multiple inline children (like status indicators)
+ * that lack proper gap spacing, causing text to run together.
+ *
+ * PATTERNS DETECTED:
+ * - Flex containers with multiple Stack/Box children but no gap
+ * - Status indicator groups without spacing between items
+ * - Inline flex items that would visually touch without gap
+ *
+ * Example of the bug this catches:
+ *   "0 approved1 pending1 total" instead of "0 approved • 1 pending • 1 total"
+ *
+ * Usage:
+ *   pnpm preflight:inline-flex-gap
+ *   pnpm preflight:inline-flex-gap --verbose
+ */
+export declare const id = "ui/inline-flex-gap-check";
+export declare const name = "Inline Flex Gap Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Inline Flex Gap Check Preflight";
+export declare const tags: string[];
+//# sourceMappingURL=inline-flex-gap-check.d.ts.map

package/dist/checks/ui/inline-flex-gap-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-flex-gap-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/inline-flex-gap-check.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;;;GAiBG;AASH,eAAO,MAAM,EAAE,6BAA6B,CAAC;AAC7C,eAAO,MAAM,IAAI,0BAA0B,CAAC;AAC5C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,oCAAoC,CAAC;AAC7D,eAAO,MAAM,IAAI,UAAS,CAAC"}

package/dist/checks/ui/inline-flex-gap-check.js

@@ -0,0 +1,196 @@
+#!/usr/bin/env tsx
+"use strict";
+/**
+ * Inline Flex Gap Check Preflight
+ *
+ * Detects flex containers with multiple inline children (like status indicators)
+ * that lack proper gap spacing, causing text to run together.
+ *
+ * PATTERNS DETECTED:
+ * - Flex containers with multiple Stack/Box children but no gap
+ * - Status indicator groups without spacing between items
+ * - Inline flex items that would visually touch without gap
+ *
+ * Example of the bug this catches:
+ *   "0 approved1 pending1 total" instead of "0 approved • 1 pending • 1 total"
+ *
+ * Usage:
+ *   pnpm preflight:inline-flex-gap
+ *   pnpm preflight:inline-flex-gap --verbose
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tags = exports.description = exports.blocking = exports.category = exports.name = exports.id = void 0;
+const fs = __importStar(require("fs"));
+const console_chars_1 = require("../../utils/console-chars");
+const file_cache_1 = require("../../shared/file-cache");
+const glob_patterns_1 = require("../../shared/glob-patterns");
+// Check metadata
+exports.id = "ui/inline-flex-gap-check";
+exports.name = "Inline Flex Gap Check";
+exports.category = "ui";
+exports.blocking = false;
+exports.description = "Inline Flex Gap Check Preflight";
+exports.tags = ["ui"];
+const EXCLUDED = (0, glob_patterns_1.extendExcludes)(glob_patterns_1.STANDARD_EXCLUDES_WITH_TESTS, [
+    "**/scripts/**",
+    "**/packages/ui/**",
+]);
+let _cachedAllTsxFiles = null;
+async function getAllTsxFiles() {
+    if (!_cachedAllTsxFiles) {
+        _cachedAllTsxFiles = await file_cache_1.fileCache.getAllTsx();
+    }
+    return _cachedAllTsxFiles;
+}
+async function checkInlineFlexGap() {
+    const verbose = process.argv.includes("--verbose");
+    console.log("\n📐 Inline Flex Gap Check Preflight\n");
+    console.log("Detects flex containers with multiple inline items lacking gap spacing.\n");
+    const files = await getAllTsxFiles();
+    const issues = [];
+    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];
+            const lineNum = i + 1;
+            // Skip comments
+            const trimmed = line.trim();
+            if (trimmed.startsWith("//") || trimmed.startsWith("/*") || trimmed.startsWith("*"))
+                continue;
+            // Check for preflight-ignore on current line or previous line
+            const prevLine = i > 0 ? lines[i - 1] : "";
+            if (line.includes("preflight-ignore") || prevLine.includes("preflight-ignore"))
+                continue;
+            // Pattern 1: Flex container with justify-center containing multiple Stack direction="row" siblings
+            // This is the exact pattern that caused the "0 approved1 pending1 total" bug
+            // The key indicator is: flex + justify-center + multiple Stack direction="row" children at same level
+            if (line.match(/<(Box|div)\s+[^>]*className="[^"]*flex[^"]*justify-center[^"]*"/) &&
+                !line.includes("gap-") &&
+                !line.includes("gap:")) {
+                // Look for the closing tag to find the container scope
+                const nextLines = lines.slice(i, Math.min(i + 50, lines.length)).join("\n");
+                // Count Stack direction="row" that are direct children (status indicator pattern)
+                // These are typically: <Stack direction="row" spacing={1}><Circle/><Typography>X approved</Typography></Stack>
+                const stackRowMatches = nextLines.match(/<Stack\s+direction="row"[^>]*spacing=\{1\}/g) || [];
+                // Only flag if we have 3+ status indicator stacks (approved/pending/total pattern)
+                if (stackRowMatches.length >= 3) {
+                    issues.push({
+                        file,
+                        line: lineNum,
+                        type: "error",
+                        message: "Flex container with multiple status indicators but no gap - add gap-4 class",
+                        context: line.trim().substring(0, 100),
+                    });
+                }
+            }
+            // Pattern 3: Inline status display without spacing
+            // Catches: <strong>X</strong> approved<strong>Y</strong> pending
+            if (line.match(/<strong>[^<]*<\/strong>\s*\w+<strong>/)) {
+                issues.push({
+                    file,
+                    line: lineNum,
+                    type: "error",
+                    message: "Inline status text without spacing between items",
+                    context: line.trim().substring(0, 100),
+                });
+            }
+        }
+    }
+    // Report
+    console.log((0, console_chars_1.createDivider)(60, "light"));
+    if (issues.length === 0) {
+        console.log(`\n${console_chars_1.emoji.success} No inline flex gap issues found!\n`);
+        return;
+    }
+    const errors = issues.filter((i) => i.type === "error");
+    const warnings = issues.filter((i) => i.type === "warning");
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error}  ERRORS (${errors.length}):\n`);
+        if (verbose) {
+            errors.forEach((e) => {
+                console.log(`  ${e.file}:${e.line}`);
+                console.log(`    ${e.message}`);
+                console.log(`    ${e.context}...`);
+                console.log("");
+            });
+        }
+        else {
+            const byFile = new Map();
+            errors.forEach((e) => {
+                if (!byFile.has(e.file))
+                    byFile.set(e.file, []);
+                byFile.get(e.file).push(e);
+            });
+            let shown = 0;
+            for (const [file, fileIssues] of byFile) {
+                if (shown >= 20) {
+                    console.log(`  ... and ${errors.length - shown} more errors`);
+                    break;
+                }
+                console.log(`  ${file}:`);
+                fileIssues.slice(0, 3).forEach((e) => {
+                    console.log(`    L${e.line}: ${e.message}`);
+                    shown++;
+                });
+                if (fileIssues.length > 3) {
+                    console.log(`    ... and ${fileIssues.length - 3} more in this file`);
+                    shown += fileIssues.length - 3;
+                }
+            }
+        }
+    }
+    if (warnings.length > 0) {
+        console.log(`\n${console_chars_1.emoji.warning}  WARNINGS (${warnings.length}):\n`);
+        // Similar output for warnings...
+    }
+    console.log(`\n${console_chars_1.box.horizontal}`.repeat(60));
+    console.log(`\n${console_chars_1.emoji.chart} Summary:`);
+    console.log(`  Errors: ${errors.length}`);
+    console.log(`  Warnings: ${warnings.length}`);
+    if (errors.length > 0) {
+        console.log(`\n${console_chars_1.emoji.error} Inline flex gap check FAILED\n`);
+        process.exit(1);
+    }
+    else {
+        console.log(`\n${console_chars_1.emoji.success} Inline flex gap check passed\n`);
+    }
+}
+checkInlineFlexGap().catch((err) => {
+    console.error("Error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=inline-flex-gap-check.js.map

package/dist/checks/ui/inline-flex-gap-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-flex-gap-check.js","sourceRoot":"","sources":["../../../src/checks/ui/inline-flex-gap-check.ts"],"names":[],"mappings":"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"}

package/dist/checks/ui/inline-to-tailwind-check.d.ts

@@ -0,0 +1,47 @@
+#!/usr/bin/env tsx
+/**
+ * Inline Style to Tailwind Conversion Check
+ *
+ * Detects inline styles that should be converted to Tailwind utility classes
+ * for better performance, caching, and maintainability.
+ *
+ * BLOCKING: No (informational - guides refactoring)
+ *
+ * Run: pnpm preflight:inline-to-tailwind
+ *
+ * Why this matters:
+ * - Inline styles are not cached by browsers (unlike CSS files)
+ * - They increase HTML payload size significantly
+ * - They make responsive design harder to manage
+ * - Tailwind utilities are tree-shaken and optimized
+ */
+export declare const id = "ui/inline-to-tailwind-check";
+export declare const name = "Inline To Tailwind Check";
+export declare const category = "ui";
+export declare const blocking = false;
+export declare const description = "Inline Style to Tailwind Conversion Check";
+export declare const tags: string[];
+interface Issue {
+    file: string;
+    line: number;
+    type: "spacing" | "layout" | "sizing" | "typography" | "border" | "shadow";
+    severity: "warning" | "info";
+    inlineStyle: string;
+    tailwindEquivalent: string;
+    snippet: string;
+}
+interface CheckResult {
+    passed: boolean;
+    blocking: boolean;
+    issues: Issue[];
+    stats: {
+        filesScanned: number;
+        filesWithIssues: number;
+        totalIssues: number;
+        byType: Record<string, number>;
+    };
+}
+declare function runCheck(): Promise<CheckResult>;
+export { runCheck };
+export type { CheckResult };
+//# sourceMappingURL=inline-to-tailwind-check.d.ts.map

package/dist/checks/ui/inline-to-tailwind-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-to-tailwind-check.d.ts","sourceRoot":"","sources":["../../../src/checks/ui/inline-to-tailwind-check.ts"],"names":[],"mappings":";AACA;;;;;;;;;;;;;;;GAeG;AASH,eAAO,MAAM,EAAE,gCAAgC,CAAC;AAChD,eAAO,MAAM,IAAI,6BAA6B,CAAC;AAC/C,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAC9B,eAAO,MAAM,WAAW,8CAA8C,CAAC;AACvE,eAAO,MAAM,IAAI,UAAS,CAAC;AAE3B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3E,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;CACH;AA0MD,iBAAe,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC,CAqC9C;AAkED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,WAAW,EAAE,CAAC"}