Fix: strip page-controlled poller fields before they reach the agent (#488)

A page-supplied _instructions suppressed the locally generated next step and was presented as authoritative over live.md. Drop reserved poller-owned fields at ingest and always overwrite them locally.

AI assistance: implemented with Cursor Grok 4.6.

Co-authored-by: Cursor <cursoragent@cursor.com>

.agents/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.agents/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.agents/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.agents/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.agents/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.agents/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.agents/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.claude/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.claude/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.claude/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.claude/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.claude/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.claude/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.claude/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.cursor/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.cursor/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.cursor/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.cursor/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.cursor/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.cursor/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.cursor/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.gemini/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.gemini/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.gemini/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.gemini/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.gemini/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.gemini/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.gemini/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.github/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.github/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.github/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.github/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.github/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.github/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.github/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.grok/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.grok/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.grok/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.grok/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.grok/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.grok/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.grok/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.hermes/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.hermes/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.hermes/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.hermes/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.hermes/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.hermes/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.hermes/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.kiro/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.kiro/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.kiro/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.kiro/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.kiro/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.kiro/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.kiro/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.opencode/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.opencode/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.opencode/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.opencode/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.opencode/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.opencode/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.opencode/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.pi/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.pi/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.pi/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.pi/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.pi/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.pi/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.pi/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.qoder/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.qoder/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.qoder/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.qoder/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.qoder/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.qoder/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.qoder/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.rovodev/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.rovodev/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.rovodev/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.rovodev/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.rovodev/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.rovodev/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.rovodev/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.trae-cn/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.trae-cn/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.trae-cn/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.trae-cn/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.trae-cn/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.trae-cn/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.trae-cn/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.trae/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.trae/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.trae/skills/impeccable/scripts/detector/engines/regex/detect-text.mjs

@@ -42,7 +42,6 @@ function shouldRunPageAnalyzers(content, filePath) {
 }
 
 const JS_SOURCE_EXTS = new Set(['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs']);
-const STYLESHEET_EXTS = new Set(['.css', '.scss', '.sass', '.less']);
 const REGEX_PREFIX_KEYWORDS = new Set(['await', 'case', 'default', 'delete', 'do', 'else', 'in', 'instanceof', 'new', 'of', 'return', 'throw', 'typeof', 'void', 'yield']);
 const BLOCK_BRACE_PREFIX_KEYWORDS = new Set(['do', 'else', 'finally', 'try']);
 
@@ -257,153 +256,6 @@ function stripCssComments(content) {
   return content.replace(/\/\*[\s\S]*?\*\//g, comment => comment.replace(/[^\n]/g, ' '));
 }
 
-function blankHtmlComments(text) {
-  return text.replace(/<!--[\s\S]*?-->/g, comment => comment.replace(/[^\n]/g, ' '));
-}
-
-function blankCssLineCommentsInStyleBlocks(text) {
-  const re = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    const inner = match[1];
-    const openLength = match[0].length - inner.length - '</style>'.length;
-    output += text.slice(lastIndex, match.index);
-    output += match[0].slice(0, openLength);
-    output += blankCssLineComments(inner);
-    output += match[0].slice(openLength + inner.length);
-    lastIndex = re.lastIndex;
-  }
-  return output + text.slice(lastIndex);
-}
-
-function blankHtmlAndCssCommentsOutsideScripts(text) {
-  const re = /<script\b[^>]*>[\s\S]*?<\/script>/gi;
-  let output = '';
-  let lastIndex = 0;
-  let match;
-  while ((match = re.exec(text)) !== null) {
-    output += blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex, match.index))));
-    output += match[0];
-    lastIndex = re.lastIndex;
-  }
-  return output + blankCssLineCommentsInStyleBlocks(stripCssComments(blankHtmlComments(text.slice(lastIndex))));
-}
-
-function blankCssLineComments(text) {
-  let output = '';
-  let state = 'code';
-  let urlDepth = 0;
-  for (let i = 0; i < text.length; i++) {
-    const char = text[i];
-    const next = text[i + 1];
-    if (state === 'line') {
-      if (char === '\n') {
-        output += '\n';
-        state = 'code';
-      } else {
-        output += ' ';
-      }
-      continue;
-    }
-    if (state === 'single' || state === 'double') {
-      output += char;
-      if (char === '\\' && next) {
-        output += next;
-        i++;
-      } else if ((state === 'single' && char === "'") || (state === 'double' && char === '"')) {
-        state = 'code';
-      }
-      continue;
-    }
-    const prev = output.length ? output[output.length - 1] : '';
-    if (char === '/' && next === '/' && urlDepth === 0 && prev !== ':' && prev !== '(' && prev !== '\\') {
-      output += '  ';
-      i++;
-      state = 'line';
-      continue;
-    }
-    if (char === "'") state = 'single';
-    else if (char === '"') state = 'double';
-    if (char === '(') {
-      const behind = output.replace(/\s+$/, '');
-      if (urlDepth > 0 || /url$/i.test(behind)) urlDepth++;
-    } else if (char === ')' && urlDepth) {
-      urlDepth--;
-    }
-    output += char;
-  }
-  return output;
-}
-
-function findAstroFrontmatterClose(text) {
-  if (!text.startsWith('---')) return -1;
-  let cursor = text.indexOf('\n');
-  if (cursor === -1) return -1;
-  cursor += 1;
-  while (cursor < text.length) {
-    if (text[cursor - 1] === '\n' && text.startsWith('---', cursor)) {
-      let end = cursor + 3;
-      while (text[end] === ' ' || text[end] === '\t') end++;
-      if (end >= text.length || text[end] === '\n' || text[end] === '\r') return cursor - 1;
-    }
-    const char = text[cursor];
-    const next = text[cursor + 1];
-    if (char === "'" || char === '"') {
-      const close = findQuotedStringEnd(text, cursor, char);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '`') {
-      const close = findTemplateLiteralEnd(text, cursor);
-      if (close === -1) return -1;
-      cursor = close + 1;
-      continue;
-    }
-    if (char === '/' && next === '/') {
-      const lineEnd = text.indexOf('\n', cursor);
-      if (lineEnd === -1) return -1;
-      cursor = lineEnd;
-      continue;
-    }
-    if (char === '/' && next === '*') {
-      const commentEnd = text.indexOf('*/', cursor + 2);
-      if (commentEnd === -1) return -1;
-      cursor = commentEnd + 2;
-      continue;
-    }
-    if (char === '/' && next !== '/' && next !== '*') {
-      const close = findRegexLiteralEnd(text, cursor);
-      if (close !== -1) {
-        cursor = close + 1;
-        continue;
-      }
-    }
-    cursor++;
-  }
-  return -1;
-}
-
-function blankAstroFrontmatterComments(text) {
-  const close = findAstroFrontmatterClose(text);
-  if (close === -1) return text;
-  return stripJsComments(text.slice(0, close)) + text.slice(close);
-}
-
-function blankCommentsForMatchers(text, ext) {
-  if (PAGE_ANALYZER_EXTS.has(ext)) {
-    const withFrontmatter = ext === '.astro' ? blankAstroFrontmatterComments(text) : text;
-    return blankHtmlAndCssCommentsOutsideScripts(withFrontmatter);
-  }
-  if (STYLESHEET_EXTS.has(ext)) {
-    const withoutBlocks = stripCssComments(text);
-    return ext === '.css' ? withoutBlocks : blankCssLineComments(withoutBlocks);
-  }
-  return text;
-}
-
 function firstOverusedGoogleFont(text) {
   return extractGoogleFontFamilies(text).find(f => OVERUSED_FONTS.has(f)) || '';
 }
