@barefootjs/jsx 0.18.5 → 0.19.0

package/dist/index.js

@@ -197,6 +197,24 @@ import ts8 from "typescript";
 
 // src/expression-parser.ts
 import ts2 from "typescript";
+var PARSED_EXPR_KINDS = [
+  "identifier",
+  "literal",
+  "call",
+  "member",
+  "index-access",
+  "binary",
+  "unary",
+  "conditional",
+  "logical",
+  "template-literal",
+  "arrow",
+  "regex",
+  "array-literal",
+  "object-literal",
+  "array-method",
+  "unsupported"
+];
 var UNSUPPORTED_METHODS = new Set([
   "filter",
   "map",
@@ -2942,6 +2960,29 @@ function extractFreeIdentifiersFromText(text) {
   const expr = ts4.isParenthesizedExpression(stmt.expression) ? stmt.expression.expression : stmt.expression;
   return extractFreeIdentifiersFromNode(expr);
 }
+function extractFreeIdentifiersFromStatementText(text) {
+  if (!text || text.trim().length === 0)
+    return new Set;
+  const sf = ts4.createSourceFile("__free_ids_stmt__.ts", text, ts4.ScriptTarget.Latest, true, ts4.ScriptKind.TS);
+  return extractFreeIdentifiersFromNode(sf);
+}
+function extractFreeIdentifiersFromTemplateText(template) {
+  if (!template || template.length === 0)
+    return new Set;
+  const sf = ts4.createSourceFile("__free_ids_template__.ts", `(\`${template}\`);`, ts4.ScriptTarget.Latest, true, ts4.ScriptKind.TS);
+  const stmt = sf.statements[0];
+  if (!stmt || !ts4.isExpressionStatement(stmt))
+    return new Set;
+  const expr = ts4.isParenthesizedExpression(stmt.expression) ? stmt.expression.expression : stmt.expression;
+  if (!ts4.isTemplateExpression(expr))
+    return new Set;
+  const ids = new Set;
+  for (const span of expr.templateSpans) {
+    for (const id of extractFreeIdentifiersFromNode(span.expression))
+      ids.add(id);
+  }
+  return ids;
+}
 function extractMemoBodyExpr(computation) {
   const arrowMatch = computation.match(/^\(\)\s*=>\s*(.+)$/s);
   if (!arrowMatch)
@@ -3470,6 +3511,133 @@ function buildLoopSkeletonTemplate(node, safe) {
       return assertNever(node);
   }
 }
+var SKELETON_PATH_HAZARD_TAGS = new Set([
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "caption",
+  "colgroup",
+  "col",
+  "select",
+  "optgroup",
+  "p",
+  "pre",
+  "textarea",
+  "listing",
+  "template",
+  "math"
+]);
+var SKELETON_PATH_FORCE_CLOSE_GROUPS = [
+  new Set(["a"]),
+  new Set(["button"]),
+  new Set(["form"]),
+  new Set(["option"]),
+  new Set(["h1", "h2", "h3", "h4", "h5", "h6"]),
+  new Set(["dd", "dt"]),
+  new Set(["li"])
+];
+function skeletonForceCloseGroup(tag) {
+  return SKELETON_PATH_FORCE_CLOSE_GROUPS.findIndex((group) => group.has(tag));
+}
+function computeSkeletonSlotPaths(node, safe) {
+  const state = { elementPaths: new Map, textMarkerPaths: new Map, bailed: false };
+  walkSkeletonPathNode(node, [], safe, state, new Set);
+  if (state.bailed)
+    return null;
+  return { elementPaths: state.elementPaths, textMarkerPaths: state.textMarkerPaths };
+}
+function walkSkeletonPathNode(node, path, safe, state, forceCloseAncestors) {
+  if (state.bailed || node.type !== "element")
+    return;
+  if (SKELETON_PATH_HAZARD_TAGS.has(node.tag)) {
+    state.bailed = true;
+    return;
+  }
+  const groupIdx = skeletonForceCloseGroup(node.tag);
+  if (groupIdx >= 0 && forceCloseAncestors.has(groupIdx)) {
+    state.bailed = true;
+    return;
+  }
+  const flatChildren = flattenSkeletonChildren(node.children);
+  if (VOID_ELEMENTS.has(node.tag) && flatChildren.length > 0) {
+    state.bailed = true;
+    return;
+  }
+  if (node.tag === "tr" && hasForeignTableRowContent(flatChildren)) {
+    state.bailed = true;
+    return;
+  }
+  if (node.slotId)
+    state.elementPaths.set(node.slotId, path);
+  const nextAncestors = groupIdx >= 0 ? new Set([...forceCloseAncestors, groupIdx]) : forceCloseAncestors;
+  walkSkeletonPathChildren(flatChildren, path, safe, state, nextAncestors);
+}
+function hasForeignTableRowContent(children) {
+  for (const child of children) {
+    if (child.type === "text") {
+      if (child.value.trim() !== "")
+        return true;
+      continue;
+    }
+    if (child.type === "element" && child.tag !== "td" && child.tag !== "th") {
+      return true;
+    }
+  }
+  return false;
+}
+function flattenSkeletonChildren(children) {
+  const out = [];
+  for (const child of children) {
+    if (child.type === "fragment") {
+      out.push(...flattenSkeletonChildren(child.children));
+    } else {
+      out.push(child);
+    }
+  }
+  return out;
+}
+function walkSkeletonPathChildren(children, parentPath, safe, state, forceCloseAncestors) {
+  let idx = 0;
+  let pendingText = false;
+  for (const child of children) {
+    if (state.bailed)
+      return;
+    switch (child.type) {
+      case "text": {
+        if (child.value === "")
+          continue;
+        if (!pendingText)
+          idx += 1;
+        pendingText = true;
+        continue;
+      }
+      case "expression": {
+        if (child.expr === "null" || child.expr === "undefined")
+          continue;
+        if (!child.slotId || !safe.reactiveTextSlotIds.has(child.slotId)) {
+          state.bailed = true;
+          return;
+        }
+        state.textMarkerPaths.set(child.slotId, [...parentPath, idx]);
+        idx += 2;
+        pendingText = false;
+        continue;
+      }
+      case "element": {
+        walkSkeletonPathNode(child, [...parentPath, idx], safe, state, forceCloseAncestors);
+        idx += 1;
+        pendingText = false;
+        continue;
+      }
+      case "fragment":
+        continue;
+      default:
+        state.bailed = true;
+        return;
+    }
+  }
+}
 function irToPlaceholderTemplate(node, restSpreadNames, loopDepth = 0, loopParams) {
   const recurse = (n) => irToPlaceholderTemplate(n, restSpreadNames, loopDepth, loopParams);
   const wrapExpr = (expr) => wrapExprWithLoopParams(expr, loopParams);
@@ -4112,7 +4280,28 @@ function generateCsrTemplateWithOpts(node, opts) {
       return `\${renderChild('${nameForRegistryRef(node.name)}', ${propsExpr}${keyArg || (slotArg ? ", undefined" : "")}${slotArg})}`;
     }
     case "loop": {
-      let childTemplate = node.children.map(recurseInLoop).join("");
+      const boundHere = new Set(opts.loopBoundNames ?? []);
+      if (node.paramBindings && node.paramBindings.length > 0) {
+        for (const b of node.paramBindings)
+          boundHere.add(b.name);
+      } else if (!node.param.startsWith("[") && !node.param.startsWith("{")) {
+        boundHere.add(node.param);
+      }
+      if (node.index)
+        boundHere.add(node.index);
+      const childEnv = {
+        ...env,
+        substitutions: new Map([...env.substitutions].filter(([name]) => !boundHere.has(name)))
+      };
+      const recurseInLoopBody = (n) => generateCsrTemplateWithOpts(n, {
+        ...opts,
+        insideLoop: true,
+        loopDepth: loopDepth + 1,
+        inHoistedChildren: false,
+        loopBoundNames: boundHere,
+        csrEnv: childEnv
+      });
+      let childTemplate = node.children.map(recurseInLoopBody).join("");
       if (node.bodyIsItemConditional && node.key) {
         childTemplate = `${itemAnchorTemplate(node.key)}${childTemplate}`;
       }
@@ -4126,7 +4315,7 @@ function generateCsrTemplateWithOpts(node, opts) {
       if (node.flatMapCallback) {
         let body = node.flatMapCallback.templateBody ?? node.flatMapCallback.body;
         for (const frag of node.flatMapCallback.fragments) {
-          const renderedIr = recurseInLoop(frag.ir);
+          const renderedIr = recurseInLoopBody(frag.ir);
           body = body.replace(frag.placeholder, `\`${renderedIr}\``);
         }
         body = applyPropsRewrite(body, propsObjectName ?? null);
@@ -5086,6 +5275,8 @@ function needsTypeBasedDetection(source) {
     return true;
   if (/\.map\s*\(/.test(source))
     return true;
+  if (source.includes("createSelector"))
+    return true;
   return false;
 }
 function findBrandPackageImportLoc(sourceFile, filePath) {
@@ -6062,6 +6253,7 @@ var CLIENT_EXPORTS = new Set([
   "createEffect",
   "createDisposableEffect",
   "createMemo",
+  "createSelector",
   "createRoot",
   "onCleanup",
   "onMount",
@@ -6845,12 +7037,13 @@ function extractProps(param, ctx) {
           continue;
         }
         const sourcePropName = element.propertyName && ts8.isIdentifier(element.propertyName) ? element.propertyName.text : localName;
-        const resolvedType = memberTypes?.get(sourcePropName) ?? { kind: "unknown", raw: "unknown" };
+        const member = memberTypes?.get(sourcePropName);
+        const resolvedType = member?.type ?? { kind: "unknown", raw: "unknown" };
         const defaultContainsArrow = element.initializer ? nodeContainsArrow(element.initializer) : false;
         ctx.propsParams.push({
           name: localName,
           type: resolvedType,
-          optional: !!element.initializer,
+          optional: !!member?.optional || !!element.initializer,
           defaultValue,
           defaultContainsArrow: defaultContainsArrow || undefined
         });
@@ -6915,11 +7108,12 @@ function collectMemberTypes(typeNode, ctx) {
   const fromMembers = (members) => {
     const map = new Map;
     for (const member of members) {
-      if (ts8.isPropertySignature(member) && member.name && member.type && !member.questionToken) {
-        const info = typeNodeToTypeInfo(member.type, ctx.sourceFile);
-        if (info && isResolvablePrimitive(info)) {
-          map.set(member.name.getText(ctx.sourceFile), info);
-        }
+      if (ts8.isPropertySignature(member) && member.name) {
+        const info = member.type ? typeNodeToTypeInfo(member.type, ctx.sourceFile) : null;
+        map.set(member.name.getText(ctx.sourceFile), {
+          type: info && isResolvablePrimitive(info) ? info : null,
+          optional: !!member.questionToken
+        });
       }
     }
     return map;
@@ -8148,9 +8342,15 @@ function exprHasFunctionCalls(expr) {
   return found;
 }
 function rewriteBarePropRefs2(text, expr, ctx) {
-  const propNames = getDestructuredPropNames(ctx);
+  let propNames = getDestructuredPropNames(ctx);
   if (!propNames)
     return;
+  if (ctx.loopParams.size > 0) {
+    const filtered = new Set([...propNames].filter((n) => !ctx.loopParams.has(n)));
+    if (filtered.size === 0)
+      return;
+    propNames = filtered;
+  }
   const extraPropRefs = collectBranchLocalPropRefsViaSubstitution(expr, ctx);
   return rewriteBarePropRefs(text, expr, propNames, extraPropRefs);
 }
@@ -8316,26 +8516,29 @@ function makeBindingEnv(ctx) {
 function parseValueExpr(trimmed) {
   return parseExpression(trimmed.startsWith("{") ? `(${trimmed})` : trimmed);
 }
-function attachParsedExpressions(node) {
+var EMPTY_BOUND = new Set;
+function attachParsedExpressions(node, analyzer, bound = EMPTY_BOUND) {
+  const parse2 = (trimmed) => resolveCallbackMethodFunctionReferences(parseExpression(trimmed), analyzer, bound);
+  const parseValue = (trimmed) => resolveCallbackMethodFunctionReferences(parseValueExpr(trimmed), analyzer, bound);
   if (node.type === "expression") {
     const trimmed = node.expr.trim();
     if (trimmed)
-      node.parsed = parseExpression(trimmed);
+      node.parsed = parse2(trimmed);
   } else if (node.type === "conditional" || node.type === "if-statement") {
     const trimmed = node.condition.trim();
     if (trimmed)
-      node.parsedCondition = parseExpression(trimmed);
+      node.parsedCondition = parse2(trimmed);
   }
   if (node.type === "element") {
     for (const attr of node.attrs) {
       if (attr.value.kind === "expression") {
         const trimmed = attr.value.expr.trim();
         if (trimmed)
-          attr.value.parsed = parseValueExpr(trimmed);
+          attr.value.parsed = parseValue(trimmed);
       } else if (attr.value.kind === "spread") {
         const trimmed = attr.value.expr.trim();
         if (trimmed)
-          attr.value.parsed = parseExpression(trimmed);
+          attr.value.parsed = parse2(trimmed);
       }
     }
   } else if (node.type === "component") {
@@ -8343,14 +8546,14 @@ function attachParsedExpressions(node) {
       if (prop.value.kind === "expression") {
         const trimmed = prop.value.expr.trim();
         if (trimmed)
-          prop.value.parsed = parseValueExpr(trimmed);
+          prop.value.parsed = parseValue(trimmed);
       }
     }
   } else if (node.type === "provider") {
     if (node.valueProp.value.kind === "expression") {
       const trimmed = node.valueProp.value.expr.trim();
       if (trimmed)
-        node.valueProp.value.parsed = parseValueExpr(trimmed);
+        node.valueProp.value.parsed = parseValue(trimmed);
     }
   }
   switch (node.type) {
@@ -8359,47 +8562,51 @@ function attachParsedExpressions(node) {
     case "fragment":
     case "provider":
       for (const child of node.children)
-        attachParsedExpressions(child);
+        attachParsedExpressions(child, analyzer, bound);
       break;
     case "async":
-      attachParsedExpressions(node.fallback);
+      attachParsedExpressions(node.fallback, analyzer, bound);
       for (const child of node.children)
-        attachParsedExpressions(child);
+        attachParsedExpressions(child, analyzer, bound);
       break;
     case "loop": {
       const trimmedArray = node.array.trim();
       if (trimmedArray)
-        node.arrayParsed = parseExpression(trimmedArray);
+        node.arrayParsed = parse2(trimmedArray);
+      const loopBound = new Set(bound);
+      loopBound.add(node.param);
+      if (node.index)
+        loopBound.add(node.index);
       for (const child of node.children)
-        attachParsedExpressions(child);
+        attachParsedExpressions(child, analyzer, loopBound);
       if (node.childComponent) {
         for (const child of node.childComponent.children)
-          attachParsedExpressions(child);
+          attachParsedExpressions(child, analyzer, loopBound);
       }
       for (const nested of node.nestedComponents ?? []) {
         for (const child of nested.children)
-          attachParsedExpressions(child);
+          attachParsedExpressions(child, analyzer, loopBound);
       }
       for (const frag of node.flatMapCallback?.fragments ?? []) {
-        attachParsedExpressions(frag.ir);
+        attachParsedExpressions(frag.ir, analyzer, loopBound);
       }
       break;
     }
     case "conditional":
-      attachParsedExpressions(node.whenTrue);
-      attachParsedExpressions(node.whenFalse);
+      attachParsedExpressions(node.whenTrue, analyzer, bound);
+      attachParsedExpressions(node.whenFalse, analyzer, bound);
       break;
     case "if-statement":
-      attachParsedExpressions(node.consequent);
+      attachParsedExpressions(node.consequent, analyzer, bound);
       if (node.alternate)
-        attachParsedExpressions(node.alternate);
+        attachParsedExpressions(node.alternate, analyzer, bound);
       break;
   }
 }
 function jsxToIR(analyzer) {
   const root = buildIRRoot(analyzer);
   if (root)
-    attachParsedExpressions(root);
+    attachParsedExpressions(root, analyzer);
   return root;
 }
 function buildIRRoot(analyzer) {
@@ -9486,8 +9693,8 @@ function extractSortComparator(callback, _method, ctx) {
   };
 }
 function resolveSortComparatorIdentifier(name, ctx) {
-  const constInfo = findLocalConst(name, ctx);
-  const fnInfo = findLocalFunction(name, ctx);
+  const constInfo = findLocalConst(name, ctx.analyzer);
+  const fnInfo = findLocalFunction(name, ctx.analyzer);
   if (constInfo && fnInfo)
     return null;
   if (constInfo) {
@@ -9500,6 +9707,72 @@ function resolveSortComparatorIdentifier(name, ctx) {
   }
   return null;
 }
+function resolveCallbackMethodFunctionReferenceIdentifier(name, analyzer) {
+  const constInfo = findLocalConst(name, analyzer);
+  const fnInfo = findLocalFunction(name, analyzer);
+  if (constInfo && fnInfo)
+    return null;
+  if (constInfo) {
+    const ast = parseConstInitializer(constInfo);
+    return ast && (ts11.isArrowFunction(ast) || ts11.isFunctionExpression(ast)) ? ast : null;
+  }
+  if (fnInfo) {
+    const ast = parseFunctionInfoAsExpr(fnInfo);
+    return ast && (ts11.isArrowFunction(ast) || ts11.isFunctionExpression(ast)) ? ast : null;
+  }
+  return null;
+}
+function resolveCallbackMethodFunctionReferences(expr, analyzer, bound = EMPTY_BOUND) {
+  function visit2(e, bound2) {
+    switch (e.kind) {
+      case "literal":
+      case "identifier":
+      case "regex":
+      case "unsupported":
+        return e;
+      case "call": {
+        const callee = visit2(e.callee, bound2);
+        const args = e.args.map((a) => visit2(a, bound2));
+        if (callee.kind === "member" && !callee.computed && CALLBACK_METHODS.has(callee.property) && args[0]?.kind === "identifier" && !bound2.has(args[0].name)) {
+          const resolved = resolveCallbackMethodFunctionReferenceIdentifier(args[0].name, analyzer);
+          const arrow = resolved ? tsNodeToParsedExpr(resolved) : null;
+          if (arrow && arrow.kind === "arrow")
+            args[0] = arrow;
+        }
+        return { ...e, callee, args };
+      }
+      case "member":
+        return { ...e, object: visit2(e.object, bound2) };
+      case "index-access":
+        return { ...e, object: visit2(e.object, bound2), index: visit2(e.index, bound2) };
+      case "binary":
+      case "logical":
+        return { ...e, left: visit2(e.left, bound2), right: visit2(e.right, bound2) };
+      case "unary":
+        return { ...e, argument: visit2(e.argument, bound2) };
+      case "conditional":
+        return { ...e, test: visit2(e.test, bound2), consequent: visit2(e.consequent, bound2), alternate: visit2(e.alternate, bound2) };
+      case "template-literal":
+        return { ...e, parts: e.parts.map((p) => p.type === "expression" ? { ...p, expr: visit2(p.expr, bound2) } : p) };
+      case "array-literal":
+        return { ...e, elements: e.elements.map((el) => visit2(el, bound2)) };
+      case "array-method":
+        return {
+          ...e,
+          object: visit2(e.object, bound2),
+          args: e.args.map((a) => visit2(a, bound2)),
+          ...e.method === "flat" && e.depthExpr ? { depthExpr: visit2(e.depthExpr, bound2) } : {}
+        };
+      case "object-literal":
+        return { ...e, properties: e.properties.map((p) => ({ ...p, value: visit2(p.value, bound2) })) };
+      case "arrow": {
+        const inner = e.params.length === 0 ? bound2 : new Set([...bound2, ...e.params]);
+        return { ...e, body: visit2(e.body, inner) };
+      }
+    }
+  }
+  return visit2(expr, bound);
+}
 function extractFilterPredicate(callback, ctx) {
   if (!ts11.isArrowFunction(callback))
     return { result: null };
@@ -9967,13 +10240,11 @@ function transformMapCall(node, ctx, isClientOnly = false, method = "map") {
           setArray(innerSort.array);
         }
       } else {
-        array = ctx.getJS(filterInfo.array);
-        arrayExpr = filterInfo.array;
+        setArray(filterInfo.array);
       }
     }
   } else {
-    array = ctx.getJS(chainSource);
-    arrayExpr = chainSource;
+    setArray(chainSource);
   }
   const callback = node.arguments[0];
   let param = "item";
@@ -10523,7 +10794,7 @@ function parseTemplateLiteral(expr, ctx) {
 }
 function tryResolveTemplateSpanFromConst(expr, ctx) {
   if (ts11.isIdentifier(expr)) {
-    const constInfo = findLocalConst(expr.text, ctx);
+    const constInfo = findLocalConst(expr.text, ctx.analyzer);
     if (!constInfo)
       return null;
     const ast = parseConstInitializer(constInfo);
@@ -10537,7 +10808,7 @@ function tryResolveTemplateSpanFromConst(expr, ctx) {
   if (ts11.isElementAccessExpression(expr)) {
     if (!ts11.isIdentifier(expr.expression))
       return null;
-    const constInfo = findLocalConst(expr.expression.text, ctx);
+    const constInfo = findLocalConst(expr.expression.text, ctx.analyzer);
     if (!constInfo)
       return null;
     const ast = parseConstInitializer(constInfo);
@@ -10563,16 +10834,16 @@ function tryResolveTemplateSpanFromConst(expr, ctx) {
   }
   return null;
 }
-function findLocalConst(name, ctx) {
-  const matches = ctx.analyzer.localConstants.filter((c) => c.name === name);
+function findLocalConst(name, analyzer) {
+  const matches = analyzer.localConstants.filter((c) => c.name === name);
   if (matches.length === 0)
     return;
   const fnScoped = matches.filter((c) => !c.isModule);
   const pool = fnScoped.length > 0 ? fnScoped : matches;
   return pool[pool.length - 1];
 }
-function findLocalFunction(name, ctx) {
-  const matches = ctx.analyzer.localFunctions.filter((f) => f.name === name);
+function findLocalFunction(name, analyzer) {
+  const matches = analyzer.localFunctions.filter((f) => f.name === name);
   if (matches.length === 0)
     return;
   const fnScoped = matches.filter((f) => !f.isModule);
@@ -10614,7 +10885,9 @@ function hasDynamicTagBinding(name, sourceFile) {
   return found;
 }
 function tryResolveIdentifierAsTemplateLiteral(ident, ctx) {
-  const constInfo = findLocalConst(ident.text, ctx);
+  if (ctx.loopParams.has(ident.text))
+    return null;
+  const constInfo = findLocalConst(ident.text, ctx.analyzer);
   if (!constInfo)
     return null;
   const ast = parseConstInitializer(constInfo);
@@ -10711,8 +10984,8 @@ function tryDesugarInterleaveTaggedTemplate(expr, ctx) {
   return rewritten ?? expr;
 }
 function resolveInterleaveTagIdentifier(name, ctx) {
-  const constInfo = findLocalConst(name, ctx);
-  const fnInfo = findLocalFunction(name, ctx);
+  const constInfo = findLocalConst(name, ctx.analyzer);
+  const fnInfo = findLocalFunction(name, ctx.analyzer);
   if (constInfo && fnInfo)
     return null;
   if (constInfo) {
@@ -11466,6 +11739,7 @@ function collectLoopChildEventsWithNesting(node, initialNestingStack = []) {
             depth: scope.nestingStack.length + 1,
             array: l.array,
             param: l.param,
+            index: l.index,
             key: l.key,
             markerId: l.markerId,
             containerSlotId: scope.lastElementSlotId,
@@ -11556,73 +11830,224 @@ function collectLoopChildReactiveAttrs(node, ctx, loopParam, loopParamBindings)
   return attrs;
 }
 
-// src/ir-to-client-js/collect-elements.ts
-var EMPTY_RENDER_EXPRS = new Set(["null", "undefined", "false", "''", '""', "``"]);
-function domElementCount(node) {
-  switch (node.type) {
-    case "element":
-    case "component":
-    case "provider":
-    case "async":
-      return 1;
-    case "text":
-      return 0;
-    case "expression":
-      return EMPTY_RENDER_EXPRS.has(node.expr.trim()) ? 0 : null;
-    case "loop":
-      if (node.bodyIsItemConditional || node.method === "flatMap")
-        return null;
-      return `(${buildLoopChainExpr({
-        base: node.array,
-        sortComparator: node.sortComparator,
-        filterPredicate: node.filterPredicate,
-        chainOrder: node.chainOrder
-      })}).length`;
-    case "conditional": {
-      const t = domElementCount(node.whenTrue);
-      const f = domElementCount(node.whenFalse);
-      if (t === null || f === null)
-        return null;
-      if (typeof t === "number" && typeof f === "number" && t === f)
-        return t;
-      return `(${node.condition} ? ${t} : ${f})`;
-    }
-    case "fragment":
-      return sumElementCounts(node.children);
-    default:
-      return null;
+// src/ir-to-client-js/control-flow/stringify/template-parse.ts
+var SVG_ROOT_TAGS = new Set([
+  "svg",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "tspan",
+  "textPath",
+  "g",
+  "defs",
+  "use",
+  "symbol",
+  "switch",
+  "clipPath",
+  "mask",
+  "marker",
+  "pattern",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "image",
+  "foreignObject",
+  "filter",
+  "feBlend",
+  "feColorMatrix",
+  "feComposite",
+  "feFlood",
+  "feGaussianBlur",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "feTurbulence",
+  "animate",
+  "animateTransform",
+  "animateMotion"
+]);
+function templateRootIsSvg(template) {
+  const stripped = stripLeadingNonContent(template);
+  const m = stripped.match(/^<\s*([A-Za-z][A-Za-z0-9-]*)/);
+  if (m) {
+    const tag = m[1];
+    if (SVG_ROOT_TAGS.has(tag))
+      return true;
+    return SVG_ROOT_TAGS.has(tag.toLowerCase());
   }
+  const branches = extractConditionalBranchTemplates(stripped);
+  if (branches === null || branches.length === 0)
+    return false;
+  return branches.every(templateRootIsSvg);
 }
-function sumElementCounts(nodes) {
-  let staticCount = 0;
-  const dynamic = [];
-  for (const n of nodes) {
-    const c = domElementCount(n);
-    if (c === null)
-      return null;
-    if (typeof c === "number")
-      staticCount += c;
-    else
-      dynamic.push(c);
+function multiRootTemplateNeedsSvgWrap(template) {
+  const m = stripLeadingNonContent(template).match(/^<\s*([A-Za-z][A-Za-z0-9-]*)/);
+  if (m && m[1].toLowerCase() === "svg")
+    return false;
+  return templateRootIsSvg(template);
+}
+function stripLeadingNonContent(template) {
+  let s = template.trimStart();
+  while (s.startsWith("<!--")) {
+    const end = s.indexOf("-->");
+    if (end < 0)
+      return s;
+    s = s.slice(end + 3).trimStart();
   }
-  if (dynamic.length === 0)
-    return staticCount;
-  const parts = staticCount > 0 ? [String(staticCount), ...dynamic] : dynamic;
-  return parts.length === 1 ? parts[0] : `(${parts.join(" + ")})`;
+  return s;
 }
-function legacyElementCount(node) {
-  return node.type === "element" || node.type === "component" || node.type === "provider" || node.type === "async" || node.type === "text" || node.type === "expression" && !node.reactive || node.type === "conditional" ? 1 : 0;
+function extractConditionalBranchTemplates(template) {
+  if (!template.startsWith("${"))
+    return null;
+  const exprEnd = findInterpolationEnd(template, 2);
+  if (exprEnd < 0)
+    return null;
+  const trailing = stripLeadingNonContent(template.slice(exprEnd + 1));
+  if (trailing.length > 0)
+    return null;
+  const expr = template.slice(2, exprEnd);
+  return findTopLevelTemplateLiterals(expr);
 }
-function computeLoopSiblingOffsets(root) {
-  const offsets = new Map;
-  const recordRun = (children, preceding) => {
-    for (const child of children) {
-      if (child.type === "loop") {
-        if (preceding.length > 0 && !offsets.has(child)) {
-          offsets.set(child, [...preceding]);
-        }
-        preceding.push(child);
-      } else if (child.type === "fragment" || child.type === "provider" || child.type === "async") {
+function emitTemplateCloneInline(template) {
+  if (templateRootIsSvg(template)) {
+    return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`<svg>${template}</svg>\`; return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`;
+  }
+  return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`${template}\`; return __tpl.content.firstElementChild.cloneNode(true)`;
+}
+function emitHoistedTemplateDecl(lines, indent, tplVar, skeletonTemplate) {
+  const isSvg = templateRootIsSvg(skeletonTemplate);
+  const html = isSvg ? `<svg>${skeletonTemplate}</svg>` : skeletonTemplate;
+  lines.push(`${indent}const ${tplVar} = document.createElement('template')`);
+  lines.push(`${indent}${tplVar}.innerHTML = \`${html}\``);
+}
+function hoistedCloneExpr(tplVar, skeletonTemplate) {
+  return templateRootIsSvg(skeletonTemplate) ? `${tplVar}.content.firstElementChild.firstElementChild.cloneNode(true)` : `${tplVar}.content.firstElementChild.cloneNode(true)`;
+}
+function emitTemplateCloneLines(template, indent) {
+  if (templateRootIsSvg(template)) {
+    return [
+      `${indent}const __tpl = document.createElement('template')`,
+      `${indent}__tpl.innerHTML = \`<svg>${template}</svg>\``,
+      `${indent}return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`
+    ];
+  }
+  return [
+    `${indent}const __tpl = document.createElement('template')`,
+    `${indent}__tpl.innerHTML = \`${template}\``,
+    `${indent}return __tpl.content.firstElementChild.cloneNode(true)`
+  ];
+}
+function emitLoopItemElementSetup(lines, opts) {
+  const { template, bodyIsMultiRoot, indent, singleRootLayout } = opts;
+  const innerIndent = indent + "  ";
+  if (bodyIsMultiRoot) {
+    lines.push(`${indent}let __el, __extras`);
+    lines.push(`${indent}if (__existing) {`);
+    lines.push(`${innerIndent}__el = __existing`);
+    lines.push(`${indent}} else {`);
+    for (const ln of emitMultiRootTemplateCloneLines(template, innerIndent, "__el", "__extras")) {
+      lines.push(ln);
+    }
+    lines.push(`${innerIndent}__el.__bfExtras = __extras`);
+    lines.push(`${indent}}`);
+    return;
+  }
+  if (singleRootLayout === "inline") {
+    const cloneExpr = emitTemplateCloneInline(template);
+    lines.push(`${indent}const __el = __existing ?? (() => { ${cloneExpr} })()`);
+    return;
+  }
+  lines.push(`${indent}const __el = __existing ?? (() => {`);
+  for (const ln of emitTemplateCloneLines(template, innerIndent))
+    lines.push(ln);
+  lines.push(`${indent}})()`);
+}
+function emitMultiRootTemplateCloneLines(template, indent, varEl, varExtras) {
+  const isSvg = multiRootTemplateNeedsSvgWrap(template);
+  const innerHtmlExpr = isSvg ? `\`<svg>${template}</svg>\`` : `\`${template}\``;
+  const parentExpr = isSvg ? `__tpl.content.firstElementChild` : `__tpl.content`;
+  return [
+    `${indent}const __tpl = document.createElement('template')`,
+    `${indent}__tpl.innerHTML = ${innerHtmlExpr}`,
+    `${indent}${varEl} = ${parentExpr}.firstElementChild.cloneNode(true)`,
+    `${indent}${varExtras} = []`,
+    `${indent}{ let __sib = ${parentExpr}.firstElementChild.nextElementSibling; while (__sib) { ${varExtras}.push(__sib.cloneNode(true)); __sib = __sib.nextElementSibling } }`
+  ];
+}
+
+// src/ir-to-client-js/collect-elements.ts
+var EMPTY_RENDER_EXPRS = new Set(["null", "undefined", "false", "''", '""', "``"]);
+function domElementCount(node) {
+  switch (node.type) {
+    case "element":
+    case "component":
+    case "provider":
+    case "async":
+      return 1;
+    case "text":
+      return 0;
+    case "expression":
+      return EMPTY_RENDER_EXPRS.has(node.expr.trim()) ? 0 : null;
+    case "loop":
+      if (node.bodyIsItemConditional || node.method === "flatMap")
+        return null;
+      return `(${buildLoopChainExpr({
+        base: node.array,
+        sortComparator: node.sortComparator,
+        filterPredicate: node.filterPredicate,
+        chainOrder: node.chainOrder
+      })}).length`;
+    case "conditional": {
+      const t = domElementCount(node.whenTrue);
+      const f = domElementCount(node.whenFalse);
+      if (t === null || f === null)
+        return null;
+      if (typeof t === "number" && typeof f === "number" && t === f)
+        return t;
+      return `(${node.condition} ? ${t} : ${f})`;
+    }
+    case "fragment":
+      return sumElementCounts(node.children);
+    default:
+      return null;
+  }
+}
+function sumElementCounts(nodes) {
+  let staticCount = 0;
+  const dynamic = [];
+  for (const n of nodes) {
+    const c = domElementCount(n);
+    if (c === null)
+      return null;
+    if (typeof c === "number")
+      staticCount += c;
+    else
+      dynamic.push(c);
+  }
+  if (dynamic.length === 0)
+    return staticCount;
+  const parts = staticCount > 0 ? [String(staticCount), ...dynamic] : dynamic;
+  return parts.length === 1 ? parts[0] : `(${parts.join(" + ")})`;
+}
+function legacyElementCount(node) {
+  return node.type === "element" || node.type === "component" || node.type === "provider" || node.type === "async" || node.type === "text" || node.type === "expression" && !node.reactive || node.type === "conditional" ? 1 : 0;
+}
+function computeLoopSiblingOffsets(root) {
+  const offsets = new Map;
+  const recordRun = (children, preceding) => {
+    for (const child of children) {
+      if (child.type === "loop") {
+        if (preceding.length > 0 && !offsets.has(child)) {
+          offsets.set(child, [...preceding]);
+        }
+        preceding.push(child);
+      } else if (child.type === "fragment" || child.type === "provider" || child.type === "async") {
         recordRun(child.children, preceding);
       } else {
         preceding.push(child);
@@ -11734,6 +12159,7 @@ function collectInnerLoops(nodes, siblingOffsets, outerLoopParam, ctx, options)
           arrayFreeIdentifiers: n.arrayFreeIdentifiers,
           param: n.param,
           paramBindings: n.paramBindings,
+          index: n.index,
           key: n.key,
           markerId: n.markerId,
           bodyIsMultiRoot: n.bodyIsMultiRoot,
@@ -11931,6 +12357,7 @@ function collectElements(node, ctx, siblingOffsets, insideConditional = false) {
       let template = "";
       let staticItemTemplate;
       let skeletonTemplate;
+      let skeletonPaths;
       if (l.childComponent) {
         template = "";
         if (l.isStaticArray && l.children[0]) {
@@ -11942,10 +12369,14 @@ function collectElements(node, ctx, siblingOffsets, insideConditional = false) {
         if (l.isStaticArray) {
           staticItemTemplate = useElementReconciliation ? irToPlaceholderTemplate(l.children[0], buildRestSpreadNames(ctx), 0) : irToHtmlTemplate(l.children[0], buildRestSpreadNames(ctx), 0);
         } else if (!useElementReconciliation && !l.bodyIsMultiRoot && !l.bodyIsItemConditional) {
-          skeletonTemplate = buildLoopSkeletonTemplate(l.children[0], {
+          const skeletonSafeSlots = {
             reactiveAttrKeys: new Set(bindings.reactiveAttrs.map((a) => `${a.childSlotId}::${a.attrName}`)),
             reactiveTextSlotIds: new Set(bindings.reactiveTexts.map((t) => t.slotId))
-          }) ?? undefined;
+          };
+          skeletonTemplate = buildLoopSkeletonTemplate(l.children[0], skeletonSafeSlots) ?? undefined;
+          if (skeletonTemplate && !templateRootIsSvg(skeletonTemplate)) {
+            skeletonPaths = computeSkeletonSlotPaths(l.children[0], skeletonSafeSlots) ?? undefined;
+          }
         }
       }
       ctx.loopElements.push({
@@ -11965,6 +12396,7 @@ function collectElements(node, ctx, siblingOffsets, insideConditional = false) {
         template,
         staticItemTemplate,
         skeletonTemplate,
+        skeletonPaths,
         childEventHandlers: childHandlers,
         bindings,
         childComponent: l.childComponent,
@@ -12755,6 +13187,7 @@ var RUNTIME_IMPORT_CANDIDATES = [
   "__slot",
   "__bfSlot",
   "__bfText",
+  "tAfter",
   "beginTurn",
   "endTurn"
 ];
@@ -14571,13 +15004,6 @@ function emitPropsExtraction(lines, ctx, neededProps, propUsage) {
       lines.push(`  const ${propName} = ${PROPS_PARAM}.${propName} ?? []`);
     } else if (propHasPropertyAccess(usage) && !propsUsedAsConditions.has(propName)) {
       lines.push(`  const ${propName} = ${PROPS_PARAM}.${propName} ?? {}`);
-    } else if (prop?.optional && prop?.type) {
-      const inferredDefault = inferDefaultValue(prop.type);
-      if (inferredDefault !== "undefined") {
-        lines.push(`  const ${propName} = ${PROPS_PARAM}.${propName} ?? ${inferredDefault}`);
-      } else {
-        lines.push(`  const ${propName} = ${PROPS_PARAM}.${propName}`);
-      }
     } else {
       lines.push(`  const ${propName} = ${PROPS_PARAM}.${propName}`);
     }
@@ -14625,9 +15051,63 @@ import { BF_SCOPE as BF_SCOPE2, BF_HOST, BF_AT } from "@barefootjs/shared";
 function loopKeyFn(loop) {
   if (loop.key === null)
     return "null";
-  const params = loop.kind === "nested" ? loop.param : `${loop.param}${loop.index ? `, ${loop.index}` : ""}`;
+  const params = `${loop.param}${loop.index ? `, ${loop.index}` : ""}`;
   return `(${params}) => String(${loop.key})`;
 }
+function nestedLoopReferencesIndex(inner, comps, events) {
+  const index = inner.index;
+  if (!index)
+    return false;
+  const exprRefs = (text, precomputed) => {
+    if (precomputed)
+      return precomputed.has(index);
+    if (!text)
+      return false;
+    return extractFreeIdentifiersFromText(text).has(index);
+  };
+  if (exprRefs(inner.key))
+    return true;
+  for (const t of inner.bindings.reactiveTexts) {
+    if (exprRefs(t.expression, t.freeIdentifiers))
+      return true;
+  }
+  for (const a of inner.bindings.reactiveAttrs) {
+    if (exprRefs(a.expression, a.freeIdentifiers))
+      return true;
+  }
+  if (inner.mapPreamble && extractFreeIdentifiersFromStatementText(inner.mapPreamble).has(index))
+    return true;
+  if (inner.template && extractFreeIdentifiersFromTemplateText(inner.template).has(index))
+    return true;
+  for (const ev of events) {
+    if (exprRefs(ev.handler))
+      return true;
+  }
+  for (const r of inner.bindings.refs) {
+    if (exprRefs(r.callback))
+      return true;
+  }
+  for (const c of comps) {
+    for (const p of c.props) {
+      if (exprRefs(attrValueToString(p.value)))
+        return true;
+    }
+    if (c.children?.length) {
+      const childrenExpr = irChildrenToJsExpr(c.children);
+      if (childrenExpr && exprRefs(childrenExpr))
+        return true;
+    }
+  }
+  return false;
+}
+function nestedLoopIndexAlias(inner, syntheticIndexVar, paramHead, comps, events) {
+  const index = inner.index;
+  if (!index || index === paramHead)
+    return null;
+  if (!nestedLoopReferencesIndex(inner, comps, events))
+    return null;
+  return `const ${index} = ${syntheticIndexVar}`;
+}
 function buildChildRefBindings(refs, loopParam, loopParamBindings) {
   if (refs.length === 0)
     return [];
@@ -14808,6 +15288,7 @@ function buildOuterNestedPlan(elem, comp) {
 }
 function buildInnerLoopNestedPlan(elem, innerLoop, innerComps) {
   const outerIndexParam = elem.index || "__idx";
+  const innerIndexParam = innerLoop.index || "__innerIdx";
   const comps = innerComps.map((comp) => ({
     componentName: comp.name,
     selector: buildCompSelector(comp),
@@ -14824,7 +15305,8 @@ function buildInnerLoopNestedPlan(elem, innerLoop, innerComps) {
     innerContainerSlotId: innerLoop.containerSlotId ?? null,
     innerArrayExpr: innerLoop.array,
     innerParam: innerLoop.param,
-    innerOffsetExpr: buildLoopChildIndexExpr("__innerIdx", innerLoop.offset),
+    innerIndexParam,
+    innerOffsetExpr: buildLoopChildIndexExpr(innerIndexParam, innerLoop.offset),
     innerPreludeStatements: innerLoop.mapPreamble ? [innerLoop.mapPreamble] : [],
     depth: innerLoop.depth,
     comps
@@ -14841,9 +15323,11 @@ function buildComponentRootedInnerLoopPlan(elem, innerLoop, innerComps) {
     containerVar: `_${varSlotId(elem.slotId)}`,
     outerArrayExpr: elem.array,
     outerParam: elem.param,
+    outerIndexParam: elem.index,
     outerPreludeStatements: elem.mapPreamble ? [elem.mapPreamble] : [],
     innerArrayExpr: innerLoop.array,
     innerParam: innerLoop.param,
+    innerIndexParam: innerLoop.index,
     innerPreludeStatements: innerLoop.mapPreamble ? [innerLoop.mapPreamble] : [],
     depth: innerLoop.depth,
     comps
@@ -14936,6 +15420,7 @@ function emitInnerLoopNested(lines, plan) {
     innerContainerSlotId,
     innerArrayExpr,
     innerParam,
+    innerIndexParam,
     innerOffsetExpr,
     innerPreludeStatements,
     depth,
@@ -14954,7 +15439,7 @@ function emitInnerLoopNested(lines, plan) {
   } else {
     lines.push(`      const __ic = __outerEl`);
   }
-  lines.push(`      ${innerArrayExpr}.forEach((${innerParam}, __innerIdx) => {`);
+  lines.push(`      ${innerArrayExpr}.forEach((${innerParam}, ${innerIndexParam}) => {`);
   lines.push(`        const __innerEl = __ic.children[${innerOffsetExpr}]`);
   lines.push(`        if (!__innerEl) return`);
   for (const stmt of innerPreludeStatements) {
@@ -14975,9 +15460,11 @@ function emitComponentRootedInnerLoop(lines, plan) {
     containerVar,
     outerArrayExpr,
     outerParam,
+    outerIndexParam,
     outerPreludeStatements,
     innerArrayExpr,
     innerParam,
+    innerIndexParam,
     innerPreludeStatements,
     depth,
     comps
@@ -14991,11 +15478,11 @@ function emitComponentRootedInnerLoop(lines, plan) {
     lines.push(`    const ${scopesVar(i)} = qsaChildScopes(${containerVar}, ${comp.selector})`);
     lines.push(`    let ${cursorVar(i)} = 0`);
   });
-  lines.push(`    ${outerArrayExpr}.forEach((${outerParam}) => {`);
+  lines.push(`    ${outerArrayExpr}.forEach((${outerParam}${outerIndexParam ? `, ${outerIndexParam}` : ""}) => {`);
   for (const stmt of outerPreludeStatements) {
     lines.push(`      ${stmt}`);
   }
-  lines.push(`      ${innerArrayExpr}.forEach((${innerParam}) => {`);
+  lines.push(`      ${innerArrayExpr}.forEach((${innerParam}${innerIndexParam ? `, ${innerIndexParam}` : ""}) => {`);
   for (const stmt of innerPreludeStatements) {
     lines.push(`        ${stmt}`);
   }
@@ -15147,6 +15634,7 @@ function buildBranchInnerLoopsPlan(args) {
       ...ev,
       handler: wrapInner(ev.handler)
     }));
+    const indexAlias = nestedLoopIndexAlias(inner, `__bidxbr_${i}`, paramHead, inner.childComponents ?? [], inner.bindings.events);
     const reactiveTexts = inner.bindings.reactiveTexts.map((text) => ({
       slotId: text.slotId,
       wrappedExpression: wrapBoth(text.expression),
@@ -15161,6 +15649,7 @@ function buildBranchInnerLoopsPlan(args) {
       keyFn: loopKeyFn(inner),
       paramHead,
       paramUnwrap,
+      indexAlias,
       wrappedTemplate: inner.template,
       wrappedKey,
       keyDepth: 1,
@@ -15402,7 +15891,7 @@ function buildInnerLoopsPlan(args) {
     const containerExpr = inner.containerSlotId ? `qsa(${parentElVar}, '[bf="${inner.containerSlotId}"]')` : parentElVar;
     const refsParent = !!outerLoopParam && (inner.arrayFreeIdentifiers?.has(outerLoopParam) ?? false);
     const useReactive = refsParent && !!inner.template;
-    const emit = useReactive ? buildReactiveEmit(inner, level, wrapOuter) : buildStaticEmit(inner, level);
+    const emit = useReactive ? buildReactiveEmit(inner, level, wrapOuter, uidSuffix) : buildStaticEmit(inner, level, uidSuffix);
     const arrayExpr = useReactive ? wrapOuter(inner.array) : inner.array;
     const childLevelsPlan = childLevels.length > 0 ? buildInnerLoopsPlan({
       levels: childLevels,
@@ -15428,7 +15917,7 @@ function buildInnerLoopsPlan(args) {
   }
   return plan;
 }
-function buildReactiveEmit(inner, level, wrapOuter) {
+function buildReactiveEmit(inner, level, wrapOuter, uidSuffix) {
   const wrapInner = (expr) => wrapLoopParamAsAccessor(expr, inner.param, inner.paramBindings);
   const { head: paramHead, unwrap: paramUnwrap } = destructureLoopParam(inner.param, inner.paramBindings);
   const wrappedKey = inner.key ? wrapLoopParamAsAccessor(inner.key, inner.param, inner.paramBindings) : null;
@@ -15475,6 +15964,9 @@ function buildReactiveEmit(inner, level, wrapOuter) {
     };
   });
   const preludeStatements = [];
+  const indexAlias = nestedLoopIndexAlias(inner, `__innerIdx${uidSuffix}`, paramHead, level.comps, level.events);
+  if (indexAlias)
+    preludeStatements.push(indexAlias);
   if (paramUnwrap)
     preludeStatements.push(paramUnwrap);
   if (inner.mapPreamble)
@@ -15495,8 +15987,13 @@ function buildReactiveEmit(inner, level, wrapOuter) {
     childRefs
   };
 }
-function buildStaticEmit(inner, level) {
-  const preludeStatements = inner.mapPreamble ? [inner.mapPreamble] : [];
+function buildStaticEmit(inner, level, uidSuffix) {
+  const preludeStatements = [];
+  const indexAlias = nestedLoopIndexAlias(inner, `__innerIdx${uidSuffix}`, inner.param, level.comps, level.events);
+  if (indexAlias)
+    preludeStatements.push(indexAlias);
+  if (inner.mapPreamble)
+    preludeStatements.push(inner.mapPreamble);
   return {
     mode: "static",
     rawKey: inner.key ?? null,
@@ -15999,151 +16496,6 @@ function emitReactiveChildProps(lines, ctx) {
   }
 }
 
-// src/ir-to-client-js/control-flow/stringify/template-parse.ts
-var SVG_ROOT_TAGS = new Set([
-  "svg",
-  "path",
-  "circle",
-  "rect",
-  "line",
-  "polyline",
-  "polygon",
-  "ellipse",
-  "text",
-  "tspan",
-  "textPath",
-  "g",
-  "defs",
-  "use",
-  "symbol",
-  "switch",
-  "clipPath",
-  "mask",
-  "marker",
-  "pattern",
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "image",
-  "foreignObject",
-  "filter",
-  "feBlend",
-  "feColorMatrix",
-  "feComposite",
-  "feFlood",
-  "feGaussianBlur",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "feTurbulence",
-  "animate",
-  "animateTransform",
-  "animateMotion"
-]);
-function templateRootIsSvg(template) {
-  const stripped = stripLeadingNonContent(template);
-  const m = stripped.match(/^<\s*([A-Za-z][A-Za-z0-9-]*)/);
-  if (m) {
-    const tag = m[1];
-    if (SVG_ROOT_TAGS.has(tag))
-      return true;
-    return SVG_ROOT_TAGS.has(tag.toLowerCase());
-  }
-  const branches = extractConditionalBranchTemplates(stripped);
-  if (branches === null || branches.length === 0)
-    return false;
-  return branches.every(templateRootIsSvg);
-}
-function stripLeadingNonContent(template) {
-  let s = template.trimStart();
-  while (s.startsWith("<!--")) {
-    const end = s.indexOf("-->");
-    if (end < 0)
-      return s;
-    s = s.slice(end + 3).trimStart();
-  }
-  return s;
-}
-function extractConditionalBranchTemplates(template) {
-  if (!template.startsWith("${"))
-    return null;
-  const exprEnd = findInterpolationEnd(template, 2);
-  if (exprEnd < 0)
-    return null;
-  const trailing = stripLeadingNonContent(template.slice(exprEnd + 1));
-  if (trailing.length > 0)
-    return null;
-  const expr = template.slice(2, exprEnd);
-  return findTopLevelTemplateLiterals(expr);
-}
-function emitTemplateCloneInline(template) {
-  if (templateRootIsSvg(template)) {
-    return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`<svg>${template}</svg>\`; return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`;
-  }
-  return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`${template}\`; return __tpl.content.firstElementChild.cloneNode(true)`;
-}
-function emitHoistedTemplateDecl(lines, indent, tplVar, skeletonTemplate) {
-  const isSvg = templateRootIsSvg(skeletonTemplate);
-  const html = isSvg ? `<svg>${skeletonTemplate}</svg>` : skeletonTemplate;
-  lines.push(`${indent}const ${tplVar} = document.createElement('template')`);
-  lines.push(`${indent}${tplVar}.innerHTML = \`${html}\``);
-}
-function hoistedCloneExpr(tplVar, skeletonTemplate) {
-  return templateRootIsSvg(skeletonTemplate) ? `${tplVar}.content.firstElementChild.firstElementChild.cloneNode(true)` : `${tplVar}.content.firstElementChild.cloneNode(true)`;
-}
-function emitTemplateCloneLines(template, indent) {
-  if (templateRootIsSvg(template)) {
-    return [
-      `${indent}const __tpl = document.createElement('template')`,
-      `${indent}__tpl.innerHTML = \`<svg>${template}</svg>\``,
-      `${indent}return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`
-    ];
-  }
-  return [
-    `${indent}const __tpl = document.createElement('template')`,
-    `${indent}__tpl.innerHTML = \`${template}\``,
-    `${indent}return __tpl.content.firstElementChild.cloneNode(true)`
-  ];
-}
-function emitLoopItemElementSetup(lines, opts) {
-  const { template, bodyIsMultiRoot, indent, singleRootLayout } = opts;
-  const innerIndent = indent + "  ";
-  if (bodyIsMultiRoot) {
-    lines.push(`${indent}let __el, __extras`);
-    lines.push(`${indent}if (__existing) {`);
-    lines.push(`${innerIndent}__el = __existing`);
-    lines.push(`${indent}} else {`);
-    for (const ln of emitMultiRootTemplateCloneLines(template, innerIndent, "__el", "__extras")) {
-      lines.push(ln);
-    }
-    lines.push(`${innerIndent}__el.__bfExtras = __extras`);
-    lines.push(`${indent}}`);
-    return;
-  }
-  if (singleRootLayout === "inline") {
-    const cloneExpr = emitTemplateCloneInline(template);
-    lines.push(`${indent}const __el = __existing ?? (() => { ${cloneExpr} })()`);
-    return;
-  }
-  lines.push(`${indent}const __el = __existing ?? (() => {`);
-  for (const ln of emitTemplateCloneLines(template, innerIndent))
-    lines.push(ln);
-  lines.push(`${indent}})()`);
-}
-function emitMultiRootTemplateCloneLines(template, indent, varEl, varExtras) {
-  const isSvg = templateRootIsSvg(template);
-  const innerHtmlExpr = isSvg ? `\`<svg>${template}</svg>\`` : `\`${template}\``;
-  const parentExpr = isSvg ? `__tpl.content.firstElementChild` : `__tpl.content`;
-  return [
-    `${indent}const __tpl = document.createElement('template')`,
-    `${indent}__tpl.innerHTML = ${innerHtmlExpr}`,
-    `${indent}${varEl} = ${parentExpr}.firstElementChild.cloneNode(true)`,
-    `${indent}${varExtras} = []`,
-    `${indent}{ let __sib = ${parentExpr}.firstElementChild.nextElementSibling; while (__sib) { ${varExtras}.push(__sib.cloneNode(true)); __sib = __sib.nextElementSibling } }`
-  ];
-}
-
 // src/ir-to-client-js/control-flow/stringify/loop-child-arm.ts
 function stringifyBranchEventBindings(lines, plan, indent) {
   for (const slot of plan) {
@@ -16165,6 +16517,9 @@ function stringifyBranchInnerLoops(lines, plan, indent, pc) {
     const uid = inner.uidSuffix;
     lines.push(`${indent}{ const __bic${uid} = ${inner.containerExpr}`);
     lines.push(`${indent}if (__bic${uid}) mapArray(() => ${inner.arrayExpr} || [], __bic${uid}, ${inner.keyFn}, (${inner.paramHead}, __bidx${uid}, __existing) => {`);
+    if (inner.indexAlias) {
+      lines.push(`${indent}  ${inner.indexAlias}`);
+    }
     if (inner.paramUnwrap) {
       lines.push(`${indent}  ${inner.paramUnwrap}`);
     }
@@ -16229,13 +16584,15 @@ function stringifyLoopChildArm(lines, arm, armIndent, pc) {
 
 // src/ir-to-client-js/control-flow/stringify/reactive-effects.ts
 function stringifyReactiveEffects(lines, plan, opts) {
-  const { indent, elVar, bodyIsMultiRoot } = opts;
+  const { indent, elVar, bodyIsMultiRoot, elementIndexBySlot, textIndexBySlot } = opts;
   const lookup = bodyIsMultiRoot ? "qsaItem" : "qsa";
   const pc = plan.profileComponentName;
   const bindingBfId = (slotId) => profileBindingId(pc, slotId);
   for (const slot of plan.attrSlots) {
     const varName = `__ra_${varSlotId(slot.slotId)}`;
-    lines.push(`${indent}{ const ${varName} = ${lookup}(${elVar}, '[bf="${slot.slotId}"]')`);
+    const pIdx = elementIndexBySlot?.get(slot.slotId);
+    const lookupExpr = pIdx !== undefined ? `__p ? __p[${pIdx}] : ${lookup}(${elVar}, '[bf="${slot.slotId}"]')` : `${lookup}(${elVar}, '[bf="${slot.slotId}"]')`;
+    lines.push(`${indent}{ const ${varName} = ${lookupExpr}`);
     lines.push(`${indent}if (${varName}) {`);
     for (const attr of slot.attrs) {
       lines.push(`${indent}  createEffect(() => {`);
@@ -16247,15 +16604,19 @@ function stringifyReactiveEffects(lines, plan, opts) {
     lines.push(`${indent}} }`);
   }
   for (const text of plan.outerTexts) {
-    emitOuterText(lines, indent, elVar, text, bindingBfId(text.slotId));
+    emitOuterText(lines, indent, elVar, text, bindingBfId(text.slotId), textIndexBySlot?.get(text.slotId));
   }
   for (const cond of plan.conditionals) {
     emitOuterConditional(lines, indent, elVar, cond, pc);
   }
 }
-function emitOuterText(lines, indent, elVar, text, bfId = "") {
+function emitOuterText(lines, indent, elVar, text, bfId = "", pIdx) {
   const varName = `__rt_${varSlotId(text.slotId)}`;
-  lines.push(`${indent}{ const [${varName}] = $t(${elVar}, '${text.slotId}')`);
+  if (pIdx !== undefined) {
+    lines.push(`${indent}{ const ${varName} = __p ? tAfter(__p[${pIdx}]) : $t(${elVar}, '${text.slotId}')[0]`);
+  } else {
+    lines.push(`${indent}{ const [${varName}] = $t(${elVar}, '${text.slotId}')`);
+  }
   lines.push(`${indent}if (${varName}) createEffect(() => { ${varName}.textContent = String(${text.wrappedExpression}) }${bfId}) }`);
 }
 function emitOuterConditional(lines, indent, elVar, cond, pc) {
@@ -16287,6 +16648,41 @@ function emitArmText(lines, indent, text, pc) {
   lines.push(`${indent}if (${varName}) createEffect(() => { ${varName}.textContent = String(${text.wrappedExpression}) }${profileBindingId(pc, text.slotId)}) }`);
 }
 
+// src/ir-to-client-js/control-flow/stringify/skeleton-paths.ts
+function pathExpr(base, path) {
+  let expr = base;
+  for (const idx of path) {
+    expr += ".firstChild";
+    if (idx > 0)
+      expr += ".nextSibling".repeat(idx);
+  }
+  return expr;
+}
+function buildSkeletonPathPlan(skeletonPaths, elVar, opts) {
+  const arrayElems = [];
+  const elementIndexBySlot = new Map;
+  const textIndexBySlot = new Map;
+  for (const slotId of opts.elementSlotIds) {
+    if (elementIndexBySlot.has(slotId))
+      continue;
+    const path = skeletonPaths.elementPaths.get(slotId);
+    if (!path)
+      continue;
+    elementIndexBySlot.set(slotId, arrayElems.length);
+    arrayElems.push(pathExpr(elVar, path));
+  }
+  for (const slotId of opts.textSlotIds) {
+    if (textIndexBySlot.has(slotId))
+      continue;
+    const path = skeletonPaths.textMarkerPaths.get(slotId);
+    if (!path)
+      continue;
+    textIndexBySlot.set(slotId, arrayElems.length);
+    arrayElems.push(pathExpr(elVar, path));
+  }
+  return { arrayElems, elementIndexBySlot, textIndexBySlot };
+}
+
 // src/ir-to-client-js/control-flow/stringify/component-loop.ts
 function stringifyComponentLoop(lines, plan) {
   const {
@@ -16346,11 +16742,13 @@ function emitNestedInit(lines, indent, parentVar, nc) {
 function emitLoopChildRefs(lines, refs, opts) {
   if (refs.length === 0)
     return;
-  const { indent, elVar, bodyIsMultiRoot } = opts;
+  const { indent, elVar, bodyIsMultiRoot, elementIndexBySlot } = opts;
   const lookup = bodyIsMultiRoot ? "qsaItem" : "qsa";
   for (const ref of refs) {
     const varName = `__rf_${varSlotId(ref.childSlotId)}`;
-    lines.push(`${indent}{ const ${varName} = ${lookup}(${elVar}, '[bf="${ref.childSlotId}"]')`);
+    const pIdx = elementIndexBySlot?.get(ref.childSlotId);
+    const lookupExpr = pIdx !== undefined ? `__p ? __p[${pIdx}] : ${lookup}(${elVar}, '[bf="${ref.childSlotId}"]')` : `${lookup}(${elVar}, '[bf="${ref.childSlotId}"]')`;
+    lines.push(`${indent}{ const ${varName} = ${lookupExpr}`);
     lines.push(`${indent}if (${varName}) ${emitRefCall(ref.callback, varName)} }`);
   }
 }
@@ -16430,10 +16828,31 @@ function stringifyPlainLoop(lines, plan, topIndent = "  ") {
       singleRootLayout: "inline"
     });
   }
+  let pathPlan = null;
+  if (hoistedTpl && plan.skeletonPaths) {
+    const elementSlotIds = [
+      ...reactiveEffects?.attrSlots.map((s) => s.slotId) ?? [],
+      ...childRefs.map((r) => r.childSlotId)
+    ];
+    const textSlotIds = reactiveEffects?.outerTexts.map((t) => t.slotId) ?? [];
+    if (elementSlotIds.length > 0 || textSlotIds.length > 0) {
+      const built = buildSkeletonPathPlan(plan.skeletonPaths, "__el", { elementSlotIds, textSlotIds });
+      if (built.arrayElems.length > 0) {
+        pathPlan = built;
+        lines.push(`${bodyIndent}const __p = __existing ? null : [${built.arrayElems.join(", ")}]`);
+      }
+    }
+  }
   if (reactiveEffects !== null) {
-    stringifyReactiveEffects(lines, reactiveEffects, { indent: bodyIndent, elVar: "__el", bodyIsMultiRoot });
+    stringifyReactiveEffects(lines, reactiveEffects, {
+      indent: bodyIndent,
+      elVar: "__el",
+      bodyIsMultiRoot,
+      elementIndexBySlot: pathPlan?.elementIndexBySlot,
+      textIndexBySlot: pathPlan?.textIndexBySlot
+    });
   }
-  emitLoopChildRefs(lines, childRefs, { indent: bodyIndent, elVar: "__el", bodyIsMultiRoot });
+  emitLoopChildRefs(lines, childRefs, { indent: bodyIndent, elVar: "__el", bodyIsMultiRoot, elementIndexBySlot: pathPlan?.elementIndexBySlot });
   lines.push(`${bodyIndent}return __el`);
   lines.push(`${topIndent}}, '${markerId}'${loopBfId})`);
 }
@@ -16500,12 +16919,14 @@ function stringifyStaticLoop(lines, plan) {
   lines.push(`      let __iterEl = ${containerVar}.children[${childIndexExpr}]`);
   if (csrMaterialize) {
     lines.push(`      if (!__iterEl) {`);
+    const isSvg = csrMaterialize.bodyIsMultiRoot ? multiRootTemplateNeedsSvgWrap(csrMaterialize.itemTemplate) : templateRootIsSvg(csrMaterialize.itemTemplate);
+    const itemHtml = isSvg ? `<svg>${csrMaterialize.itemTemplate}</svg>` : csrMaterialize.itemTemplate;
     if (csrMaterialize.bodyIsMultiRoot) {
       lines.push(`        const __mtpl = document.createElement('template')`);
-      lines.push(`        __mtpl.innerHTML = \`${csrMaterialize.itemTemplate}\``);
+      lines.push(`        __mtpl.innerHTML = \`${itemHtml}\``);
       lines.push(`        const __anchor = ${containerVar}.children[${childIndexExpr}] ?? null`);
       lines.push(`        let __first = null`);
-      lines.push(`        let __sib = __mtpl.content.firstElementChild`);
+      lines.push(`        let __sib = __mtpl.content${isSvg ? ".firstElementChild" : ""}.firstElementChild`);
       lines.push(`        while (__sib) {`);
       lines.push(`          const __next = __sib.nextElementSibling`);
       lines.push(`          const __cloned = __sib.cloneNode(true)`);
@@ -16516,8 +16937,8 @@ function stringifyStaticLoop(lines, plan) {
       lines.push(`        __iterEl = __first`);
     } else {
       lines.push(`        const __tpl = document.createElement('template')`);
-      lines.push(`        __tpl.innerHTML = \`${csrMaterialize.itemTemplate}\``);
-      lines.push(`        const __cloned = __tpl.content.firstElementChild`);
+      lines.push(`        __tpl.innerHTML = \`${itemHtml}\``);
+      lines.push(`        const __cloned = __tpl.content${isSvg ? ".firstElementChild" : ""}.firstElementChild`);
       lines.push(`        if (__cloned) {`);
       lines.push(`          const __anchor = ${containerVar}.children[${childIndexExpr}] ?? null`);
       lines.push(`          ${containerVar}.insertBefore(__cloned, __anchor)`);
@@ -16584,7 +17005,10 @@ function emitReactive(lines, inner, indent, pc) {
     lines.push(`${innerIndent}  __innerEl${uid}.__bfExtras = __innerExtras${uid}`);
     lines.push(`${indent}  }`);
   } else {
-    lines.push(`${indent}  let __innerEl${uid} = __existing ?? (() => { const __t = document.createElement('template'); __t.innerHTML = \`${emit.wrappedTemplate}\`; return __t.content.firstElementChild.cloneNode(true) })()`);
+    const isSvg = templateRootIsSvg(emit.wrappedTemplate);
+    const innerHtml = isSvg ? `<svg>${emit.wrappedTemplate}</svg>` : emit.wrappedTemplate;
+    const childPath = isSvg ? ".firstElementChild.firstElementChild" : ".firstElementChild";
+    lines.push(`${indent}  let __innerEl${uid} = __existing ?? (() => { const __t = document.createElement('template'); __t.innerHTML = \`${innerHtml}\`; return __t.content${childPath}.cloneNode(true) })()`);
   }
   if (emit.wrappedKey) {
     lines.push(`${indent}  __innerEl${uid}.setAttribute('${keyAttrName(inner.keyDepth)}', String(${emit.wrappedKey}))`);
@@ -17143,6 +17567,7 @@ function buildPlainLoopPlan(elem, profileComponentName) {
     mapPreambleWrapped: elem.mapPreamble ? wrap(elem.mapPreamble) : "",
     template: elem.template,
     skeletonTemplate: elem.skeletonTemplate,
+    skeletonPaths: elem.skeletonPaths,
     reactiveEffects: hasReactive2 ? buildLoopReactiveEffectsPlan(elem, profileComponentName) : null,
     childRefs: buildChildRefBindings(elem.bindings.refs, elem.param, elem.paramBindings),
     bodyIsMultiRoot: elem.bodyIsMultiRoot ?? false,
@@ -20116,6 +20541,8 @@ function isStringTypedOperand(expr, isStringName) {
   if (expr.kind === "member" && expr.object.kind === "identifier" && expr.object.name === "props") {
     return isStringName(expr.property);
   }
+  if (expr.kind === "identifier")
+    return isStringName(expr.name);
   if (expr.kind === "binary" && expr.op === "+") {
     return isStringTypedOperand(expr.left, isStringName) || isStringTypedOperand(expr.right, isStringName);
   }
@@ -20175,6 +20602,221 @@ function emitParsedExpr(expr, emitter) {
     }
   }
 }
+// src/adapters/loop-bound-names.ts
+function collectLoopBoundNames(ir) {
+  const names = new Set;
+  const visit3 = (node) => {
+    if (!node)
+      return;
+    switch (node.type) {
+      case "element":
+      case "component":
+      case "fragment":
+      case "provider":
+        for (const child of node.children)
+          visit3(child);
+        break;
+      case "async":
+        visit3(node.fallback);
+        for (const child of node.children)
+          visit3(child);
+        break;
+      case "loop":
+        names.add(node.param);
+        if (node.index)
+          names.add(node.index);
+        for (const binding of node.paramBindings ?? [])
+          names.add(binding.name);
+        if (node.filterPredicate)
+          names.add(node.filterPredicate.param);
+        for (const child of node.children)
+          visit3(child);
+        if (node.childComponent) {
+          for (const child of node.childComponent.children)
+            visit3(child);
+        }
+        for (const nested of node.nestedComponents ?? []) {
+          for (const child of nested.children)
+            visit3(child);
+        }
+        for (const frag of node.flatMapCallback?.fragments ?? []) {
+          visit3(frag.ir);
+        }
+        break;
+      case "conditional":
+        visit3(node.whenTrue);
+        visit3(node.whenFalse);
+        break;
+      case "if-statement":
+        visit3(node.consequent);
+        if (node.alternate)
+          visit3(node.alternate);
+        break;
+      case "text":
+      case "expression":
+      case "slot":
+        break;
+    }
+  };
+  visit3(ir.root);
+  return names;
+}
+// src/signal-init-eval.ts
+var BLOCKED_GLOBALS = [
+  "globalThis",
+  "window",
+  "document",
+  "Date",
+  "Math",
+  "crypto",
+  "performance",
+  "fetch",
+  "setTimeout",
+  "setInterval",
+  "require",
+  "process",
+  "Function"
+];
+function isTransportable(value, ancestors = new Set) {
+  if (value === null)
+    return true;
+  const t = typeof value;
+  if (t === "boolean" || t === "number" || t === "string")
+    return true;
+  if (t !== "object")
+    return false;
+  if (ancestors.has(value))
+    return false;
+  ancestors.add(value);
+  try {
+    if (Array.isArray(value)) {
+      if (Object.keys(value).length !== value.length)
+        return false;
+      return value.every((el) => el !== undefined && isTransportable(el, ancestors));
+    }
+    const proto = Object.getPrototypeOf(value);
+    if (proto !== Object.prototype && proto !== null)
+      return false;
+    return Object.values(value).every((v) => isTransportable(v, ancestors));
+  } finally {
+    ancestors.delete(value);
+  }
+}
+function tryEvaluateSignalInit(expr, props) {
+  const src = expr.trim();
+  if (src === "")
+    return { ok: false };
+  let fn;
+  try {
+    fn = new Function("props", ...BLOCKED_GLOBALS, `'use strict'; return (
+${src}
+);`);
+  } catch {
+    return { ok: false };
+  }
+  try {
+    const value = fn(props ?? {});
+    if (value === undefined)
+      return { ok: true, value: undefined };
+    return isTransportable(value) ? { ok: true, value } : { ok: false };
+  } catch {
+    return { ok: false };
+  }
+}
+function evaluateSignalInit(expr, props) {
+  const result = tryEvaluateSignalInit(expr, props);
+  return result.ok && result.value !== undefined ? result.value : null;
+}
+// src/static-literal.ts
+function evaluateStaticLiteral(expr, bindings) {
+  switch (expr.kind) {
+    case "literal":
+      return { value: expr.value };
+    case "template-literal": {
+      let out = "";
+      for (const part of expr.parts) {
+        if (part.type === "string") {
+          out += part.value;
+          continue;
+        }
+        const resolved = evaluateStaticLiteral(part.expr, bindings);
+        if (!resolved)
+          return null;
+        out += String(resolved.value);
+      }
+      return { value: out };
+    }
+    case "array-literal": {
+      const values = [];
+      for (const element of expr.elements) {
+        const resolved = evaluateStaticLiteral(element, bindings);
+        if (!resolved)
+          return null;
+        values.push(resolved.value);
+      }
+      return { value: values };
+    }
+    case "object-literal": {
+      const out = {};
+      for (const prop of expr.properties) {
+        const resolved = evaluateStaticLiteral(prop.value, bindings);
+        if (!resolved)
+          return null;
+        out[prop.key] = resolved.value;
+      }
+      return { value: out };
+    }
+    case "unary": {
+      const resolved = evaluateStaticLiteral(expr.argument, bindings);
+      if (!resolved)
+        return null;
+      if (expr.op === "-")
+        return typeof resolved.value === "number" ? { value: -resolved.value } : null;
+      if (expr.op === "+")
+        return typeof resolved.value === "number" ? { value: +resolved.value } : null;
+      if (expr.op === "!")
+        return { value: !resolved.value };
+      return null;
+    }
+    case "identifier":
+      return bindings?.has(expr.name) ? { value: bindings.get(expr.name) } : null;
+    case "member": {
+      const base = evaluateStaticLiteral(expr.object, bindings);
+      if (!base || base.value === null || typeof base.value !== "object")
+        return null;
+      return { value: base.value[expr.property] };
+    }
+    case "index-access": {
+      const base = evaluateStaticLiteral(expr.object, bindings);
+      const index = evaluateStaticLiteral(expr.index, bindings);
+      if (!base || !index || !Array.isArray(base.value) || typeof index.value !== "number")
+        return null;
+      return { value: base.value[index.value] };
+    }
+    default:
+      return null;
+  }
+}
+function isFullyStaticLiteral(expr) {
+  return evaluateStaticLiteral(expr) !== null;
+}
+function resolveStaticLoopSource(arrayParsed, localConstants, opts) {
+  if (!arrayParsed)
+    return null;
+  let target = arrayParsed;
+  if (arrayParsed.kind === "identifier") {
+    if (opts?.isNameShadowed?.(arrayParsed.name))
+      return null;
+    const local = localConstants?.find((c) => c.name === arrayParsed.name);
+    if (!local || local.isModule || !local.parsed)
+      return null;
+    target = local.parsed;
+  }
+  const resolved = evaluateStaticLiteral(target);
+  if (!resolved || !Array.isArray(resolved.value))
+    return null;
+  return resolved.value;
+}
 // src/query-href-lowering.ts
 function matchQueryHrefCall(callee, args, localNames) {
   if (callee.kind !== "identifier" || !localNames.has(callee.name))
@@ -20310,6 +20952,71 @@ function emitAttrValue(value, emitter, name) {
     }
   }
 }
+// src/adapters/dangerous-inner-html.ts
+var DANGEROUS_INNER_HTML_ATTR = "dangerouslySetInnerHTML";
+function isDangerousInnerHtmlAttr(attr) {
+  return attr.name === DANGEROUS_INNER_HTML_ATTR;
+}
+function resolveDangerousInnerHtml(element) {
+  const attr = element.attrs.find(isDangerousInnerHtmlAttr);
+  if (!attr)
+    return null;
+  if (attr.clientOnly)
+    return null;
+  if (attr.value.kind !== "expression") {
+    return { kind: "dynamic", expr: "", loc: attr.loc };
+  }
+  const parsed = attr.value.parsed ?? parseExpression(attr.value.expr.trim());
+  const html = staticHtmlLiteral(parsed);
+  if (html !== null)
+    return { kind: "static", html };
+  return { kind: "dynamic", expr: attr.value.expr, loc: attr.loc };
+}
+function staticHtmlLiteral(parsed) {
+  if (parsed.kind !== "object-literal")
+    return null;
+  if (parsed.properties.length !== 1)
+    return null;
+  const [prop] = parsed.properties;
+  if (prop.shorthand)
+    return null;
+  if (prop.key !== "__html")
+    return null;
+  if (prop.value.kind !== "literal" || prop.value.literalType !== "string")
+    return null;
+  return prop.value.value;
+}
+var TEMPLATE_METACHAR_PATTERNS = {
+  blade: /\{\{|\{!!|<\?|@\w|<\/?\s*x[-:]/,
+  erb: /<%/,
+  "go-template": /\{\{/,
+  jinja: /\{\{|\{%|\{#/,
+  minijinja: /\{\{|\{%|\{#/,
+  mojolicious: /<%|^\s*%/m,
+  twig: /\{\{|\{%|\{#/,
+  xslate: /<:|^\s*:/m
+};
+function dangerousInnerHtmlMetacharViolation(html, adapterId) {
+  const pattern = TEMPLATE_METACHAR_PATTERNS[adapterId];
+  if (!pattern) {
+    return `no template-metacharacter guard is defined for adapter '${adapterId}' — refusing rather than splicing unguarded`;
+  }
+  if (!pattern.test(html))
+    return null;
+  return `the literal HTML contains a sequence ${adapterId}'s own template compiler would interpret (not inert text once spliced into the template)`;
+}
+function dangerousInnerHtmlDiagnostic(expr, loc, reason) {
+  const detail = reason ? ` — ${reason}.` : "";
+  return {
+    code: "BF101",
+    severity: "error",
+    message: `dangerouslySetInnerHTML requires a compile-time string literal __html value on template adapters (e.g. { __html: '...' })${expr ? `: ${expr.trim()}` : ""}${detail}`,
+    loc,
+    suggestion: {
+      message: "Dynamic or signal-derived HTML for dangerouslySetInnerHTML is only supported on Hono/CSR today (tracked separately: https://github.com/piconic-ai/barefootjs/issues/2215). Use an inline string literal, or defer it to the client with /* @client */ (e.g. dangerouslySetInnerHTML={/* @client */ { __html: expr }}) so hydration sets it instead of SSR."
+    }
+  };
+}
 // src/combine-client-js.ts
 import ts19 from "typescript";
 var CHILD_PLACEHOLDER_RE = /import '\/\* @bf-child:(\w+) \*\/'/g;
@@ -23151,6 +23858,7 @@ function profileToJSON(profile) {
 registerBuiltinLoweringPlugins();
 export {
   tsNodeToParsedExpr,
+  tryEvaluateSignalInit,
   traceUpdatePath,
   testAdapter,
   stringifyParsedExpr,
@@ -23158,7 +23866,9 @@ export {
   serializeParsedExpr,
   searchParamsLocalNames,
   rewriteImportsForTemplate,
+  resolveStaticLoopSource,
   resolveSetters,
+  resolveDangerousInnerHtml,
   resetCompilerCounters,
   renderImportMapHtml,
   registerLoweringPlugin,
@@ -23193,6 +23903,8 @@ export {
   isStringConcatBinary,
   isLowerableObjectRestDestructure,
   isLowerableLoopDestructure,
+  isFullyStaticLiteral,
+  isDangerousInnerHtmlAttr,
   isBooleanAttr,
   importsSearchParams,
   identifierPath,
@@ -23233,6 +23945,8 @@ export {
   extractFunctionParams,
   extractArrowBodyExpression,
   exprToString,
+  evaluateStaticLiteral,
+  evaluateSignalInit,
   evaluateProfileGates,
   evalStringArrayJoin,
   envSignalReaderFor,
@@ -23245,6 +23959,8 @@ export {
   diffStaticBudget,
   diffProfiles,
   describeFallback,
+  dangerousInnerHtmlMetacharViolation,
+  dangerousInnerHtmlDiagnostic,
   createProgramForFile,
   createProgramForCorpus,
   createError,
@@ -23253,6 +23969,7 @@ export {
   compileJSX,
   combineParentChildClientJs,
   collectModuleStringConsts,
+  collectLoopBoundNames,
   collectContextConsumers,
   buildWhyUpdate,
   buildStaticBudget,
@@ -23283,6 +24000,7 @@ export {
   SourceMapGenerator,
   REACTIVE_PRIMITIVES,
   PROFILE_SCHEMA_VERSION,
+  PARSED_EXPR_KINDS,
   JsxAdapter,
   ErrorCodes,
   ENV_SIGNAL_READERS,