fix(ui-patterns): fix password-strength false positive on hard refresh

The "Weak password shows low strength" test passed with blanked starter
because `[] / 5 * 100 = 0` (JS coercion) and the test only checked
`< 50`. Fixed by: (1) requiring `> 0 && < 50` in the test so 0% width
from an unimplemented starter doesn't pass, (2) adding .length/.size
override in the generator so `rules.filter(...).length` produces `0`
not `[]` as default, (3) regenerating starters.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: davidagustin

lib/frontend-drills/ui-patterns/starters/react.ts

@@ -162,7 +162,7 @@ function PasswordStrength() {
 
   const rules = []; // TODO: Implement rules
 
-  const strength = []; // TODO: Strength
+  const strength = 0; // TODO: Strength
   const colors = ['#ef4444', '#f97316', '#eab308', '#22c55e', '#10b981'];
   const labels = ['Very weak', 'Weak', 'Fair', 'Strong', 'Very strong'];
 

lib/frontend-drills/ui-patterns/starters/vue.ts

@@ -922,7 +922,7 @@ createApp({
       error: ['Build failed', 'Connection lost', 'Payment declined'],
     };
 
-    const unread = []; // TODO: Unread — filter items, remove item
+    const unread = 0; // TODO: Unread — filter items, remove item
 
     const addNotification = (type) => {
       // TODO: Add notification — calculate values

lib/frontend-drills/ui-patterns/tests/react.ts

@@ -66,7 +66,7 @@ export const reactTests: Record<string, PatternTestCase[]> = {
   'react-password-strength': [
     {
       name: 'Weak password shows low strength',
-      test: "(async function() { var input = document.querySelector('input[type=\"password\"]'); if (!input) return false; var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set; nativeInputValueSetter.call(input, 'abc'); input.dispatchEvent(new Event('input', {bubbles: true})); await new Promise(function(r) { setTimeout(r, 150); }); var fill = document.querySelector('.meter-fill'); return (fill && parseFloat(fill.style.width) < 50) || document.body.innerText.toLowerCase().includes('weak'); })()",
+      test: "(async function() { var input = document.querySelector('input[type=\"password\"]'); if (!input) return false; var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set; nativeInputValueSetter.call(input, 'abc'); input.dispatchEvent(new Event('input', {bubbles: true})); await new Promise(function(r) { setTimeout(r, 150); }); var fill = document.querySelector('.meter-fill'); var w = fill ? parseFloat(fill.style.width) : 0; return (w > 0 && w < 50) || document.body.innerText.toLowerCase().includes('weak'); })()",
     },
     {
       name: 'Strong password shows high strength',

scripts/generate-starters.ts

@@ -234,6 +234,8 @@ function blankFunctionBodies(
           else if (/\.toLocaleString|\.toFixed|\.join\(/.test(fullExpr)) defaultVal = "''";
           else if (/\[/.test(fullExpr)) defaultVal = '[]';
           else if (/\{/.test(fullExpr)) defaultVal = '{}';
+          // Override: chain ending with .length/.size produces a number regardless
+          if (/\.\s*(?:length|size)\s*[;,)}\s]*$/.test(fullExpr.trim())) defaultVal = '0';
 
           const bodyContent = fullExpr;
           const todo = generateTodo(varName, bodyContent);
@@ -473,7 +475,11 @@ function blankFunctionBodies(
             let defaultVal = '[]';
             if (hasMethodChain) {
               const hasArrayMethod = /\.\s*(filter|map|flatMap|sort)\s*\(/.test(fullExpr);
-              if (!hasArrayMethod) {
+              // Check if chain ends with .length/.size (produces a number, not an array)
+              const endsWithLength = /\.\s*(?:length|size)\s*[;,)}\s]*$/.test(fullExpr.trim());
+              if (endsWithLength) {
+                defaultVal = '0';
+              } else if (!hasArrayMethod) {
                 if (/\.\s*find\s*\(/.test(fullExpr)) defaultVal = 'null';
                 else if (/\.\s*findIndex\s*\(/.test(fullExpr)) defaultVal = '-1';
                 else if (/\.\s*(some|every)\s*\(/.test(fullExpr)) defaultVal = 'false';