@@ -1176,13 +1028,14 @@ function detectText(content, filePath, options = {}) {
   const ext = extFromFilePath(filePath);
   const commentStrippedSource = JS_SOURCE_EXTS.has(ext) ? stripJsComments(content, {
     jsx: ext === '.js' || ext === '.jsx' || ext === '.tsx',
-  }) : blankCommentsForMatchers(content, ext);
+  }) : content;
   const source = stripCssInJsComments(commentStrippedSource, ext);
   const lines = source.split('\n');
 
   // Run regex matchers on the full file content (catches Tailwind classes, inline styles)
   // Enable block context for CSS files where related properties span multiple lines
-  findings.push(...runRegexMatchers(lines, filePath, 0, STYLESHEET_EXTS.has(ext) || null, {
+  const cssLike = new Set(['.css', '.scss', '.sass', '.less']);
+  findings.push(...runRegexMatchers(lines, filePath, 0, cssLike.has(ext) || null, {
     profile,
     phase: 'source',
   }));
@@ -1197,7 +1050,7 @@ function detectText(content, filePath, options = {}) {
     scanCssTextForPseudoStripe(text).map(hit =>
       finding(hit.id, filePath, hit.snippet, lineOffset + text.slice(0, hit.index).split('\n').length));
 
-  if (STYLESHEET_EXTS.has(ext)) {
+  if (cssLike.has(ext)) {
     findings.push(...scanInsetStripeCss(content, filePath));
     findings.push(...pseudoStripeFindings(content, 0));
   }
@@ -1225,8 +1078,7 @@ function detectText(content, filePath, options = {}) {
     }, () => extractStyleBlocks(content, ext))
     : extractStyleBlocks(content, ext);
   for (const block of styleBlocks) {
-    const blockContent = blankCssLineComments(stripCssComments(block.content));
-    const blockLines = blockContent.split('\n');
+    const blockLines = block.content.split('\n');
     findings.push(...runRegexMatchers(blockLines, filePath, block.startLine - 1, true, {
       profile,
       phase: 'style-block',
@@ -1237,8 +1089,8 @@ function detectText(content, filePath, options = {}) {
     // 1-based, so the offset is startLine - 2; startLine - 1 double-counted and
     // reported every selector one line low. runRegexMatchers keeps startLine - 1
     // because it indexes its split lines from zero.
-    findings.push(...scanInsetStripeCss(blockContent, filePath, block.startLine - 2));
-    findings.push(...pseudoStripeFindings(blockContent, block.startLine - 2));
+    findings.push(...scanInsetStripeCss(block.content, filePath, block.startLine - 2));
+    findings.push(...pseudoStripeFindings(block.content, block.startLine - 2));
   }
 
   // Extract and scan CSS-in-JS template literals

.trae/skills/impeccable/scripts/detector/rules/checks.mjs

@@ -721,19 +721,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -750,10 +751,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -2748,7 +2752,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);

.trae/skills/impeccable/scripts/detector/shared/color.mjs

@@ -103,22 +103,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });

.trae/skills/impeccable/scripts/doctor.mjs

@@ -33,8 +33,13 @@ import {
   stampProductSchema,
 } from './lib/artifact-schema.mjs';
 import {
-  collectBootFindingGroups,
+  checkBuildPathUnset,
+  checkConfig,
+  checkDesignSidecar,
   checkNativePlatformEvidence,
+  checkProduct,
+  checkProjectRoots,
+  checkSurfaceBriefs,
   designSidecarCandidatesFor,
 } from './lib/staleness.mjs';
 import {
@@ -101,30 +106,34 @@ async function collect(cwd, targetOptions) {
     extractPlatform,
     readFile: safeRead,
   });
-  const bootFindings = collectBootFindingGroups(ctx, {
-    absDesignPath,
-    sidecarCandidates,
-    projectRootPatterns: readProjectRootPatterns(ctx.repoRoot),
-    targetCandidates: workspaceCandidates,
-  });
 
   const findings = [
-    ...bootFindings.product,
-    ...bootFindings.nativePlatform,
-    ...bootFindings.designSidecar,
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+    ...(ctx.product
+      ? checkNativePlatformEvidence({
+          projectRoot,
+          platform: ctx.platform,
+          product: ctx.product,
+          productPath: ctx.productPath,
+        })
+      : []),
+    ...checkDesignSidecar({ designPath: absDesignPath, sidecarCandidates, projectRoot }),
     ...checkDesignDrift({ designPath: absDesignPath, projectRoot }),
     ...checkDesignCoverage({ design: ctx.design, designPath: ctx.designPath, parseDesignMd }),
-    ...bootFindings.config,
-    ...bootFindings.buildPath,
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
     ...checkDetectorIgnores({ projectRoot, knownRuleIds }),
-    ...bootFindings.surfaceBriefs,
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
     ...checkHookInstallation({
       projectRoot,
       repoRoot: ctx.repoRoot,
       providerId: IMPECCABLE_PROVIDER_ID,
     }),
     ...checkLegacyLiveState({ projectRoot }),
-    ...bootFindings.projectRoots,
+    ...checkProjectRoots({
+      patterns: readProjectRootPatterns(ctx.repoRoot),
+      candidates: workspaceCandidates,
+    }),
     ...workspaceResult.findings,
   ];
 

.trae/skills/impeccable/scripts/lib/staleness.mjs

@@ -488,46 +488,41 @@ export function describeWorkspaceContext(candidates = []) {
 // ─── Tier 1 orchestration ──────────────────────────────────────────────────
 
 /**
- * Everything a boot can afford, grouped by artifact so deeper reports can
- * interleave their own checks without rebuilding this policy. `ctx` is the
- * loadContext result; `extras` carries values the caller already computed so
- * nothing is recomputed here.
+ * Everything a boot can afford. `ctx` is the loadContext result; `extras`
+ * carries values the caller already computed so nothing is recomputed here.
  */
-export function collectBootFindingGroups(ctx, extras = {}) {
-  if (!ctx) return {};
+export function collectBootFindings(ctx, extras = {}) {
+  if (!ctx) return [];
   const projectRoot = ctx.projectRoot || process.cwd();
+  const absProductPath = extras.absProductPath || null;
   const absDesignPath = extras.absDesignPath || null;
 
-  return {
-    product: checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
+  return [
+    ...checkProduct(ctx.product, ctx.productPath || 'PRODUCT.md'),
     // Only checked once a PRODUCT.md exists. Without one the boot already
     // emits NO_PRODUCT_MD and routes into init, which asks for the platform
     // directly; a second signal saying the same thing is noise.
-    nativePlatform: ctx.product
+    ...(ctx.product
       ? checkNativePlatformEvidence({
           projectRoot,
           platform: ctx.platform,
           product: ctx.product,
           productPath: ctx.productPath,
         })
-      : [],
-    designSidecar: checkDesignSidecar({
+      : []),
+    ...checkDesignSidecar({
       designPath: absDesignPath,
       sidecarCandidates: extras.sidecarCandidates || [],
       projectRoot,
     }),
-    config: checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
-    buildPath: checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
-    surfaceBriefs: checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
-    projectRoots: extras.projectRootPatterns
+    ...checkConfig({ projectRoot, repoRoot: ctx.repoRoot }),
+    ...checkBuildPathUnset({ projectRoot, repoRoot: ctx.repoRoot, product: ctx.product }),
+    ...checkSurfaceBriefs({ candidates: ctx.surfaceBriefCandidates, projectRoot }),
+    ...(extras.projectRootPatterns
       ? checkProjectRoots({
           patterns: extras.projectRootPatterns,
           candidates: extras.targetCandidates || [],
         })
-      : [],
-  };
-}
-
-export function collectBootFindings(ctx, extras = {}) {
-  return Object.values(collectBootFindingGroups(ctx, extras)).flat();
+      : []),
+  ];
 }

.vibe/skills/impeccable/scripts/detector/browser/injected/index.mjs

@@ -626,7 +626,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -688,7 +688,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -985,7 +985,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -1115,7 +1115,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();

.vibe/skills/impeccable/scripts/detector/detect-antipatterns-browser.js

@@ -773,22 +773,14 @@ function extractColorFunctionTokens(value) {
 function parseGradientColors(bgImage) {
   if (!bgImage || !bgImage.includes('gradient')) return [];
   const colors = [];
-  const tokenSpans = [];
-  let from = 0;
   // Stops arrive in whatever syntax the author wrote and the browser kept.
   // A dark ground painted as `linear-gradient(oklch(...), oklch(...))` used
   // to read as a gradient with no stops at all.
   for (const token of extractColorFunctionTokens(bgImage)) {
-    const start = bgImage.indexOf(token, from);
-    if (start < 0) break;
-    tokenSpans.push({ start, end: start + token.length });
-    from = start + token.length;
     const c = parseAnyColor(token);
     if (c) colors.push(c);
   }
   for (const m of bgImage.matchAll(/#([0-9a-f]{6}|[0-9a-f]{3})\b/gi)) {
-    // Nested hex inside color-mix is an ingredient, not a stop (issue #578).
-    if (tokenSpans.some(s => m.index >= s.start && m.index < s.end)) continue;
     const h = m[1];
     if (h.length === 6) {
       colors.push({ r: parseInt(h.slice(0,2),16), g: parseInt(h.slice(2,4),16), b: parseInt(h.slice(4,6),16), a: 1 });
@@ -1963,19 +1955,20 @@ function scanCssTextForGlow(content) {
   return results;
 }
 
-// Decorative two-axis grid backgrounds drawn with hairline
+// Decorative grid or line-field backgrounds drawn with hairline
 // linear-gradient layers tiled by a fixed pixel cell. Shared by the HTML
 // pattern pass and the regex source engine so standalone CSS, component
 // styles, and inline styles receive the same coverage. Both signals must
 // co-occur in one declaration block; unrelated rules must not add up across
-// the file. A single hairline is a line, divider, or rail, not a grid, even
-// when tiled by a 2D px cell. Returns [{ index, snippet }], capped at one
-// finding per source to match the page-level HTML check's existing behavior.
+// the file. Returns [{ index, snippet }], capped at one finding per source to
+// match the page-level HTML check's existing behavior.
 function scanCssTextForGridBackground(content) {
   const hairlineRe = /\b\d{1,3}px\s*,\s*transparent\s+\d{1,3}px/gi;
   const invertedHairlineRe = /transparent\s+calc\(100%\s*-\s*\d{1,3}px\)/gi;
   const sizeDeclPxRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\b/i;
+  const sizeDeclPxPairRe = /background-size\s*:[^;{}"']*\b\d{1,3}px\s+\d{1,3}px/i;
   const shorthandPxAnyRe = /\/\s*\d{1,3}px\b/;
+  const shorthandPxPairRe = /\/\s*\d{1,3}px\s+\d{1,3}px/;
   const bgDeclRe = /\bbackground(?:-image)?\s*:\s*([^;{}"']*)/gi;
   const blockRe = /\{([^{}]*)\}|style\s*=\s*"([^"]*)"|style\s*=\s*'([^']*)'/gi;
   let blk;
@@ -1992,10 +1985,13 @@ function scanCssTextForGridBackground(content) {
     }
     if (hairlineCount === 0) continue;
     const hasPxCell = sizeDeclPxRe.test(block) || shorthandPxAnyRe.test(bgJoined);
-    if (hairlineCount >= 2 && hasPxCell) {
+    const hasPxPairCell = sizeDeclPxPairRe.test(block) || shorthandPxPairRe.test(bgJoined);
+    if ((hairlineCount >= 2 && hasPxCell) || hasPxPairCell) {
       return [{
         index: blk.index,
-        snippet: 'two-axis grid-line gradient background',
+        snippet: hairlineCount >= 2
+          ? 'two-axis grid-line gradient background'
+          : 'px-tiled hairline line-field background',
       }];
     }
   }
@@ -3990,7 +3986,7 @@ function checkElementAIPaletteDOM(el) {
   }
 
   // Check for neon text (vivid cyan/purple color on dark background)
-  const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+  const textColor = parseRgb(style.color);
   if (textColor && hasChroma(textColor, 80)) {
     const hue = getHue(textColor);
     const isAIPalette = (hue >= 160 && hue <= 200) || (hue >= 260 && hue <= 310);
@@ -7285,7 +7281,7 @@ if (IS_BROWSER) {
       if (currentStyle.filter && currentStyle.filter !== 'none') reasons.add('filter');
       if (currentStyle.backdropFilter && currentStyle.backdropFilter !== 'none') reasons.add('backdrop filter');
 
-      const solidBg = parseRgb(currentStyle.backgroundColor) || parseAnyColor(currentStyle.backgroundColor);
+      const solidBg = parseRgb(currentStyle.backgroundColor);
       if (solidBg && solidBg.a >= 0.95 && (!bgImage || bgImage === 'none')) break;
       current = current.parentElement;
     }
@@ -7347,7 +7343,7 @@ if (IS_BROWSER) {
       // starve the url()-backed texts this mode exists to sample.
       if (options.imageOnly && !reasons.includes('image background')) continue;
 
-      const textColor = parseRgb(style.color) || parseAnyColor(style.color);
+      const textColor = parseRgb(style.color);
       const fontSize = parseFloat(style.fontSize) || 16;
       const fontWeight = parseInt(style.fontWeight) || 400;
       const isLargeText = fontSize >= WCAG_LARGE_TEXT_PX || (fontSize >= WCAG_LARGE_BOLD_TEXT_PX && fontWeight >= 700);
@@ -7644,7 +7640,7 @@ if (IS_BROWSER) {
         return sample;
       }
     }
-    const bg = parseRgb(style.backgroundColor) || parseAnyColor(style.backgroundColor);
+    const bg = parseRgb(style.backgroundColor);
     if (bg && bg.a > 0.05) return { status: 'sampled', color: bg, method: 'solid-background' };
     return { status: 'unresolved', reason: 'no readable background' };
   }
@@ -7774,7 +7770,7 @@ if (IS_BROWSER) {
     }
 
     const style = getComputedStyle(el);
-    const textColor = parseRgb(style.color) || parseAnyColor(style.color) || candidate.textColor;
+    const textColor = parseRgb(style.color) || candidate.textColor;
     if (!textColor) return { ...candidate, status: 'unresolved', confidence: 'none', reason: 'unreadable text color' };
 
     const rect = getDirectTextRect(el) || el.getBoundingClientRect();