@vesk/vesk-cli 0.2.50-canary.9 → 0.2.51

package/dist/cli.js

@@ -147,7 +147,10 @@ var init_errors = __esm({
       suggestions;
       nextSteps;
       tip;
+      /** The V-diagnostic code, e.g. `V0501`. */
       code;
+      /** The rendered code frame. Used to be written into `code`, which silently replaced the V-code. */
+      frame;
       constructor(message, opts = {}) {
         super(message);
         this.name = "VeskError";
@@ -157,7 +160,8 @@ var init_errors = __esm({
         this.suggestions = opts.suggestions || [];
         this.nextSteps = opts.nextSteps || [];
         this.tip = opts.tip || "";
-        if (opts.code !== void 0) this.code = opts.code;
+        if (opts.code !== void 0 && !opts.code.includes("\n")) this.code = opts.code;
+        if (opts.frame !== void 0) this.frame = opts.frame;
       }
       static notFound(name, candidates = [], context = {}) {
         const allCandidates = [.../* @__PURE__ */ new Set([...candidates, ...VESK_BUILTINS])];
@@ -195,6 +199,42 @@ var init_errors = __esm({
        * - `value` — `ns.max` read as a value. Component tags resolve; plain value
        *   reads do not, because nothing binds `ns` at runtime.
        */
+      /**
+       * An imported `.ts`/`.js` module could not be parsed.
+       *
+       * This used to be silent, and that is the whole point of the diagnostic. A
+       * parse failure meant the module's RAW, untranspiled source was substituted,
+       * so TypeScript syntax reached `new Function` and the module blew up much
+       * later with a bare `Unexpected token ':'` — attributed to no file, at a
+       * point in the build far from the code that caused it. It also poisoned the
+       * whole shared module graph: one unparseable module left its exports
+       * undefined, so unrelated consumers failed with `X is not iterable`.
+       *
+       * Two real constructs hit this: a parameter annotation that survived the
+       * stripper only when the parameter also had a default value, and a generic
+       * arrow's type parameter list, which the JSX tokenizer cannot read at all.
+       * Both are fixed; this error exists so the NEXT such gap is reported at the
+       * right file with the right line instead of surfacing three modules later.
+       */
+      static moduleParseFailed(context = {}) {
+        return new _VeskError(
+          `Could not parse an imported module${context.reason ? `: ${context.reason}` : "."}`,
+          {
+            ...context,
+            code: context.code || "V0901",
+            suggestions: [
+              "Check the line the ^ marker points at \u2014 it is the construct the parser stopped on.",
+              "If it is TypeScript syntax the stripper does not handle, simplifying it here fixes every module that imports this file.",
+              "This is a bug in the compiler, not in your code, if the construct is ordinary TypeScript \u2014 please report it with the source line."
+            ],
+            nextSteps: [
+              "A module that fails to parse is substituted with its raw source, so every type annotation it contains becomes a runtime SyntaxError.",
+              "The failure is reported here, at the offending file and line, rather than as an `Unexpected token` in whichever module happened to import it."
+            ],
+            tip: "Ordinary TypeScript should parse; if this fires on valid TS, the parser is missing a construct."
+          }
+        );
+      }
       static vskNamespaceMember(context = {}) {
         const nested = context.form === "nested";
         return new _VeskError(
@@ -236,6 +276,84 @@ var init_errors = __esm({
           }
         );
       }
+      /**
+       * A browser-only global used in code the SERVER evaluates.
+       *
+       * On the server these are either absent (`window is not defined`) or, worse,
+       * silently present-but-wrong (`navigator` exists in modern Node, so
+       * `navigator.onLine` is `undefined` and a page renders as if it were offline).
+       * A raw `ReferenceError` at request time is the worst possible report: it
+       * names neither the component nor the fix. This points at the line.
+       */
+      static ssrUnsafeGlobal(name, context = {}) {
+        return new _VeskError(
+          `\`${name}\` is browser-only, and this component body runs during SSR.`,
+          {
+            ...context,
+            code: context.code || "V0501",
+            suggestions: [
+              `Wrap the part that needs the DOM in a {#client} block.`,
+              `Move the code into an event handler \u2014 handlers never run on the server.`,
+              `Do the setup in on_destroy(), which the compiler only emits on the client.`
+            ],
+            nextSteps: [
+              `component ${context.inComponent ?? "this component"}: wrap the \`${name}\` access in {#client}...{/client}.`,
+              `Or guard it: if (typeof ${name} !== 'undefined') { ... }`
+            ],
+            tip: "SSR renders this component before the client exists. Reading a browser global here either throws during the request or (for `navigator`) silently returns undefined."
+          }
+        );
+      }
+      /**
+       * The second name from `track()` called as a function.
+       *
+       * `const &[count, setCount] = track(0)` returns a CELL, not a setter function, so
+       * `setCount(1)` throws `setCount is not a function` from generated code with
+       * no line of user code in the message. The cell is the writer: `.set(v)`.
+       */
+      static cellCalledAsFunction(name, context = {}) {
+        return new _VeskError(
+          `\`${name}\` is a cell, not a function \u2014 cells are written with \`.set()\`.`,
+          {
+            ...context,
+            code: context.code || "V0502",
+            suggestions: [
+              `Use \`${name}.set(...)\` instead of \`${name}(...)\`.`,
+              `Or use the tracked spelling inside an event handler: set(${context.value ?? "value"}, ...)`
+            ],
+            nextSteps: [
+              `const &[${context.value ?? "value"}, ${name}] = track(0) \u2192 \`${name}.set(v)\``,
+              "The value read in markup is the first name; the second is the cell object."
+            ],
+            tip: `\`track()\` returns [value, cell]. \`${name}\` is the cell half.`
+          }
+        );
+      }
+      /**
+       * `set(value, …)` used outside a rewritten expression.
+       *
+       * The compiler rewrites `set(count, v)` to `countCell.set(v)` inside JSX and
+       * event handlers — but a bare statement in the component body is NOT
+       * rewritten, so the runtime `set` receives the value and throws
+       * "Cannot read properties of undefined". Pass the CELL, not the value.
+       */
+      static setWithValueName(name, context = {}) {
+        return new _VeskError(
+          `\`set(${name}, \u2026)\` needs the CELL, and \`${name}\` is the value half of track().`,
+          {
+            ...context,
+            code: context.code || "V0503",
+            suggestions: [
+              `Use \`set(${context.cell ?? "cell"}, \u2026)\` or \`${context.cell ?? "cell"}.set(\u2026)\`.`,
+              `Or move the set() into an event handler, where the compiler rewrites it for you.`
+            ],
+            nextSteps: [
+              `const &[${name}, ${context.cell ?? "cell"}] = track(0) \u2192 \`${context.cell ?? "cell"}.set(v)\``
+            ],
+            tip: "set(cell, value) is only rewritten inside JSX and handlers; in a body statement it reaches the runtime untouched."
+          }
+        );
+      }
       static serverBlockInClient(compName, context = {}) {
         return new _VeskError(
           `{#server} block found in client island "${compName}". Client islands render on both server and client, so {#server} blocks have no effect.`,
@@ -3487,7 +3605,13 @@ function flattenLayoutChain(tree, pathParts, result = []) {
   for (let i = 0; i < tree.length; i++) {
     const node = tree[i];
     if (node.isGroup) {
+      const before = result.length;
       flattenLayoutChain(node.children || [], pathParts, result);
+      if (result.length > before) continue;
+      if (node.page && (pathParts.length === 0 || pathParts.every((p) => p === ""))) {
+        result.push(node);
+        break;
+      }
       continue;
     }
     const part = pathParts[0];
@@ -3509,6 +3633,11 @@ function flattenLayoutChain(tree, pathParts, result = []) {
       if (node.standalone) result.length = 0;
       result.push(node);
       if (isLeaf2) {
+        if (!node.page && (node.children || []).length > 0) {
+          const before = result.length;
+          flattenLayoutChain(node.children || [], remaining, result);
+          if (result.length > before) break;
+        }
         break;
       } else if ((node.children || []).length > 0) {
         flattenLayoutChain(node.children || [], remaining, result);
@@ -18025,6 +18154,52 @@ function containsForOfIn(text) {
   }
   return false;
 }
+function callsIdentifier(text, ident) {
+  let i = 0;
+  const len = text.length;
+  let afterDot = false;
+  while (i < len) {
+    const ch = text[i];
+    if (isWhitespaceChar(ch)) {
+      i++;
+      continue;
+    }
+    const commentEnd = skipComment(text, i);
+    if (commentEnd !== i) {
+      i = commentEnd;
+      continue;
+    }
+    if (ch === '"' || ch === "'" || ch === "`") {
+      i = skipString(text, i);
+      afterDot = false;
+      continue;
+    }
+    if (ch === "." || ch === "?" && text[i + 1] === ".") {
+      afterDot = true;
+      i += ch === "." ? 1 : 2;
+      continue;
+    }
+    if (isIdentStartCode2(ch.charCodeAt(0))) {
+      let j = i + 1;
+      while (j < len && isIdentCharCode2(text.charCodeAt(j))) j++;
+      const name = text.slice(i, j);
+      let k = skipWhitespace(text, j);
+      if (text[k] === "<") {
+        k = skipTrackGeneric(text, k);
+        k = skipWhitespace(text, k);
+      }
+      if (name === ident && text[k] === "(" && !afterDot) {
+        return true;
+      }
+      afterDot = false;
+      i = j;
+      continue;
+    }
+    afterDot = false;
+    i++;
+  }
+  return false;
+}
 function unwrapTrackCall(init) {
   const text = init.trim();
   if (!startsWithIdentifier(text, "track")) return init;
@@ -18645,6 +18820,162 @@ function preprocessForClauses(source) {
   }
   return { code: chars.join(""), annotations };
 }
+function blankGenericArrowTypeParams(source) {
+  let changed = false;
+  const chars = source.split("");
+  let i = 0;
+  const isSpace = (ch) => isSpaceChar(ch);
+  while (i < source.length) {
+    const ch = source[i];
+    if (ch === '"' || ch === "'" || ch === "`") {
+      const quote = ch;
+      let j2 = i + 1;
+      while (j2 < source.length) {
+        if (source[j2] === "\\") {
+          j2 += 2;
+          continue;
+        }
+        if (source[j2] === quote) {
+          j2++;
+          break;
+        }
+        if (quote === "`" && source[j2] === "$" && source[j2 + 1] === "{") {
+          let depth = 1;
+          j2 += 2;
+          while (j2 < source.length && depth > 0) {
+            if (source[j2] === "{") depth++;
+            else if (source[j2] === "}") depth--;
+            j2++;
+          }
+          continue;
+        }
+        j2++;
+      }
+      i = j2;
+      continue;
+    }
+    if (ch === "/" && source[i + 1] === "/") {
+      while (i < source.length && source[i] !== "\n") i++;
+      continue;
+    }
+    if (ch === "/" && source[i + 1] === "*") {
+      i += 2;
+      while (i < source.length && !(source[i] === "*" && source[i + 1] === "/")) i++;
+      i += 2;
+      continue;
+    }
+    if (ch !== "<") {
+      i++;
+      continue;
+    }
+    let j = i + 1;
+    let angle = 1;
+    let end = -1;
+    let bail = false;
+    while (j < source.length) {
+      const c = source[j];
+      if (c === "<") {
+        angle++;
+        j++;
+        continue;
+      }
+      if (c === ">") {
+        angle--;
+        j++;
+        if (angle === 0) {
+          end = j;
+          break;
+        }
+        continue;
+      }
+      if (c === "(" || c === "[" || c === "{") {
+        const close = c === "(" ? ")" : c === "[" ? "]" : "}";
+        let depth = 0;
+        while (j < source.length) {
+          const d = source[j];
+          if (d === c) depth++;
+          else if (d === close) {
+            depth--;
+            if (depth === 0) {
+              j++;
+              break;
+            }
+          }
+          j++;
+        }
+        continue;
+      }
+      if (c === ";" || c === "\n") {
+        bail = true;
+        break;
+      }
+      j++;
+    }
+    if (bail || end < 0) {
+      i++;
+      continue;
+    }
+    if (!isArrowParameterList(source, end)) {
+      i = end;
+      continue;
+    }
+    for (let p = i; p < end; p++) {
+      if (chars[p] !== "\n") chars[p] = " ";
+    }
+    changed = true;
+    i = end;
+  }
+  return changed ? chars.join("") : source;
+}
+function isArrowParameterList(source, from) {
+  let i = from;
+  while (i < source.length && isSpaceChar(source[i])) i++;
+  if (source[i] !== "(") return false;
+  let depth = 0;
+  while (i < source.length) {
+    const ch = source[i];
+    if (ch === "(" || ch === "[" || ch === "{") {
+      depth++;
+      i++;
+      continue;
+    }
+    if (ch === ")" || ch === "]" || ch === "}") {
+      depth--;
+      i++;
+      if (depth === 0) break;
+      continue;
+    }
+    i++;
+  }
+  if (depth !== 0) return false;
+  while (i < source.length && isSpaceChar(source[i])) i++;
+  if (source[i] === ":") {
+    i++;
+    let tdepth = 0;
+    while (i < source.length) {
+      const ch = source[i];
+      if (ch === "(" || ch === "[" || ch === "{") {
+        tdepth++;
+        i++;
+        continue;
+      }
+      if (ch === ")" || ch === "]" || ch === "}") {
+        if (tdepth === 0) return false;
+        tdepth--;
+        i++;
+        continue;
+      }
+      if (tdepth === 0 && ch === "=" && source[i + 1] === ">") return true;
+      if (tdepth === 0 && (ch === ";" || ch === "\n")) return false;
+      i++;
+    }
+    return false;
+  }
+  return source[i] === "=" && source[i + 1] === ">";
+}
+function isSpaceChar(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f" || ch === "\v";
+}
 function createBaseParser() {
   return Parser.extend(tsPlugin({}), VeskParserPlugin());
 }
@@ -18657,7 +18988,7 @@ function parseGeneratedJs(source) {
 }
 function parse4(source, options = {}) {
   const ParserClass = createBaseParser();
-  const { code, annotations } = preprocessForClauses(blankComments(source));
+  const { code, annotations } = preprocessForClauses(blankGenericArrowTypeParams(blankComments(source)));
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
   const specifierExports = vskSource ? findSpecifierExports(code).filter((e) => !hasTopLevelValueDeclaration(code, e.local)) : [];
   let parseable = code;
@@ -18859,13 +19190,33 @@ function stripTsTypes(ast) {
     }
   });
 }
+function stripParamTypes(p) {
+  if (!p) return;
+  if (p.typeAnnotation) p.typeAnnotation = null;
+  if (p.optional) p.optional = false;
+  switch (p.type) {
+    case "AssignmentPattern":
+      stripParamTypes(p.left);
+      break;
+    case "RestElement":
+      stripParamTypes(p.argument);
+      break;
+    case "ObjectPattern":
+      for (const prop of p.properties || []) {
+        stripParamTypes(prop.value || prop.argument || prop);
+      }
+      break;
+    case "ArrayPattern":
+      for (const el of p.elements || []) if (el) stripParamTypes(el);
+      break;
+    default:
+      break;
+  }
+}
 function stripFunctionTypes(node) {
   if (node.returnType) node.returnType = null;
   if (node.typeParameters) node.typeParameters = null;
-  for (const p of node.params || []) {
-    if (p.typeAnnotation) p.typeAnnotation = null;
-    if (p.optional) p.optional = false;
-  }
+  for (const p of node.params || []) stripParamTypes(p);
 }
 function stripCodeTypes(code) {
   let ast;
@@ -19043,6 +19394,7 @@ function loadSsrModule(absPath) {
       }
     } else {
       const src2 = readSsrSource(absPath);
+      if (src2?.parseError) throw src2.parseError;
       const body = src2?.ast?.body || [];
       if (src2 && isPureReexportBarrel(body)) {
         exportsObj = createLazyBarrelExports(buildBarrelSpec(body), dirname2(absPath));
@@ -19119,13 +19471,19 @@ function readSsrSource(absPath) {
     return null;
   }
   const raw2 = cachedRaw;
-  let ast = null;
   try {
-    ast = parse4(raw2, { filename: absPath });
-  } catch {
-    ast = null;
+    return { raw: raw2, ast: parse4(raw2, { filename: absPath }) };
+  } catch (e) {
+    const err = e;
+    let parseError;
+    if (err instanceof VeskError) {
+      parseError = err;
+      if (err.code === void 0) err.code = "V0901";
+    } else {
+      parseError = VeskError.moduleParseFailed({ file: absPath, reason: e?.message });
+    }
+    return { raw: raw2, ast: null, parseError };
   }
-  return { raw: raw2, ast };
 }
 function isPureReexportBarrel(body) {
   for (const stmt of body) {
@@ -19191,7 +19549,7 @@ function createLazyBarrelExports(spec, dir) {
   const loadSource = (source) => {
     let target = targets.get(source);
     if (!target) {
-      target = resolveSsrModule(source, dir) ?? "";
+      target = (isCompilerOwnedTarget(source) ? resolveCompilerOwnedModule(source) : resolveSsrModule(source, dir)) ?? "";
       if (!target) return null;
       targets.set(source, target);
     }
@@ -19276,6 +19634,7 @@ function evaluateModuleFile(absPath, exportsObj, src2) {
   let ast;
   if (src2) {
     ast = src2.ast;
+    if (!ast && src2.parseError) throw src2.parseError;
   } else {
     try {
       ast = parse4(raw2, { filename: absPath });
@@ -19349,8 +19708,25 @@ function scanUnsupportedNode(node, inFunction = false) {
   }
   return null;
 }
+function resolveCompilerOwnedModule(specifier) {
+  const viaExports = resolveViaPackageExports(specifier, process.cwd());
+  if (viaExports) return viaExports;
+  const viaModuleField = resolveViaPackageModuleField(specifier, process.cwd());
+  if (viaModuleField) return viaModuleField;
+  const native = nativeResolve(specifier, process.cwd());
+  if (native && !isBuiltinPath(native)) return native;
+  return null;
+}
 function createModuleRequire(fromDir) {
   return (specifier) => {
+    if (isCompilerOwnedTarget(specifier)) {
+      const resolved2 = resolveCompilerOwnedModule(specifier);
+      if (resolved2) {
+        const native = nativeRequireFallback(resolved2);
+        if (native) return native;
+      }
+      throw new Error(`Cannot load module '${specifier}'`);
+    }
     const resolved = resolveSsrModule(specifier, fromDir);
     if (!resolved) throw new Error(`Cannot find module '${specifier}'`);
     for (const frame of depStack) frame.add(resolved);
@@ -19898,6 +20274,7 @@ function collectModuleBundled(absPath, collector) {
   } else {
     const src2 = readSsrSource(absPath);
     if (!src2 || !src2.ast) {
+      if (src2?.parseError) throw src2.parseError;
       const raw2 = src2 ? src2.raw : "// unreadable during build\nmodule.exports = {};";
       collector.modules.push({ key, code: raw2, dir, deps: {} });
       return key;
@@ -19944,6 +20321,7 @@ var init_module_imports = __esm({
     init_parser();
     init_strip_ts();
     init_tokens();
+    init_errors();
     RUNTIME_PREFIXES = ["@vesk/runtime/", "@vesk/reactivity/", "@vesk/types", "@vesk/"];
     EXTENSIONS = [".ts", ".tsx", ".mts", ".cts", ".js", ".mjs", ".cjs", ".jsx", ".json"];
     BUILTIN_PREFIX = "\0builtin:";
@@ -20413,6 +20791,22 @@ function jsxTagDepth(nameNode) {
   }
   return depth;
 }
+function unwrapHelperBody(node) {
+  let body = node;
+  if (body?.type === "ArrowFunctionExpression" || body?.type === "FunctionExpression") body = body.body;
+  if (body?.type === "BlockStatement") {
+    const stmts = (body.body || []).filter((s) => s.type !== "EmptyStatement");
+    if (stmts.length !== 1) return null;
+    body = stmts[0];
+  }
+  if (body?.type === "ReturnStatement") body = body.argument;
+  if (!body) return null;
+  if (body.type !== "CallExpression") return null;
+  if (body.callee?.type !== "Identifier") return null;
+  const args2 = body.arguments || [];
+  if (args2.length === 0 || args2[0]?.type !== "ObjectExpression") return null;
+  return body;
+}
 function collectVskNamespaceLocals(ast) {
   const namespaceLocals = /* @__PURE__ */ new Map();
   for (const node of ast.body || []) {
@@ -20446,6 +20840,34 @@ function markShadowedBindings(node, namespaceLocals) {
     markShadowedBindings(node[key], namespaceLocals);
   }
 }
+function collectFileValueBindings(ast) {
+  const names = /* @__PURE__ */ new Set();
+  for (const node of ast.body || []) {
+    if (node.type === "ComponentDeclaration") continue;
+    if (node.type === "ImportDeclaration") continue;
+    const target = node.type === "ExportNamedDeclaration" || node.type === "ExportDefaultDeclaration" ? node.declaration : node;
+    if (!target) continue;
+    if (target.type === "VariableDeclaration") {
+      for (const d of target.declarations || []) for (const n of declaredBindingNames(d)) names.add(n);
+      continue;
+    }
+    for (const n of declaredBindingNames(target)) names.add(n);
+  }
+  return names;
+}
+function collectComponentValueNames(compNode) {
+  const names = /* @__PURE__ */ new Set();
+  if (!compNode) return names;
+  for (const p of compNode.params || []) for (const n of declaredBindingNames(p)) names.add(n);
+  for (const stmt of compNode.body?.body || []) {
+    if (stmt.type === "VariableDeclaration") {
+      for (const d of stmt.declarations || []) for (const n of declaredBindingNames(d)) names.add(n);
+      continue;
+    }
+    for (const n of declaredBindingNames(stmt)) names.add(n);
+  }
+  return names;
+}
 function declaredBindingNames(node) {
   const out = [];
   const pushPattern = (id) => {
@@ -20515,9 +20937,149 @@ function findNamespaceValueUse(node, locals2) {
   }
   return null;
 }
+function collectComponentCallHelpers(source, ast) {
+  const out = /* @__PURE__ */ new Map();
+  for (const node of ast.body || []) {
+    const decl = node.type === "ExportNamedDeclaration" || node.type === "ExportDefaultDeclaration" ? node.declaration : node;
+    if (!decl) continue;
+    let name = null;
+    let fn = null;
+    if (decl.type === "VariableDeclaration" && decl.declarations?.length === 1) {
+      const d = decl.declarations[0];
+      if (d.id?.type === "Identifier") {
+        name = d.id.name;
+        fn = d.init;
+      }
+    } else if (decl.type === "FunctionDeclaration" && decl.id?.name) {
+      name = decl.id.name;
+      fn = decl;
+    }
+    if (!name || !fn) continue;
+    if (fn.type !== "ArrowFunctionExpression" && fn.type !== "FunctionExpression" && fn.type !== "FunctionDeclaration") continue;
+    const params = fn.params || [];
+    if (params.some((p) => p.type !== "Identifier")) continue;
+    const body = unwrapHelperBody(fn);
+    if (body === null) continue;
+    const args2 = body.arguments || [];
+    const propsObj = args2[0];
+    const props = [];
+    const spreadProps = [];
+    const slots = [];
+    for (const prop of propsObj.properties || []) {
+      if (prop.type === "SpreadElement") {
+        spreadProps.push(prop.argument);
+        continue;
+      }
+      const pname = prop.key.type === "Identifier" ? prop.key.name : prop.key.value;
+      if (prop.value.type === "JSXElement" || prop.value.type === "JSXFragment") {
+        slots.push({ name: pname, nodes: exprToIR(source, prop.value) });
+        continue;
+      }
+      props.push({ name: pname, value: prop.value });
+    }
+    const paramNames = params.map((p) => p.name);
+    out.set(name, { props, spreadProps, slots, paramNames, componentName: body.callee.name });
+  }
+  return out;
+}
+function substituteHelperParams(node, bindings) {
+  if (!node || typeof node !== "object") return node;
+  if (Array.isArray(node)) {
+    const out2 = [];
+    for (const child of node) {
+      const next = substituteHelperParams(child, bindings);
+      if (next === null) return null;
+      out2.push(next);
+    }
+    return out2;
+  }
+  if (typeof node.type !== "string") return node;
+  if (node.type === "ArrowFunctionExpression" || node.type === "FunctionExpression") return null;
+  if (node.type === "Identifier" && bindings.has(node.name)) {
+    const bound = bindings.get(node.name);
+    return bound === null ? null : bound;
+  }
+  const out = {};
+  for (const key of Object.keys(node)) {
+    if (key === "loc" || key === "range" || key === "start" || key === "end") {
+      out[key] = node[key];
+      continue;
+    }
+    const next = substituteHelperParams(node[key], bindings);
+    if (next === null) return null;
+    out[key] = next;
+  }
+  return out;
+}
+function helperCallToIR(source, helper, args2) {
+  const compName = helper.componentName;
+  const bindings = /* @__PURE__ */ new Map();
+  helper.paramNames.forEach((param, i) => bindings.set(param, args2[i] ?? null));
+  for (const bound of bindings.values()) if (bound === null) return null;
+  const props = [];
+  for (const p of helper.props) {
+    const substituted = substituteHelperParams(p.value, bindings);
+    if (substituted === null) return null;
+    props.push({ name: p.name, value: toExpression(source, substituted) });
+  }
+  const spreadProps = [];
+  for (const sp of helper.spreadProps) {
+    const substituted = substituteHelperParams(sp, bindings);
+    if (substituted === null) return null;
+    spreadProps.push(toExpression(source, substituted));
+  }
+  return [new ComponentCall(compName, props, helper.slots.flatMap((s) => [new PropSlot(s.name, s.nodes)]), spreadProps, -1, componentValueCallee(compName))];
+}
 function isHTMLTag(name) {
   return name.length > 0 && name[0] === name[0].toLowerCase();
 }
+function componentValueCallee(tagName) {
+  if (!currentComponentValues || !currentComponentValues.has(tagName)) return null;
+  return tagName;
+}
+function componentCallInExpression(expr) {
+  if (!expr || expr.type !== "CallExpression") return null;
+  const callee = expr.callee;
+  if (!callee || callee.type !== "Identifier") return null;
+  if (!isComponentValueName(callee.name)) return null;
+  const args2 = expr.arguments || [];
+  if (args2.length === 0 || !args2[0] || args2[0].type !== "ObjectExpression") return null;
+  return expr;
+}
+function isComponentValueName(name) {
+  if (currentFileComponentNames?.has(name)) return true;
+  if (currentComponentValues?.has(name)) return true;
+  return currentFileValueBindings?.has(name) || currentImportedNames?.has(name) || false;
+}
+function componentCallToIR(source, expr) {
+  const calleeName = expr.callee.name;
+  const args2 = expr.arguments || [];
+  const propsArg = args2[0];
+  const props = [];
+  const spreadProps = [];
+  const slots = [];
+  for (const prop of propsArg.properties || []) {
+    if (prop.type === "SpreadElement") {
+      spreadProps.push(toExpression(source, prop.argument));
+      continue;
+    }
+    const name = prop.key.type === "Identifier" ? prop.key.name : prop.key.value;
+    if (prop.value.type === "JSXElement" || prop.value.type === "JSXFragment") {
+      slots.push(new PropSlot(name, exprToIR(source, prop.value)));
+      continue;
+    }
+    props.push({ name, value: toExpression(source, prop.value) });
+  }
+  const children = args2.length > 1 ? [new RuntimeStatement(`/* [vesk] extra arguments to a component call are ignored */ ${getSource(source, args2[1])}`)] : [];
+  return [new ComponentCall(
+    calleeName,
+    props,
+    [...children, ...slots],
+    spreadProps,
+    expr.start ?? -1,
+    componentValueCallee(calleeName)
+  )];
+}
 function isMapCall(expr) {
   return expr.type === "CallExpression" && expr.callee.type === "MemberExpression" && expr.callee.property.name === "map" && expr.arguments.length === 1 && expr.arguments[0].type === "ArrowFunctionExpression";
 }
@@ -20786,7 +21348,7 @@ function processJSXChildren(source, children) {
           continue;
         }
       }
-      result.push(new DynamicBinding(toExpression(source, expr)));
+      result.push(...exprToIR(source, expr));
       i++;
     } else if (child.type === "JSXElement") {
       result.push(...processJSXElement(source, child));
@@ -20832,6 +21394,12 @@ function exprToIR(source, expr) {
     return [new MapRegion(arrayExpr, itemVar, bodyNodes, keyExpr, indexVar)];
   }
   if (expr.type === "ParenthesizedExpression") return exprToIR(source, expr.expression);
+  if (componentCallInExpression(expr) !== null) return componentCallToIR(source, expr);
+  if (expr?.type === "CallExpression" && currentComponentCallHelpers?.has(expr.callee?.name)) {
+    const helper = currentComponentCallHelpers.get(expr.callee.name);
+    const inlined = helperCallToIR(source, helper, expr.arguments || []);
+    if (inlined !== null) return inlined;
+  }
   if (expr.type === "ConditionalExpression") {
     const condExpr = toExpression(source, expr.test);
     const consequent = exprToIR(source, expr.consequent);
@@ -20899,12 +21467,12 @@ function processJSXElement(source, element) {
   }
   if (!isHTMLTag(tagName) && selfClosing) {
     const { props, spreadProps, slots } = extractProps(source, element);
-    return [new ComponentCall(tagName, props, slots.map((s) => new PropSlot(s.name, s.nodes)), spreadProps, element.start)];
+    return [new ComponentCall(tagName, props, slots.map((s) => new PropSlot(s.name, s.nodes)), spreadProps, element.start, componentValueCallee(tagName))];
   }
   if (!isHTMLTag(tagName)) {
     const { props, spreadProps, slots } = extractProps(source, element);
     const children2 = processJSXChildren(source, element.children || []);
-    return [new ComponentCall(tagName, props, [...children2, ...slots.map((s) => new PropSlot(s.name, s.nodes))], spreadProps, element.start)];
+    return [new ComponentCall(tagName, props, [...children2, ...slots.map((s) => new PropSlot(s.name, s.nodes))], spreadProps, element.start, componentValueCallee(tagName))];
   }
   const attributes = element.openingElement.attributes.filter((attr) => attr.type !== "JSXSpreadAttribute").map((attr) => processAttribute(source, attr));
   const staticAttrs = [];
@@ -21236,7 +21804,7 @@ function validateBlocks(compName, isClient, body, file, source) {
           const { line, column } = offsetToLineCol2(source, pos);
           opts.line = line;
           opts.column = column;
-          opts.code = codeFrame(source, line, column);
+          opts.frame = codeFrame(source, line, column);
         }
         throw VeskError.serverBlockInClient(compName, opts);
       }
@@ -21248,7 +21816,7 @@ function validateBlocks(compName, isClient, body, file, source) {
           const { line, column } = offsetToLineCol2(source, pos);
           opts.line = line;
           opts.column = column;
-          opts.code = codeFrame(source, line, column);
+          opts.frame = codeFrame(source, line, column);
         }
         throw VeskError.clientBlockInServer(compName, opts);
       }
@@ -21317,6 +21885,17 @@ function generateIR(ast, source, filename) {
   const vskNamespaceLocals = collectVskNamespaceLocals(ast);
   const prevNamespaceLocals = currentVskNamespaceLocals;
   const prevSourceFile = currentSourceFile;
+  const fileValueBindings = collectFileValueBindings(ast);
+  currentComponentCallHelpers = collectComponentCallHelpers(source, ast);
+  const prevFileComponentNames = currentFileComponentNames;
+  const prevFileValueBindings = currentFileValueBindings;
+  const prevImportedNames = currentImportedNames;
+  const fileComponentNames = new Set(
+    (ast.body || []).map((n) => n.type === "ExportNamedDeclaration" || n.type === "ExportDefaultDeclaration" ? n.declaration : n).filter((n) => n?.type === "ComponentDeclaration").map((n) => n.id.name)
+  );
+  currentFileComponentNames = fileComponentNames;
+  currentFileValueBindings = fileValueBindings;
+  currentImportedNames = importedNames;
   currentVskNamespaceLocals = vskNamespaceLocals;
   currentSourceFile = file;
   try {
@@ -21422,61 +22001,68 @@ function generateIR(ast, source, filename) {
       }
       const name = inner.id.name;
       const paramNames = getParamNames(inner.params, source);
-      const firstParam = inner.params?.[0];
-      const propsAlias = firstParam && firstParam.type === "Identifier" ? firstParam.name : null;
-      const propsType = getPropsType(inner.params, source);
-      const bodyStmts = inner.body.body;
-      const isClientComp = !!inner.client;
-      const prevSlotProps = __slotProps;
-      __slotProps = slotPropNamesFromType(propsType);
-      __propsParam = propsAlias || null;
-      if (isStatementMode(bodyStmts)) {
-        const raw2 = processStatementModeBody(source, bodyStmts, file);
-        const { body, css } = extractStyle(raw2);
-        validateBlocks(name, isClientComp, body, file, source);
-        const comp = new ComponentIR(name, paramNames, body, { mode: "statement", exported, defaultExport, isClient: inner.client, isAsync: inner.async, ssrAwait: componentUsesFetch(body), propsType, propsAlias });
-        comp.style = css;
-        components.push(comp);
-        __slotProps = prevSlotProps;
-      } else {
-        const guardClauses = [];
-        let mainReturn = null;
-        const preamble = [];
-        for (const stmt of bodyStmts) {
-          if (stmt.type === "VeskBlock") {
-            const innerBody = processStatementModeBody(source, stmt.body, file);
-            if (stmt.tag === "server") {
-              preamble.push(new ServerBlock(innerBody));
-            } else if (stmt.tag === "client") {
-              preamble.push(new ClientBlock(innerBody));
-            }
-          } else if (stmt.type === "ReturnStatement") {
-            mainReturn = stmt;
-          } else if (isTrackDeclaration(stmt)) {
-            const elements = stmt.declarations[0].id.elements;
-            const trackName = elements[0]?.name;
-            const rawName = elements.length > 1 ? elements[1]?.name : null;
-            const init = getSource(source, stmt.declarations[0].init);
-            if (trackName) preamble.push(new TrackDecl(trackName, init, rawName));
-            const refName = getComponentRefName(stmt);
-            if (refName) preamble.push(new ComponentRef(refName));
-          } else if (stmt.type === "IfStatement" && !mainReturn && stmt.consequent.type !== "ThrowStatement") {
-            guardClauses.push(stmt);
-          } else if (stmt.type === "ClassDeclaration") {
-            const { line, column } = offsetToLineCol2(source, stmt.start ?? 0);
-            throw VeskError.classDecl({ file, line, column, code: codeFrame(source, line, column) });
-          } else {
-            const raw2 = getSource(source, stmt);
-            if (raw2) preamble.push(new RuntimeStatement(raw2, stmt, source));
+      const valueNames = collectComponentValueNames(inner);
+      const prevComponentValues = currentComponentValues;
+      currentComponentValues = new Set([...valueNames].filter((n) => !fileComponentNames.has(n)));
+      try {
+        const firstParam = inner.params?.[0];
+        const propsAlias = firstParam && firstParam.type === "Identifier" ? firstParam.name : null;
+        const propsType = getPropsType(inner.params, source);
+        const bodyStmts = inner.body.body;
+        const isClientComp = !!inner.client;
+        const prevSlotProps = __slotProps;
+        __slotProps = slotPropNamesFromType(propsType);
+        __propsParam = propsAlias || null;
+        if (isStatementMode(bodyStmts)) {
+          const raw2 = processStatementModeBody(source, bodyStmts, file);
+          const { body, css } = extractStyle(raw2);
+          validateBlocks(name, isClientComp, body, file, source);
+          const comp = new ComponentIR(name, paramNames, body, { mode: "statement", exported, defaultExport, isClient: inner.client, isAsync: inner.async, ssrAwait: componentUsesFetch(body), propsType, propsAlias });
+          comp.style = css;
+          components.push(comp);
+          __slotProps = prevSlotProps;
+        } else {
+          const guardClauses = [];
+          let mainReturn = null;
+          const preamble = [];
+          for (const stmt of bodyStmts) {
+            if (stmt.type === "VeskBlock") {
+              const innerBody = processStatementModeBody(source, stmt.body, file);
+              if (stmt.tag === "server") {
+                preamble.push(new ServerBlock(innerBody));
+              } else if (stmt.tag === "client") {
+                preamble.push(new ClientBlock(innerBody));
+              }
+            } else if (stmt.type === "ReturnStatement") {
+              mainReturn = stmt;
+            } else if (isTrackDeclaration(stmt)) {
+              const elements = stmt.declarations[0].id.elements;
+              const trackName = elements[0]?.name;
+              const rawName = elements.length > 1 ? elements[1]?.name : null;
+              const init = getSource(source, stmt.declarations[0].init);
+              if (trackName) preamble.push(new TrackDecl(trackName, init, rawName));
+              const refName = getComponentRefName(stmt);
+              if (refName) preamble.push(new ComponentRef(refName));
+            } else if (stmt.type === "IfStatement" && !mainReturn && stmt.consequent.type !== "ThrowStatement") {
+              guardClauses.push(stmt);
+            } else if (stmt.type === "ClassDeclaration") {
+              const { line, column } = offsetToLineCol2(source, stmt.start ?? 0);
+              throw VeskError.classDecl({ file, line, column, code: codeFrame(source, line, column) });
+            } else {
+              const raw2 = getSource(source, stmt);
+              if (raw2) preamble.push(new RuntimeStatement(raw2, stmt, source));
+            }
           }
+          const guardBody = buildGuardChain(source, guardClauses, mainReturn);
+          const { body, css } = extractStyle([...preamble, ...guardBody]);
+          validateBlocks(name, isClientComp, body, file, source);
+          const comp = new ComponentIR(name, paramNames, body, { exported, defaultExport, isClient: inner.client, isAsync: inner.async, ssrAwait: componentUsesFetch(body), propsType, propsAlias });
+          comp.style = css;
+          components.push(comp);
+          __slotProps = prevSlotProps;
         }
-        const guardBody = buildGuardChain(source, guardClauses, mainReturn);
-        const { body, css } = extractStyle([...preamble, ...guardBody]);
-        validateBlocks(name, isClientComp, body, file, source);
-        const comp = new ComponentIR(name, paramNames, body, { exported, defaultExport, isClient: inner.client, isAsync: inner.async, ssrAwait: componentUsesFetch(body), propsType, propsAlias });
-        comp.style = css;
-        components.push(comp);
-        __slotProps = prevSlotProps;
+      } finally {
+        currentComponentValues = prevComponentValues;
       }
     }
     const asyncNames = new Set(components.filter((c) => c.isAsync || c.ssrAwait).map((c) => c.name));
@@ -21573,9 +22159,13 @@ function generateIR(ast, source, filename) {
   } finally {
     currentVskNamespaceLocals = prevNamespaceLocals;
     currentSourceFile = prevSourceFile;
+    currentFileComponentNames = prevFileComponentNames;
+    currentFileValueBindings = prevFileValueBindings;
+    currentImportedNames = prevImportedNames;
+    currentComponentCallHelpers = null;
   }
 }
-var __vskAnnotations, __slotProps, __propsParam, currentVskNamespaceLocals, currentSourceFile;
+var __vskAnnotations, __slotProps, __propsParam, currentVskNamespaceLocals, currentSourceFile, currentComponentValues, currentFileComponentNames, currentFileValueBindings, currentImportedNames, currentComponentCallHelpers;
 var init_ir_generator = __esm({
   "../compiler/src/ir-generator.ts"() {
     "use strict";
@@ -21591,6 +22181,11 @@ var init_ir_generator = __esm({
     __slotProps = null;
     __propsParam = null;
     currentVskNamespaceLocals = null;
+    currentComponentValues = null;
+    currentFileComponentNames = null;
+    currentFileValueBindings = null;
+    currentImportedNames = null;
+    currentComponentCallHelpers = null;
   }
 });
 
@@ -21599,6 +22194,7 @@ var server_utils_exports = {};
 __export(server_utils_exports, {
   CorsResponse: () => CorsResponse,
   DEFAULT_MAX_BODY_BYTES: () => DEFAULT_MAX_BODY_BYTES,
+  VOID_ELEMENTS: () => VOID_ELEMENTS2,
   __vskForceClaim: () => __vskForceClaim,
   __vskHydrate: () => __vskHydrate,
   __vskId: () => __vskId,
@@ -25844,8 +26440,8 @@ function isPublicMarkdownPath(v) {
     const c = s.charCodeAt(i);
     if (c === 63 || c === 35 || c === 92) return false;
   }
-  const lower = s.toLowerCase();
-  return stringEndsWith(lower, ".md") || stringEndsWith(lower, ".markdown");
+  const lower2 = s.toLowerCase();
+  return stringEndsWith(lower2, ".md") || stringEndsWith(lower2, ".markdown");
 }
 function getMdPathCell(path) {
   let cell = mdPathCells.get(path);
@@ -26517,9 +27113,9 @@ function toDomNode(value) {
   }
   if (typeof value !== "string") return value;
   if (value === "") return document.createDocumentFragment();
-  const template = document.createElement("template");
-  template.innerHTML = value;
-  const { content } = template;
+  const template2 = document.createElement("template");
+  template2.innerHTML = value;
+  const { content } = template2;
   if (content.childNodes.length === 1) {
     const only = content.firstChild;
     content.removeChild(only);
@@ -26712,7 +27308,7 @@ function resolveTitle(meta, child) {
 }
 function mergeMetadata(...sources) {
   const out = {};
-  let template;
+  let template2;
   let sawTemplate = false;
   for (const source of sources) {
     if (!source) continue;
@@ -26725,7 +27321,7 @@ function mergeMetadata(...sources) {
       if (key === "title") {
         if (value && typeof value === "object" && value.template) {
           sawTemplate = true;
-          template = value.template || template;
+          template2 = value.template || template2;
         }
         out.title = value;
         continue;
@@ -26737,9 +27333,9 @@ function mergeMetadata(...sources) {
     const own = out.title;
     if (typeof own === "string") out.title = { absolute: own };
     else if (own && typeof own === "object" && own.template) {
-      out.title = { default: own.default, template: own.template || template };
+      out.title = { default: own.default, template: own.template || template2 };
     } else if (own && typeof own === "object") {
-      out.title = { ...own, template };
+      out.title = { ...own, template: template2 };
     }
   }
   return out;
@@ -26825,6 +27421,56 @@ var init_metadata = __esm({
   }
 });
 
+// ../runtime/src/nested-update.ts
+function isObject(value) {
+  return value !== null && typeof value === "object";
+}
+function setIn(value, path, next) {
+  if (path.length === 0) return next;
+  const [key, ...rest] = path;
+  const container = Array.isArray(value) ? value : isObject(value) ? value : null;
+  if (container === null) return value;
+  const current2 = Array.isArray(container) ? container[typeof key === "number" ? key : Number(key)] : container[String(key)];
+  if (rest.length > 0 && current2 === void 0) return value;
+  if (Array.isArray(value)) {
+    const index = typeof key === "number" ? key : Number(key);
+    if (!Number.isInteger(index) || index < 0) return value;
+    const copy2 = value.slice();
+    copy2[index] = rest.length === 0 ? next : setIn(value[index], rest, next);
+    return copy2;
+  }
+  if (!isObject(value)) return value;
+  const copy = { ...value };
+  copy[String(key)] = rest.length === 0 ? next : setIn(value[String(key)], rest, next);
+  return copy;
+}
+function updateIn(value, path, fn) {
+  if (path.length === 0) return fn(value);
+  const [key, ...rest] = path;
+  const child = getIn(value, [key]);
+  const next = rest.length === 0 ? fn(child) : updateIn(child, rest, fn);
+  return setIn(value, [key], next);
+}
+function getIn(value, path) {
+  let current2 = value;
+  for (const key of path) {
+    if (Array.isArray(current2)) {
+      const index = typeof key === "number" ? key : Number(key);
+      if (!Number.isInteger(index)) return void 0;
+      current2 = current2[index];
+      continue;
+    }
+    if (!isObject(current2)) return void 0;
+    current2 = current2[String(key)];
+  }
+  return current2;
+}
+var init_nested_update = __esm({
+  "../runtime/src/nested-update.ts"() {
+    "use strict";
+  }
+});
+
 // ../runtime/src/index-server.ts
 var index_server_exports = {};
 __export(index_server_exports, {
@@ -26897,6 +27543,7 @@ __export(index_server_exports, {
   get: () => get,
   getAction: () => getAction,
   getActiveComponent: () => getActiveComponent,
+  getIn: () => getIn,
   getLoadingError: () => getLoadingError,
   getLoadingProgress: () => getLoadingProgress,
   getServerContext: () => getServerContext,
@@ -26950,6 +27597,7 @@ __export(index_server_exports, {
   server_locals: () => server_locals,
   set: () => set,
   setActiveComponent: () => setActiveComponent,
+  setIn: () => setIn,
   setServerContext: () => setServerContext,
   setSignedCookie: () => setSignedCookie2,
   setSsrData: () => setSsrData,
@@ -26964,6 +27612,7 @@ __export(index_server_exports, {
   unlink_block: () => unlink_block,
   unsignCookie: () => unsignCookie2,
   untrack: () => untrack2,
+  updateIn: () => updateIn,
   useBody: () => useBody,
   useFetch: () => useFetch,
   useLoadingIndicator: () => useLoadingIndicator,
@@ -27002,6 +27651,7 @@ var init_index_server = __esm({
     init_loading_indicator();
     init_action();
     init_metadata();
+    init_nested_update();
   }
 });
 
@@ -29243,8 +29893,8 @@ function looksLikeMarkdownPath(value) {
   const v = value.trim();
   if (v.length === 0 || v.length > 4096) return false;
   if (v.includes("\n") || v.includes("\r")) return false;
-  const lower = v.toLowerCase();
-  return lower.endsWith(MD_EXT_MARKER) || lower.endsWith(".markdown");
+  const lower2 = v.toLowerCase();
+  return lower2.endsWith(MD_EXT_MARKER) || lower2.endsWith(".markdown");
 }
 function isRelativeSpecifier(v) {
   return v.startsWith("./") || v.startsWith("../");
@@ -31817,7 +32467,202 @@ var init_server_head = __esm({
   }
 });
 
+// ../compiler/src/server-jsx-lowering.ts
+function containsJsx2(node, depth = 0) {
+  if (!node || typeof node !== "object" || depth > 40) return false;
+  if (Array.isArray(node)) {
+    for (const item of node) if (containsJsx2(item, depth + 1)) return true;
+    return false;
+  }
+  const type = node.type;
+  if (type === "JSXElement" || type === "JSXFragment") return true;
+  for (const key of Object.keys(node)) {
+    const value = node[key];
+    if (value && typeof value === "object" && containsJsx2(value, depth + 1)) return true;
+  }
+  return false;
+}
+function normalizeJsxText(value) {
+  const lines = value.split(/\r\n|\n|\r/);
+  let lastNonEmpty = -1;
+  for (let i = 0; i < lines.length; i++) {
+    if (/[^ \t]/.test(lines[i])) lastNonEmpty = i;
+  }
+  let out = "";
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i].replace(/\t/g, " ");
+    if (i !== 0) line = line.replace(/^ +/, "");
+    if (i !== lines.length - 1) line = line.replace(/ +$/, "");
+    if (line) {
+      if (i !== lastNonEmpty) line += " ";
+      out += line;
+    }
+  }
+  return out;
+}
+function lower(node, ctx2) {
+  if (Array.isArray(node)) return node.map((n2) => lower(n2, ctx2));
+  if (!node || typeof node !== "object") return node;
+  const n = node;
+  if (n.type === "JSXElement") {
+    const opening = n.openingElement;
+    const name = jsxTagName(opening.name);
+    const attrs = lowerAttributes(opening.attributes, ctx2);
+    const children = lowerChildren(n.children, ctx2);
+    const statics = [`<${name}`, ...attrs.statics.slice(1)];
+    statics[statics.length - 1] += ">";
+    const quasis = [...statics, `</${name}>`];
+    const expressions = [...attrs.exprs, ...children];
+    return template(quasis, expressions);
+  }
+  if (n.type === "JSXFragment") {
+    return template(["", ""], lowerChildren(n.children, ctx2));
+  }
+  const out = {};
+  for (const key of Object.keys(n)) {
+    if (key === "type" || key === "start" || key === "end" || key === "loc" || key === "range") {
+      out[key] = n[key];
+      continue;
+    }
+    const value = n[key];
+    out[key] = value && typeof value === "object" ? lower(value, ctx2) : value;
+  }
+  return out;
+}
+function jsxTagName(nameNode) {
+  const n = nameNode;
+  if (!n) return "div";
+  if (n.type === "JSXIdentifier") return String(n.name);
+  if (n.type === "JSXMemberExpression") {
+    const object = jsxTagName(n.object);
+    const property = n.property;
+    return `${object}.${String(property?.name)}`;
+  }
+  if (n.type === "JSXNamespacedName") {
+    const ns = n.namespace;
+    const name = n.name;
+    return `${String(ns?.name)}:${String(name?.name)}`;
+  }
+  return "div";
+}
+function lowerAttributes(attrs, ctx2) {
+  const statics = [""];
+  const exprs = [];
+  const push = (text, expr) => {
+    if (expr === void 0) {
+      statics[statics.length - 1] += text;
+      return;
+    }
+    statics[statics.length - 1] += text;
+    statics.push("");
+    exprs.push(expr);
+  };
+  for (const attr of attrs || []) {
+    const a = attr;
+    if (a.type === "JSXSpreadAttribute") {
+      console.error("[vesk] a spread attribute in a JSX expression is not supported yet (dropped):", String(a.argument ?? "").slice(0, 60));
+      continue;
+    }
+    const name = jsxAttrName(a.name);
+    const value = a.value;
+    if (value === null || value === void 0) {
+      push(` ${name}`);
+      continue;
+    }
+    if (value.type === "StringLiteral") {
+      push(` ${name}="${escapeAttrText(String(value.value))}"`);
+      continue;
+    }
+    if (value.type === "JSXExpressionContainer") {
+      const inner = value.expression;
+      if (!inner || inner.type === "JSXEmptyExpression") {
+        push(` ${name}="true"`);
+        continue;
+      }
+      push(` ${name}="`, callNode(ATTR, [literal3(name), coerceString(lower(inner, ctx2))]));
+      push('"');
+      continue;
+    }
+    push(` ${name}="`, callNode(ATTR, [literal3(name), coerceString(lower(value, ctx2))]));
+    push('"');
+  }
+  return { statics, exprs };
+}
+function jsxAttrName(nameNode) {
+  const n = nameNode;
+  if (!n) return "data";
+  if (n.type === "JSXIdentifier") return String(n.name);
+  return jsxTagName(n);
+}
+function lowerChildren(children, ctx2) {
+  const out = [];
+  for (const child of children || []) {
+    const c = child;
+    if (c.type === "JSXText") {
+      const text = normalizeJsxText(String(c.value ?? ""));
+      if (text) out.push(literal3(text));
+      continue;
+    }
+    if (c.type === "JSXExpressionContainer") {
+      const inner = c.expression;
+      if (!inner || inner.type === "JSXEmptyExpression") continue;
+      const lowered2 = lower(inner, ctx2);
+      out.push(coerceString(lowered2));
+      continue;
+    }
+    const lowered = lower(c, ctx2);
+    out.push(coerceString(lowered));
+  }
+  return out;
+}
+function coerceString(node) {
+  if (!node || typeof node !== "object") return callNode(ESCAPE, [literal3(String(node))]);
+  const n = node;
+  if (n.type === "TemplateLiteral") return n;
+  if (n.type === "Literal" || n.type === "StringLiteral") return callNode(ESCAPE, [node]);
+  return callNode(ESCAPE, [callNode("String", [node])]);
+}
+function template(statics, expressions) {
+  const quasis = statics.map((raw2, i) => ({
+    type: "TemplateElement",
+    value: { raw: raw2 },
+    tail: i === statics.length - 1
+  }));
+  return { type: "TemplateLiteral", quasis, expressions };
+}
+function literal3(value) {
+  return { type: "Literal", value };
+}
+function callNode(callee, args2) {
+  return {
+    type: "CallExpression",
+    callee: { type: "Identifier", name: callee },
+    arguments: args2,
+    optional: false
+  };
+}
+function escapeAttrText(value) {
+  return value.split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split('"').join("&quot;");
+}
+function lowerJsxInExpression(ast) {
+  if (!containsJsx2(ast)) return ast;
+  return lower(ast, { track: false });
+}
+var ESCAPE, ATTR;
+var init_server_jsx_lowering = __esm({
+  "../compiler/src/server-jsx-lowering.ts"() {
+    "use strict";
+    ESCAPE = "__escape";
+    ATTR = "__attr";
+  }
+});
+
 // ../compiler/src/server-jsgen.ts
+import { print as print6 } from "esrap";
+import tsPrinter from "esrap/languages/ts";
+function printLoweredTs(ast) {
+  return print6(ast, tsPrinter()).code;
+}
 function sanitizeMarkerName(name) {
   return String(name).split("--").join("-").split("<").join("").split(">").join("");
 }
@@ -31826,7 +32671,7 @@ function componentMarker(compName) {
 }
 function irNodeToJS(node, importedNames, isAsync = false, tracked2) {
   importedNames = importedNames || __vskImportedNames;
-  if (node instanceof StaticNode) return staticNodeToJS(node, isAsync, tracked2);
+  if (node instanceof StaticNode) return staticNodeToJS(node, isAsync, tracked2, __inForeignContent);
   if (node instanceof TextNode) {
     if (!node.value) return "";
     return `__out.push(${JSON.stringify(escapeHtml(node.value))});`;
@@ -31868,7 +32713,19 @@ function irNodeToJS(node, importedNames, isAsync = false, tracked2) {
       `})();`
     ].join("\n");
   }
-  if (node instanceof RuntimeStatement) return semicolonizeStatement(transformTracked(node, tracked2 || /* @__PURE__ */ new Map()));
+  if (node instanceof RuntimeStatement) {
+    const stmt = node;
+    const lowered = stmt.ast ? lowerJsxInExpression(stmt.ast) : null;
+    if (lowered && lowered !== stmt.ast && (tracked2?.size ?? 0) === 0) {
+      return semicolonizeStatement(printLoweredTs(lowered));
+    }
+    if (lowered && lowered !== stmt.ast) {
+      return semicolonizeStatement(
+        transformTracked({ ...node, ast: lowered }, tracked2 || /* @__PURE__ */ new Map())
+      );
+    }
+    return semicolonizeStatement(transformTracked(node, tracked2 || /* @__PURE__ */ new Map()));
+  }
   if (node instanceof SlotNode) {
     if (__vskMarkerless) return `__out.push(props.children || '');`;
     const sid = `s${nextVskId()}`;
@@ -31885,9 +32742,14 @@ function isEvent(target) {
   return !!target && target.startsWith("on") && target.length > 2;
 }
 function exprJSX(node, tracked2) {
-  return exprJS(transformTracked(node, tracked2 || /* @__PURE__ */ new Map()));
+  const lowered = node.ast ? lowerJsxInExpression(node.ast) : null;
+  const didLower = lowered !== node.ast;
+  if (didLower && (tracked2?.size ?? 0) === 0) {
+    return exprJS(printLoweredTs(lowered));
+  }
+  return exprJS(transformTracked({ ...node, ast: lowered }, tracked2 || /* @__PURE__ */ new Map()));
 }
-function staticNodeToJS(node, isAsync = false, tracked2) {
+function staticNodeToJS(node, isAsync = false, tracked2, inForeign = false) {
   const lines = [];
   const dynAttrTargets = /* @__PURE__ */ new Set();
   for (const child of node.children) {
@@ -31913,17 +32775,19 @@ function staticNodeToJS(node, isAsync = false, tracked2) {
     }
   }
   if (node.selfClosing) {
-    let tag = openTag + " />";
+    const voidOrForeign = VOID_ELEMENTS2.has(node.tag) || inForeign;
+    const tail = voidOrForeign ? " />" : `></${node.tag}>`;
     if (hasDynamicAttrs) {
-      let expr = JSON.stringify(tag);
+      let expr = JSON.stringify(openTag);
       for (const child of node.children) {
         if (child instanceof DynamicBinding && child.kind === "attribute" && child.target !== "ref" && !isEvent(child.target)) {
           expr += ` + __attr(${JSON.stringify(child.target)}, ${exprJSX(child.expression, tracked2)})`;
         }
       }
+      expr += ` + ${JSON.stringify(tail)}`;
       lines.push(`__out.push(${expr});`);
     } else {
-      lines.push(`__out.push(${JSON.stringify(tag)});`);
+      lines.push(`__out.push(${JSON.stringify(openTag + tail)});`);
     }
     return lines.join("\n");
   }
@@ -31942,10 +32806,13 @@ function staticNodeToJS(node, isAsync = false, tracked2) {
   } else {
     lines.push(`__out.push(${JSON.stringify(openTag + ">")});`);
   }
+  const prevForeign = __inForeignContent;
+  if (FOREIGN_ROOTS.has(node.tag)) __inForeignContent = true;
   for (const child of childNodes) {
     const code = irNodeToJS(child, null, isAsync, tracked2);
     if (code) lines.push(code);
   }
+  __inForeignContent = prevForeign;
   lines.push(`__out.push(${JSON.stringify("</" + node.tag + ">")});`);
   return lines.join("\n");
 }
@@ -32033,13 +32900,13 @@ function mapRegionToJS(node, isAsync = false, tracked2) {
 }
 function keyedItemTemplate(node) {
   if (!node.keyExpr) return node.bodyTemplate;
-  const template = node.bodyTemplate;
-  const idx = template.findIndex((n) => n instanceof StaticNode);
-  if (idx === -1) return template;
-  const root3 = template[idx];
+  const template2 = node.bodyTemplate;
+  const idx = template2.findIndex((n) => n instanceof StaticNode);
+  if (idx === -1) return template2;
+  const root3 = template2[idx];
   const copy = new StaticNode(root3.tag, root3.attributes, [...root3.children, new DynamicBinding(node.keyExpr, "attribute", "data-vsk-key")], root3.keyExpr);
   copy.selfClosing = root3.selfClosing;
-  const out = template.slice();
+  const out = template2.slice();
   out[idx] = copy;
   return out;
 }
@@ -32151,18 +33018,24 @@ function componentCallToJS(node, importedNames, isAsync = false, tracked2) {
     }
   }
   if (regularChildren.length > 0) {
-    const childLines = [];
-    for (const child of regularChildren) {
-      const code = irNodeToJS(child, importedNames, isAsync, tracked2);
-      if (code) childLines.push(code);
-    }
-    if (childLines.length > 0) {
-      const childrenVar = `__ch${nextVskId()}`;
-      propsEntries.push(`children: ${childrenVar}`);
-      lines.push(`const ${childrenVar} = ${isAsync ? "await (async " : "("}() => {`);
-      lines.push(`const __out = [];`);
-      lines.push(indent(childLines.join("\n")));
-      lines.push(`return __out.join(''); })();`);
+    const fnType = regularChildren.length === 1 && regularChildren[0] instanceof DynamicBinding && regularChildren[0].kind === "text" ? regularChildren[0].expression.ast?.type : null;
+    const isFnChild = fnType === "ArrowFunctionExpression" || fnType === "FunctionExpression" || fnType === "Identifier" || fnType === "MemberExpression";
+    if (isFnChild) {
+      propsEntries.push(`children: ${exprJSX(regularChildren[0].expression, tracked2)}`);
+    } else {
+      const childLines = [];
+      for (const child of regularChildren) {
+        const code = irNodeToJS(child, importedNames, isAsync, tracked2);
+        if (code) childLines.push(code);
+      }
+      if (childLines.length > 0) {
+        const childrenVar = `__ch${nextVskId()}`;
+        propsEntries.push(`children: ${childrenVar}`);
+        lines.push(`const ${childrenVar} = ${isAsync ? "await (async " : "("}() => {`);
+        lines.push(`const __out = [];`);
+        lines.push(indent(childLines.join("\n")));
+        lines.push(`return __out.join(''); })();`);
+      }
     }
   }
   const propsObj = `{ ${propsEntries.join(", ")} }`;
@@ -32179,9 +33052,9 @@ function componentCallToJS(node, importedNames, isAsync = false, tracked2) {
   }
   const callExpr3 = `${awaitKw}${calleeVar}(${propsObj}, __registry, (${calleeVar}.__veskScope || __vesk))`;
   if (__vskHydrate && !__vskMarkerless) {
-    lines.push(`__out.push(${JSON.stringify(componentMarker(compName))} + (${callExpr3} || ''));`);
+    lines.push(`__out.push(${JSON.stringify(componentMarker(compName))} + __flat(${callExpr3}));`);
   } else {
-    lines.push(`__out.push(${callExpr3} || '');`);
+    lines.push(`__out.push(__flat(${callExpr3}));`);
   }
   return lines.join("\n");
 }
@@ -32199,6 +33072,7 @@ function generateFunctionBody(comp, importedNames) {
   lines.push(`const __styleText = (v) => { if (typeof v === 'string') return v; if (v && typeof v === 'object') { let s = ''; for (const k in v) { const x = v[k]; if (x == null || x === false) continue; s += k.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()) + ':' + x + ';'; } return s; } return String(v); };`);
   lines.push(`const __attr = (n, v) => (v == null || v === false) ? '' : ' ' + n + '="' + __escape(n === 'style' ? __styleText(v) : String(v)) + '"';`);
   lines.push(`const raw = (s) => s == null ? '' : String(s);`);
+  lines.push(`const __flat = (v) => Array.isArray(v) ? v.join('') : (v == null ? '' : String(v));`);
   lines.push(`const __tk = globalThis.__vsk_ssr_token || '';`);
   if (asyncMode) {
     lines.push(`const __pk = __tk ? '__vsk_ssr_promises_' + __tk : '__vsk_ssr_promises';`);
@@ -32235,6 +33109,64 @@ function generateFunctionBody(comp, importedNames) {
   __currentCompName = "";
   return lines.join("\n");
 }
+function bodyNeedsRuntimeCells(nodes) {
+  for (const node of nodes) {
+    if (node instanceof TrackDecl) return true;
+    if (node instanceof RuntimeStatement && callsIdentifier(node.raw, "track")) return true;
+    if (node instanceof Expression && callsIdentifier(node.raw, "track")) return true;
+    if (node instanceof ForLoop) {
+      if (callsIdentifier(node.init, "track")) return true;
+      if (callsIdentifier(node.update, "track")) return true;
+      if (callsIdentifier(node.condition.raw, "track")) return true;
+      if (bodyNeedsRuntimeCells(node.bodyTemplate)) return true;
+    }
+    if (node instanceof StaticNode) {
+      for (const attr of node.attributes) {
+        if (callsIdentifier(attr.value, "track")) return true;
+      }
+      if (bodyNeedsRuntimeCells(node.children)) return true;
+    }
+    if (node instanceof ComponentCall) {
+      for (const prop of node.props) {
+        if (callsIdentifier(prop.value.raw, "track")) return true;
+      }
+      for (const spread of node.spreadProps) {
+        if (callsIdentifier(spread.raw, "track")) return true;
+      }
+      if (bodyNeedsRuntimeCells(node.children)) return true;
+    }
+    if (node instanceof ServerBlock || node instanceof ClientBlock || node instanceof HeadBlock) {
+      if (bodyNeedsRuntimeCells(node.children)) return true;
+    }
+    if (node instanceof PropSlot && bodyNeedsRuntimeCells(node.body)) return true;
+    if (node instanceof MapRegion) {
+      if (callsIdentifier(node.expression.raw, "track")) return true;
+      if (bodyNeedsRuntimeCells(node.bodyTemplate)) return true;
+      if (bodyNeedsRuntimeCells(node.alternateNodes)) return true;
+    }
+    if (node instanceof OpaqueDynamicRegion) {
+      if (callsIdentifier(node.condition.raw, "track")) return true;
+      if (bodyNeedsRuntimeCells(node.consequentNodes)) return true;
+      if (bodyNeedsRuntimeCells(node.alternateNodes)) return true;
+    }
+    if (node instanceof WhileLoop) {
+      if (callsIdentifier(node.condition.raw, "track")) return true;
+      if (bodyNeedsRuntimeCells(node.bodyTemplate)) return true;
+    }
+    if (node instanceof SwitchBlock) {
+      if (callsIdentifier(node.discriminant.raw, "track")) return true;
+      for (const c of node.cases) {
+        if (c.test && callsIdentifier(c.test.raw, "track")) return true;
+        if (bodyNeedsRuntimeCells(c.body)) return true;
+      }
+    }
+    if (node instanceof TryCatch) {
+      if (bodyNeedsRuntimeCells(node.bodyTemplate)) return true;
+      if (bodyNeedsRuntimeCells(node.catchBody)) return true;
+    }
+  }
+  return false;
+}
 function buildComponentEntries(irRoot) {
   const runtimeNames = extractRuntimeNames(irRoot.imports);
   const localValueNames = localValueImportNames(irRoot.imports);
@@ -32242,7 +33174,7 @@ function buildComponentEntries(irRoot) {
   const componentNames = new Set(irRoot.components.map((c) => c.name));
   const topValueNames = topNames.filter((n) => !componentNames.has(n));
   const importedNames = /* @__PURE__ */ new Set([...runtimeNames, ...localValueNames, ...topValueNames]);
-  const hasTracked = irRoot.components.some((c) => c.body.some((n) => n instanceof TrackDecl));
+  const hasTracked = irRoot.components.some((c) => bodyNeedsRuntimeCells(c.body));
   const extraNames = hasTracked ? ["get", "set", "track"] : [];
   const vskValueNames = vskImportValueNames(irRoot.imports);
   const allNames = [.../* @__PURE__ */ new Set([...runtimeNames, ...topNames, ...extraNames, ...localValueNames, ...vskValueNames])];
@@ -32277,7 +33209,7 @@ ${entry.source}
   }
   return map;
 }
-var __currentCompName;
+var __currentCompName, __inForeignContent, FOREIGN_ROOTS;
 var init_server_jsgen = __esm({
   "../compiler/src/server-jsgen.ts"() {
     "use strict";
@@ -32286,8 +33218,11 @@ var init_server_jsgen = __esm({
     init_scan();
     init_server_utils();
     init_module_imports();
+    init_server_jsx_lowering();
     init_vsk_imports();
     __currentCompName = "";
+    __inForeignContent = false;
+    FOREIGN_ROOTS = /* @__PURE__ */ new Set(["svg", "math"]);
   }
 });
 
@@ -33050,8 +33985,8 @@ function installMdReadHook(publicDirs) {
         while (rel.length > 0 && rel.charCodeAt(0) === 47) rel = rel.slice(1);
         const abs = resolveWithin(dir, rel);
         if (!abs) continue;
-        const lower = abs.toLowerCase();
-        if (!lower.endsWith(".md") && !lower.endsWith(".markdown")) continue;
+        const lower2 = abs.toLowerCase();
+        if (!lower2.endsWith(".md") && !lower2.endsWith(".markdown")) continue;
         if (existsSync12(abs) && statSync4(abs).isFile()) return readFileSync12(abs, "utf8");
       } catch {
       }
@@ -37478,8 +38413,8 @@ function isPublicMarkdownPath2(v) {
     if (c === 63 || c === 35 || c === 92)
       return false;
   }
-  const lower = s.toLowerCase();
-  return stringEndsWith2(lower, ".md") || stringEndsWith2(lower, ".markdown");
+  const lower2 = s.toLowerCase();
+  return stringEndsWith2(lower2, ".md") || stringEndsWith2(lower2, ".markdown");
 }
 function getMdPathCell2(path) {
   let cell = mdPathCells2.get(path);
@@ -38219,7 +39154,10 @@ var init_errors2 = __esm({
       suggestions;
       nextSteps;
       tip;
+      /** The V-diagnostic code, e.g. `V0501`. */
       code;
+      /** The rendered code frame. Used to be written into `code`, which silently replaced the V-code. */
+      frame;
       constructor(message, opts = {}) {
         super(message);
         this.name = "VeskError";
@@ -38229,8 +39167,10 @@ var init_errors2 = __esm({
         this.suggestions = opts.suggestions || [];
         this.nextSteps = opts.nextSteps || [];
         this.tip = opts.tip || "";
-        if (opts.code !== void 0)
+        if (opts.code !== void 0 && !opts.code.includes("\n"))
           this.code = opts.code;
+        if (opts.frame !== void 0)
+          this.frame = opts.frame;
       }
       static notFound(name, candidates = [], context = {}) {
         const allCandidates = [.../* @__PURE__ */ new Set([...candidates, ...VESK_BUILTINS2])];
@@ -38268,6 +39208,39 @@ var init_errors2 = __esm({
        * - `value` — `ns.max` read as a value. Component tags resolve; plain value
        *   reads do not, because nothing binds `ns` at runtime.
        */
+      /**
+       * An imported `.ts`/`.js` module could not be parsed.
+       *
+       * This used to be silent, and that is the whole point of the diagnostic. A
+       * parse failure meant the module's RAW, untranspiled source was substituted,
+       * so TypeScript syntax reached `new Function` and the module blew up much
+       * later with a bare `Unexpected token ':'` — attributed to no file, at a
+       * point in the build far from the code that caused it. It also poisoned the
+       * whole shared module graph: one unparseable module left its exports
+       * undefined, so unrelated consumers failed with `X is not iterable`.
+       *
+       * Two real constructs hit this: a parameter annotation that survived the
+       * stripper only when the parameter also had a default value, and a generic
+       * arrow's type parameter list, which the JSX tokenizer cannot read at all.
+       * Both are fixed; this error exists so the NEXT such gap is reported at the
+       * right file with the right line instead of surfacing three modules later.
+       */
+      static moduleParseFailed(context = {}) {
+        return new _VeskError(`Could not parse an imported module${context.reason ? `: ${context.reason}` : "."}`, {
+          ...context,
+          code: context.code || "V0901",
+          suggestions: [
+            "Check the line the ^ marker points at \u2014 it is the construct the parser stopped on.",
+            "If it is TypeScript syntax the stripper does not handle, simplifying it here fixes every module that imports this file.",
+            "This is a bug in the compiler, not in your code, if the construct is ordinary TypeScript \u2014 please report it with the source line."
+          ],
+          nextSteps: [
+            "A module that fails to parse is substituted with its raw source, so every type annotation it contains becomes a runtime SyntaxError.",
+            "The failure is reported here, at the offending file and line, rather than as an `Unexpected token` in whichever module happened to import it."
+          ],
+          tip: "Ordinary TypeScript should parse; if this fires on valid TS, the parser is missing a construct."
+        });
+      }
       static vskNamespaceMember(context = {}) {
         const nested = context.form === "nested";
         return new _VeskError(nested ? "A `.vsk` namespace is flat, so `<ns.Sub.Icon />` cannot be resolved." : "A `.vsk` namespace resolves component tags only, so `ns.value` is not available.", {
@@ -38303,6 +39276,75 @@ var init_errors2 = __esm({
           tip: "Use plain objects for data and factory functions for constructors inside .vsk files."
         });
       }
+      /**
+       * A browser-only global used in code the SERVER evaluates.
+       *
+       * On the server these are either absent (`window is not defined`) or, worse,
+       * silently present-but-wrong (`navigator` exists in modern Node, so
+       * `navigator.onLine` is `undefined` and a page renders as if it were offline).
+       * A raw `ReferenceError` at request time is the worst possible report: it
+       * names neither the component nor the fix. This points at the line.
+       */
+      static ssrUnsafeGlobal(name, context = {}) {
+        return new _VeskError(`\`${name}\` is browser-only, and this component body runs during SSR.`, {
+          ...context,
+          code: context.code || "V0501",
+          suggestions: [
+            `Wrap the part that needs the DOM in a {#client} block.`,
+            `Move the code into an event handler \u2014 handlers never run on the server.`,
+            `Do the setup in on_destroy(), which the compiler only emits on the client.`
+          ],
+          nextSteps: [
+            `component ${context.inComponent ?? "this component"}: wrap the \`${name}\` access in {#client}...{/client}.`,
+            `Or guard it: if (typeof ${name} !== 'undefined') { ... }`
+          ],
+          tip: "SSR renders this component before the client exists. Reading a browser global here either throws during the request or (for `navigator`) silently returns undefined."
+        });
+      }
+      /**
+       * The second name from `track()` called as a function.
+       *
+       * `const &[count, setCount] = track(0)` returns a CELL, not a setter function, so
+       * `setCount(1)` throws `setCount is not a function` from generated code with
+       * no line of user code in the message. The cell is the writer: `.set(v)`.
+       */
+      static cellCalledAsFunction(name, context = {}) {
+        return new _VeskError(`\`${name}\` is a cell, not a function \u2014 cells are written with \`.set()\`.`, {
+          ...context,
+          code: context.code || "V0502",
+          suggestions: [
+            `Use \`${name}.set(...)\` instead of \`${name}(...)\`.`,
+            `Or use the tracked spelling inside an event handler: set(${context.value ?? "value"}, ...)`
+          ],
+          nextSteps: [
+            `const &[${context.value ?? "value"}, ${name}] = track(0) \u2192 \`${name}.set(v)\``,
+            "The value read in markup is the first name; the second is the cell object."
+          ],
+          tip: `\`track()\` returns [value, cell]. \`${name}\` is the cell half.`
+        });
+      }
+      /**
+       * `set(value, …)` used outside a rewritten expression.
+       *
+       * The compiler rewrites `set(count, v)` to `countCell.set(v)` inside JSX and
+       * event handlers — but a bare statement in the component body is NOT
+       * rewritten, so the runtime `set` receives the value and throws
+       * "Cannot read properties of undefined". Pass the CELL, not the value.
+       */
+      static setWithValueName(name, context = {}) {
+        return new _VeskError(`\`set(${name}, \u2026)\` needs the CELL, and \`${name}\` is the value half of track().`, {
+          ...context,
+          code: context.code || "V0503",
+          suggestions: [
+            `Use \`set(${context.cell ?? "cell"}, \u2026)\` or \`${context.cell ?? "cell"}.set(\u2026)\`.`,
+            `Or move the set() into an event handler, where the compiler rewrites it for you.`
+          ],
+          nextSteps: [
+            `const &[${name}, ${context.cell ?? "cell"}] = track(0) \u2192 \`${context.cell ?? "cell"}.set(v)\``
+          ],
+          tip: "set(cell, value) is only rewritten inside JSX and handlers; in a body statement it reaches the runtime untouched."
+        });
+      }
       static serverBlockInClient(compName, context = {}) {
         return new _VeskError(`{#server} block found in client island "${compName}". Client islands render on both server and client, so {#server} blocks have no effect.`, {
           ...context,
@@ -45705,12 +46747,182 @@ function preprocessForClauses2(source) {
   }
   return { code: chars.join(""), annotations };
 }
+function blankGenericArrowTypeParams2(source) {
+  let changed = false;
+  const chars = source.split("");
+  let i = 0;
+  const isSpace = (ch) => isSpaceChar2(ch);
+  while (i < source.length) {
+    const ch = source[i];
+    if (ch === '"' || ch === "'" || ch === "`") {
+      const quote = ch;
+      let j2 = i + 1;
+      while (j2 < source.length) {
+        if (source[j2] === "\\") {
+          j2 += 2;
+          continue;
+        }
+        if (source[j2] === quote) {
+          j2++;
+          break;
+        }
+        if (quote === "`" && source[j2] === "$" && source[j2 + 1] === "{") {
+          let depth = 1;
+          j2 += 2;
+          while (j2 < source.length && depth > 0) {
+            if (source[j2] === "{")
+              depth++;
+            else if (source[j2] === "}")
+              depth--;
+            j2++;
+          }
+          continue;
+        }
+        j2++;
+      }
+      i = j2;
+      continue;
+    }
+    if (ch === "/" && source[i + 1] === "/") {
+      while (i < source.length && source[i] !== "\n")
+        i++;
+      continue;
+    }
+    if (ch === "/" && source[i + 1] === "*") {
+      i += 2;
+      while (i < source.length && !(source[i] === "*" && source[i + 1] === "/"))
+        i++;
+      i += 2;
+      continue;
+    }
+    if (ch !== "<") {
+      i++;
+      continue;
+    }
+    let j = i + 1;
+    let angle = 1;
+    let end = -1;
+    let bail = false;
+    while (j < source.length) {
+      const c = source[j];
+      if (c === "<") {
+        angle++;
+        j++;
+        continue;
+      }
+      if (c === ">") {
+        angle--;
+        j++;
+        if (angle === 0) {
+          end = j;
+          break;
+        }
+        continue;
+      }
+      if (c === "(" || c === "[" || c === "{") {
+        const close = c === "(" ? ")" : c === "[" ? "]" : "}";
+        let depth = 0;
+        while (j < source.length) {
+          const d = source[j];
+          if (d === c)
+            depth++;
+          else if (d === close) {
+            depth--;
+            if (depth === 0) {
+              j++;
+              break;
+            }
+          }
+          j++;
+        }
+        continue;
+      }
+      if (c === ";" || c === "\n") {
+        bail = true;
+        break;
+      }
+      j++;
+    }
+    if (bail || end < 0) {
+      i++;
+      continue;
+    }
+    if (!isArrowParameterList2(source, end)) {
+      i = end;
+      continue;
+    }
+    for (let p = i; p < end; p++) {
+      if (chars[p] !== "\n")
+        chars[p] = " ";
+    }
+    changed = true;
+    i = end;
+  }
+  return changed ? chars.join("") : source;
+}
+function isArrowParameterList2(source, from) {
+  let i = from;
+  while (i < source.length && isSpaceChar2(source[i]))
+    i++;
+  if (source[i] !== "(")
+    return false;
+  let depth = 0;
+  while (i < source.length) {
+    const ch = source[i];
+    if (ch === "(" || ch === "[" || ch === "{") {
+      depth++;
+      i++;
+      continue;
+    }
+    if (ch === ")" || ch === "]" || ch === "}") {
+      depth--;
+      i++;
+      if (depth === 0)
+        break;
+      continue;
+    }
+    i++;
+  }
+  if (depth !== 0)
+    return false;
+  while (i < source.length && isSpaceChar2(source[i]))
+    i++;
+  if (source[i] === ":") {
+    i++;
+    let tdepth = 0;
+    while (i < source.length) {
+      const ch = source[i];
+      if (ch === "(" || ch === "[" || ch === "{") {
+        tdepth++;
+        i++;
+        continue;
+      }
+      if (ch === ")" || ch === "]" || ch === "}") {
+        if (tdepth === 0)
+          return false;
+        tdepth--;
+        i++;
+        continue;
+      }
+      if (tdepth === 0 && ch === "=" && source[i + 1] === ">")
+        return true;
+      if (tdepth === 0 && (ch === ";" || ch === "\n"))
+        return false;
+      i++;
+    }
+    return false;
+  }
+  return source[i] === "=" && source[i + 1] === ">";
+}
+function isSpaceChar2(ch) {
+  return ch === " " || ch === "	" || ch === "\n" || ch === "\r" || ch === "\f" || ch === "\v";
+}
 function createBaseParser2() {
   return Parser.extend(tsPlugin2({}), VeskParserPlugin());
 }
 function parse5(source, options = {}) {
   const ParserClass = createBaseParser2();
-  const { code, annotations } = preprocessForClauses2(blankComments(source));
+  const { code, annotations } = preprocessForClauses2(blankGenericArrowTypeParams2(blankComments(source)));
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
   const specifierExports = vskSource ? findSpecifierExports(code).filter((e) => !hasTopLevelValueDeclaration(code, e.local)) : [];
   let parseable = code;
@@ -48655,12 +49867,26 @@ ${entry.code}
             write: false,
             logLevel: "silent",
             loader: { ".js": "tsx" },
+            // Bundled dependencies (lucide-vesk above all) carry a license
+            // banner per module, and a barrel import pulls in hundreds of
+            // them. Those banners were ~339 KB of a 350 KB chunk, which is
+            // what kept a barrel import from being usable at all. Attribution
+            // for a dependency stays in its own package; shipping every
+            // module's header inside our own chunk adds nothing.
+            legalComments: "none",
             ...appTsconfig ? { tsconfig: appTsconfig } : {}
           });
           finalCode = result.outputFiles[0].text;
         } catch (e) {
           const err = e;
-          console.error("[vesk] chunk bundle failed", entry.name, err?.errors?.map((x) => x.text).join(" | ") || err?.message || String(e));
+          const detail = err?.errors?.map((x) => {
+            const at2 = x.location?.file ? ` (${x.location.file}${x.location.line ? `:${x.location.line}` : ""})` : "";
+            return x.text + at2;
+          }).join(" | ") || err?.message || String(e);
+          console.error("[vesk] chunk bundle failed", entry.name, detail);
+          if (options?.strict) {
+            throw new Error(`[vesk] chunk bundle failed: ${entry.name} \u2014 ${detail}`);
+          }
           const stripped = demoteExports(removeCompiledNodes(entry.code, isAnyImport));
           finalCode = chunkIIFE(nativeLibraryImportStubs(entry.code) + stripped);
         } finally {
@@ -49844,6 +51070,8 @@ async function build2(appDir, options) {
     bundleOpts.codeSplit = true;
   if (options?.hmr)
     bundleOpts.hmr = true;
+  if (options?.strict)
+    bundleOpts.strict = true;
   if (options?.routeDataCache !== void 0)
     bundleOpts.routeDataCache = options.routeDataCache;
   if (pluginsPipelines.length > 0)
@@ -50051,7 +51279,7 @@ import { WebSocketServer as WebSocketServer2 } from "ws";
 // ../compiler/dist/strip-ts.js
 init_parser();
 import { walk as walk6 } from "zimmerframe";
-import { print as print6 } from "esrap";
+import { print as print7 } from "esrap";
 import ts6 from "esrap/languages/ts";
 var TS_NODE_TYPES2 = /* @__PURE__ */ new Set([
   "TSAsExpression",
@@ -50222,17 +51450,41 @@ function stripTsTypes2(ast) {
     }
   });
 }
+function stripParamTypes2(p) {
+  if (!p)
+    return;
+  if (p.typeAnnotation)
+    p.typeAnnotation = null;
+  if (p.optional)
+    p.optional = false;
+  switch (p.type) {
+    case "AssignmentPattern":
+      stripParamTypes2(p.left);
+      break;
+    case "RestElement":
+      stripParamTypes2(p.argument);
+      break;
+    case "ObjectPattern":
+      for (const prop of p.properties || []) {
+        stripParamTypes2(prop.value || prop.argument || prop);
+      }
+      break;
+    case "ArrayPattern":
+      for (const el of p.elements || [])
+        if (el)
+          stripParamTypes2(el);
+      break;
+    default:
+      break;
+  }
+}
 function stripFunctionTypes2(node) {
   if (node.returnType)
     node.returnType = null;
   if (node.typeParameters)
     node.typeParameters = null;
-  for (const p of node.params || []) {
-    if (p.typeAnnotation)
-      p.typeAnnotation = null;
-    if (p.optional)
-      p.optional = false;
-  }
+  for (const p of node.params || [])
+    stripParamTypes2(p);
 }
 function stripCodeTypes2(code) {
   let ast;
@@ -50248,7 +51500,7 @@ function stripCodeTypes2(code) {
     stripped.body = stripped.body.filter((n) => !isTypeOnlyStatement2(n));
   }
   try {
-    return print6(stripped, ts6()).code;
+    return print7(stripped, ts6()).code;
   } catch {
     return code;
   }
@@ -50387,7 +51639,7 @@ init_vsk_imports();
 init_md_inline();
 init_strip_ts();
 import { walk as walk7 } from "zimmerframe";
-import { print as print7 } from "esrap";
+import { print as print8 } from "esrap";
 import ts7 from "esrap/languages/ts";
 import tsx2 from "esrap/languages/tsx";
 function callExpr2(callee, args2 = []) {
@@ -50454,12 +51706,12 @@ function semicolonizeStatement2(code) {
     return code;
   return code + ";";
 }
-function containsJsx2(node, depth = 0) {
+function containsJsx3(node, depth = 0) {
   if (!node || typeof node !== "object" || depth > 40)
     return false;
   if (Array.isArray(node)) {
     for (const item of node) {
-      if (containsJsx2(item, depth + 1))
+      if (containsJsx3(item, depth + 1))
         return true;
     }
     return false;
@@ -50468,13 +51720,13 @@ function containsJsx2(node, depth = 0) {
     return true;
   for (const key of Object.keys(node)) {
     const v = node[key];
-    if (v && typeof v === "object" && containsJsx2(v, depth + 1))
+    if (v && typeof v === "object" && containsJsx3(v, depth + 1))
       return true;
   }
   return false;
 }
 function printAst2(ast) {
-  return print7(ast, containsJsx2(ast) ? tsx2() : ts7()).code;
+  return print8(ast, containsJsx3(ast) ? tsx2() : ts7()).code;
 }
 function effectBlockToHandlerExpr2(eff) {
   try {
@@ -50595,7 +51847,7 @@ function transformTracked2(irNode, tracked2) {
       return context.next();
     }
   });
-  return print7(transformed, containsJsx2(transformed) ? tsx2() : ts7()).code;
+  return print8(transformed, containsJsx3(transformed) ? tsx2() : ts7()).code;
 }
 function collectTrackedNames2(body) {
   const names = /* @__PURE__ */ new Map();
@@ -53012,6 +54264,10 @@ function matchUrl(tree, pathname) {
             pushWithStandalone(node);
           return true;
         }
+        if (partIndex >= parts.length && node.page && node.fullPath === "/" + parts.join("/")) {
+          pushWithStandalone(node);
+          return true;
+        }
         continue;
       }
       if (node.fullPath === "/") {
@@ -53730,8 +54986,8 @@ function looksLikeMarkdownPath2(value) {
     return false;
   if (v.includes("\n") || v.includes("\r"))
     return false;
-  const lower = v.toLowerCase();
-  return lower.endsWith(MD_EXT_MARKER2) || lower.endsWith(".markdown");
+  const lower2 = v.toLowerCase();
+  return lower2.endsWith(MD_EXT_MARKER2) || lower2.endsWith(".markdown");
 }
 function isRelativeSpecifier2(v) {
   return v.startsWith("./") || v.startsWith("../");
@@ -54581,12 +55837,26 @@ ${entry.code}
             write: false,
             logLevel: "silent",
             loader: { ".js": "tsx" },
+            // Bundled dependencies (lucide-vesk above all) carry a license
+            // banner per module, and a barrel import pulls in hundreds of
+            // them. Those banners were ~339 KB of a 350 KB chunk, which is
+            // what kept a barrel import from being usable at all. Attribution
+            // for a dependency stays in its own package; shipping every
+            // module's header inside our own chunk adds nothing.
+            legalComments: "none",
             ...appTsconfig ? { tsconfig: appTsconfig } : {}
           });
           finalCode = result.outputFiles[0].text;
         } catch (e) {
           const err = e;
-          console.error("[vesk] chunk bundle failed", entry.name, err?.errors?.map((x) => x.text).join(" | ") || err?.message || String(e));
+          const detail = err?.errors?.map((x) => {
+            const at2 = x.location?.file ? ` (${x.location.file}${x.location.line ? `:${x.location.line}` : ""})` : "";
+            return x.text + at2;
+          }).join(" | ") || err?.message || String(e);
+          console.error("[vesk] chunk bundle failed", entry.name, detail);
+          if (options?.strict) {
+            throw new Error(`[vesk] chunk bundle failed: ${entry.name} \u2014 ${detail}`);
+          }
           const stripped = demoteExports2(removeCompiledNodes2(entry.code, isAnyImport2));
           finalCode = chunkIIFE(nativeLibraryImportStubs2(entry.code) + stripped);
         } finally {
@@ -54937,8 +56207,8 @@ function installMdReadHook2(publicDirs) {
         const abs = resolveWithin2(dir, rel);
         if (!abs)
           continue;
-        const lower = abs.toLowerCase();
-        if (!lower.endsWith(".md") && !lower.endsWith(".markdown"))
+        const lower2 = abs.toLowerCase();
+        if (!lower2.endsWith(".md") && !lower2.endsWith(".markdown"))
           continue;
         if (existsSync29(abs) && statSync15(abs).isFile())
           return readFileSync25(abs, "utf8");
@@ -62809,6 +64079,7 @@ __export(index_server_exports2, {
   get: () => get,
   getAction: () => getAction,
   getActiveComponent: () => getActiveComponent,
+  getIn: () => getIn,
   getLoadingError: () => getLoadingError,
   getLoadingProgress: () => getLoadingProgress,
   getServerContext: () => getServerContext,
@@ -62862,6 +64133,7 @@ __export(index_server_exports2, {
   server_locals: () => server_locals,
   set: () => set,
   setActiveComponent: () => setActiveComponent,
+  setIn: () => setIn,
   setServerContext: () => setServerContext,
   setSignedCookie: () => setSignedCookie2,
   setSsrData: () => setSsrData,
@@ -62876,6 +64148,7 @@ __export(index_server_exports2, {
   unlink_block: () => unlink_block,
   unsignCookie: () => unsignCookie2,
   untrack: () => untrack2,
+  updateIn: () => updateIn,
   useBody: () => useBody,
   useFetch: () => useFetch,
   useLoadingIndicator: () => useLoadingIndicator,
@@ -62911,6 +64184,7 @@ init_primitive();
 init_loading_indicator();
 init_action();
 init_metadata();
+init_nested_update();
 
 // src/index.ts
 var __filename2 = fileURLToPath9(import.meta.url);
@@ -63020,7 +64294,7 @@ if (cmd === "build") {
   const config = rawConfig;
   const plugins = config.plugins || [];
   const mdCfg = config.md;
-  const opts = { outDir, publicDir, plugins, seo, strictSeo: strict, codeSplit: !restArgs.includes("--skip-split"), target };
+  const opts = { outDir, publicDir, plugins, seo, strictSeo: strict, strict, codeSplit: !restArgs.includes("--skip-split"), target };
   if (mdCfg) opts.md = mdCfg;
   if (config.routeDataCache !== void 0) opts.routeDataCache = config.routeDataCache;
   if (platform) opts.platform = platform;
@@ -63056,12 +64330,14 @@ if (cmd === "build") {
       const l = err.line;
       const c = err.column;
       const code = err.code;
+      const frame = err.frame;
       let out = `vesk build: error \u2014 ${err.message}`;
+      if (code) out = `vesk build: [${code}] ${err.message}`;
       if (f) out += `
   File: ${f}${l ? `:${l}${c ? `:${c}` : ""}` : ""}`;
-      if (code) out += `
+      if (frame) out += `
 
-${code}`;
+${frame}`;
       console.error(out);
       if (err.stack && !String(err.stack).includes(err.message)) console.error(err.stack);
     } else {