@vesk/vesk-cli 0.2.59 → 0.2.61

package/dist/cli.js

@@ -495,7 +495,7 @@ ${this.code}`;
 });
 
 // ../compiler/src/ir.ts
-var Expression, IRRoot, ComponentIR, StaticNode, TextNode, DynamicBinding, OpaqueDynamicRegion, MapRegion, ComponentRef, ComponentCall, SlotNode, PropSlot, PropSlotRender, WhileLoop, SwitchCase, SwitchBlock, TryCatch, TrackDecl, RuntimeStatement, ForLoop, ServerBlock, ClientBlock, HeadBlock;
+var Expression, IRRoot, ComponentIR, StaticNode, TextNode, DynamicBinding, OpaqueDynamicRegion, MapRegion, ComponentRef, ComponentCall, SlotNode, PropSlot, PropSlotRender, WhileLoop, SwitchCase, SwitchBlock, TryCatch, TrackDecl, RuntimeStatement, BreakSignal, ForLoop, ServerBlock, ClientBlock, HeadBlock;
 var init_ir = __esm({
   "../compiler/src/ir.ts"() {
     "use strict";
@@ -742,6 +742,10 @@ var init_ir = __esm({
         this.source = source;
       }
     };
+    BreakSignal = class {
+      constructor() {
+      }
+    };
     ForLoop = class {
       init;
       condition;
@@ -889,6 +893,9 @@ function block(flags, fn, state = null, co) {
   }
   if (active_block !== null) {
     push_block(newBlock, active_block);
+  } else {
+    newBlock.p = get_orphan_root();
+    push_block(newBlock, newBlock.p);
   }
   if ((flags & EFFECT_BLOCK) !== 0) {
     schedule_update(newBlock);
@@ -978,6 +985,7 @@ function is_destroyed(target_block) {
 }
 function destroy_block(block2, remove_dom = true) {
   block2.f ^= DESTROYED;
+  unsubscribe_reaction(block2);
   let removed = false;
   const f = block2.f;
   if (remove_dom && (f & (BRANCH_BLOCK | ROOT_BLOCK)) !== 0 && (f & TRY_BLOCK) === 0 || (f & HEAD_BLOCK) !== 0) {
@@ -1013,6 +1021,28 @@ var init_ripple_utils = __esm({
 });
 
 // ../runtime/src/ripple-runtime.ts
+function get_orphan_root() {
+  if (orphan_root === null) {
+    orphan_root = {
+      co: null,
+      d: null,
+      first: null,
+      f: ROOT_BLOCK,
+      fn: null,
+      last: null,
+      next: null,
+      p: null,
+      prev: null,
+      s: null,
+      t: null,
+      tc: null
+    };
+  }
+  return orphan_root;
+}
+function is_orphan(block2) {
+  return block2 === null || block2 === void 0 || block2 === orphan_root;
+}
 function increment_clock() {
   return ++clock;
 }
@@ -1138,6 +1168,7 @@ function run_block(block2) {
   try {
     active_block = block2;
     active_reaction = block2;
+    unsubscribe_reaction(block2);
     active_component = block2.co;
     destroy_non_branch_children(block2);
     run_teardown(block2);
@@ -1167,10 +1198,10 @@ function run_block(block2) {
   }
 }
 function tracked(v, block2, get2, set2) {
-  return new TrackedValue(v, block2 || active_block, get2 || set2 ? { get: get2, set: set2 } : empty_get_set);
+  return new TrackedValue(v, block2 || active_block || get_orphan_root(), get2 || set2 ? { get: get2, set: set2 } : empty_get_set);
 }
 function derived(fn, block2, get2, set2) {
-  return new DerivedValue(fn, block2 || active_block, get2 || set2 ? { get: get2, set: set2 } : empty_get_set);
+  return new DerivedValue(fn, block2 || active_block || get_orphan_root(), get2 || set2 ? { get: get2, set: set2 } : empty_get_set);
 }
 function track(v, b, get2, set2) {
   if (is_ripple_object(v)) {
@@ -1193,6 +1224,9 @@ function track(v, b, get2, set2) {
 }
 function create_dependency(tracked2) {
   const reaction = active_reaction;
+  if (is_orphan(tracked2.b)) {
+    (tracked2.r ??= /* @__PURE__ */ new Set()).add(reaction);
+  }
   const existing = reaction.d;
   if (existing !== null) {
     reaction.d = existing.n;
@@ -1367,6 +1401,7 @@ function queue_microtask(fn) {
 }
 function schedule_update(block2) {
   if (block2 === null) return;
+  if (block2.p === get_orphan_root() && globalThis.__vsk_ssr) return;
   if (scheduler_mode === FLUSH_MICROTASK) {
     queue_microtask();
   }
@@ -1426,6 +1461,36 @@ function register_dependency(tracked2) {
     current2.n = dependency;
   }
 }
+function unsubscribe_reaction(reaction) {
+  if (reaction === null) return;
+  let dep = reaction.d;
+  while (dep !== null) {
+    const t = dep.t;
+    if (is_orphan(t.b) && t.r !== null) {
+      t.r.delete(reaction);
+    }
+    dep = dep.n;
+  }
+}
+function schedule_ownerless_update(tracked2, visited) {
+  const subscribers = tracked2.r;
+  if (subscribers === null) return;
+  for (const reaction of Array.from(subscribers)) {
+    if (visited !== null) {
+      if (visited.has(reaction)) continue;
+      visited.add(reaction);
+    }
+    if (reaction.f & DESTROYED) {
+      subscribers.delete(reaction);
+      continue;
+    }
+    if ((reaction.f & DERIVED) !== 0) {
+      schedule_ownerless_update(reaction, visited ?? /* @__PURE__ */ new Set());
+      continue;
+    }
+    schedule_update(reaction);
+  }
+}
 function get_derived(computed) {
   update_derived(computed);
   if (tracking) {
@@ -1493,7 +1558,11 @@ function set(tracked2, value) {
     }
     tracked2.__v = value;
     tracked2.c = increment_clock();
-    schedule_update(tracked_block);
+    if (!is_orphan(tracked_block)) {
+      schedule_update(tracked_block);
+    } else {
+      schedule_ownerless_update(tracked2, null);
+    }
   }
 }
 function untrack2(fn) {
@@ -1590,7 +1659,7 @@ function pop_component() {
   }
   active_component = component.p;
 }
-var FLUSH_MICROTASK, FLUSH_SYNC, active_block, active_reaction, active_scope, active_component, is_mutating_allowed, old_values, scheduler_mode, is_micro_task_queued, clock, queued_root_blocks, disable_scoped_flush, queued_microtasks, flush_count, queued_post_block_flush, active_dependency, tracking, teardown, empty_get_set, TrackedValue, DerivedValue;
+var FLUSH_MICROTASK, FLUSH_SYNC, active_block, active_reaction, active_scope, active_component, is_mutating_allowed, old_values, orphan_root, scheduler_mode, is_micro_task_queued, clock, queued_root_blocks, disable_scoped_flush, queued_microtasks, flush_count, queued_post_block_flush, active_dependency, tracking, teardown, empty_get_set, TrackedValue, DerivedValue;
 var init_ripple_runtime = __esm({
   "../runtime/src/ripple-runtime.ts"() {
     "use strict";
@@ -1605,6 +1674,7 @@ var init_ripple_runtime = __esm({
     active_component = null;
     is_mutating_allowed = true;
     old_values = /* @__PURE__ */ new Map();
+    orphan_root = null;
     scheduler_mode = FLUSH_MICROTASK;
     is_micro_task_queued = false;
     clock = 0;
@@ -1623,6 +1693,7 @@ var init_ripple_runtime = __esm({
       c;
       d;
       f;
+      r;
       __v;
       constructor(v, block2, a) {
         this.a = a;
@@ -1630,6 +1701,7 @@ var init_ripple_runtime = __esm({
         this.c = 0;
         this.d = null;
         this.f = TRACKED;
+        this.r = null;
         this.__v = v;
       }
       get() {
@@ -1670,6 +1742,7 @@ var init_ripple_runtime = __esm({
       d;
       f;
       fn;
+      r;
       __v;
       constructor(fn, block2, a) {
         this.a = a;
@@ -1680,6 +1753,7 @@ var init_ripple_runtime = __esm({
         this.d = null;
         this.f = DERIVED;
         this.fn = fn;
+        this.r = null;
         this.__v = UNINITIALIZED;
       }
       get() {
@@ -4769,7 +4843,7 @@ async function renderNotFound(router, match, container) {
   }
   if (container.replaceChildren) container.replaceChildren();
   else container.innerHTML = "";
-  container.innerHTML = "<h1>404 \u2014 Not Found</h1>";
+  container.innerHTML = defaultErrorHtml(404, "Not Found");
   router._currentMatch = match;
 }
 function defaultOfflineHtml(url) {
@@ -4778,6 +4852,9 @@ function defaultOfflineHtml(url) {
 function escapeOfflineUrl(url) {
   return String(url).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
+function defaultErrorHtml(status, message) {
+  return '<div data-vesk-default-error="' + status + '" style="display:flex;align-items:center;justify-content:center;min-height:50vh;padding:32px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:inherit"><div style="display:flex;align-items:center"><span style="font-size:24px;font-weight:500;line-height:49px;padding-right:23px;margin-right:20px;border-right:1px solid currentColor;opacity:.85">' + status + '</span><span style="font-size:14px;line-height:49px;opacity:.7">' + message + "</span></div></div>";
+}
 async function renderOfflinePage(router, match, container) {
   const url = match.pathname || (typeof window !== "undefined" ? window.location.pathname : "");
   const chain = match.matchChain;
@@ -5066,7 +5143,7 @@ function renderMatch(router, match, container, navToken) {
     } else {
       container.innerHTML = "";
     }
-    container.innerHTML = "<h1>404 \u2014 Not Found</h1>";
+    container.innerHTML = defaultErrorHtml(404, "Not Found");
     return;
   }
   if (pageNode._pageName && (!pageNode.page || typeof pageNode.page === "string")) {
@@ -5254,7 +5331,7 @@ async function renderErrorPage(router, match, container, error) {
   if (!errorFn) {
     if (container.replaceChildren) container.replaceChildren();
     else container.innerHTML = "";
-    container.innerHTML = "<h1>500 \u2014 Internal Server Error</h1>";
+    container.innerHTML = defaultErrorHtml(500, "Internal Server Error");
     return;
   }
   const layoutNodes = chain.filter((n) => n.layout);
@@ -5318,7 +5395,7 @@ async function hydrateInitial(router, match, container, strategy) {
       });
       return;
     }
-    container.innerHTML = "<h1>404 \u2014 Not Found</h1>";
+    container.innerHTML = defaultErrorHtml(404, "Not Found");
     return;
   }
   const ssrErrorMarker = (() => {
@@ -5975,7 +6052,7 @@ function createFileRouter(routeTree, options = {}) {
             }
           })();
         } else {
-          container.innerHTML = "<h1>404 \u2014 Not Found</h1>";
+          container.innerHTML = defaultErrorHtml(404, "Not Found");
         }
         return;
       }
@@ -18320,6 +18397,20 @@ function tokenizeCode(code) {
     }
   });
 }
+function collectStringDelimiters(code, tokens) {
+  const t = tokens == null ? tokenizeCode(code) : tokens;
+  if (t === null) return null;
+  const starts = /* @__PURE__ */ new Set();
+  let ti = 0;
+  for (let i = 0; i < code.length; i++) {
+    const c = code.charCodeAt(i);
+    if (c !== 34 && c !== 39 && c !== 96) continue;
+    while (ti < t.length && t[ti].end <= i) ti++;
+    const covered = ti < t.length && t[ti].start <= i;
+    if (!covered || QUOTED_LABELS.has(t[ti].label)) starts.add(i);
+  }
+  return starts;
+}
 function containsIdentifier(code, name) {
   const tokens = tokenizeCode(code);
   if (tokens !== null) {
@@ -18511,33 +18602,33 @@ function manualExtractImportNames(importText) {
   }
   return names;
 }
-function hasTopLevelValueDeclaration(code, name) {
-  const tokens = tokenizeCode(code);
-  if (tokens === null) return false;
+function hasTopLevelValueDeclaration(code, name, tokens) {
+  const t = tokens == null ? tokenizeCode(code) : tokens;
+  if (t === null) return false;
   const declWords = ["const", "let", "var", "function", "class"];
-  for (let i = 1; i < tokens.length; i++) {
-    if (tokens[i].label !== "name" || tokens[i].value !== name) continue;
-    const prev = tokens[i - 1];
+  for (let i = 1; i < t.length; i++) {
+    if (t[i].label !== "name" || t[i].value !== name) continue;
+    const prev = t[i - 1];
     if (!prev || !declWords.includes(prev.value)) continue;
     if (i >= 2) {
-      const pp2 = tokens[i - 2];
+      const pp2 = t[i - 2];
       if (pp2 && pp2.label === "name" && pp2.value === "export") continue;
     }
     return true;
   }
   return false;
 }
-function findSpecifierExports(code) {
-  const tokens = tokenizeCode(code);
-  if (tokens === null) return [];
+function findSpecifierExports(code, tokens) {
+  const t = tokens == null ? tokenizeCode(code) : tokens;
+  if (t === null) return [];
   const out = [];
-  for (let i = 0; i < tokens.length; i++) {
-    if (tokens[i].label !== "export") continue;
-    if (!tokens[i + 1] || tokens[i + 1].label !== "{") continue;
+  for (let i = 0; i < t.length; i++) {
+    if (t[i].label !== "export") continue;
+    if (!t[i + 1] || t[i + 1].label !== "{") continue;
     let k = i + 2;
     let depth = 1;
-    for (; k < tokens.length; k++) {
-      const lbl = tokens[k].label;
+    for (; k < t.length; k++) {
+      const lbl = t[k].label;
       if (lbl === "string") {
         continue;
       }
@@ -18548,8 +18639,8 @@ function findSpecifierExports(code) {
       }
     }
     let isReexport = false;
-    for (let j = k + 1; j < tokens.length; j++) {
-      const lbl = tokens[j].label;
+    for (let j = k + 1; j < t.length; j++) {
+      const lbl = t[j].label;
       if (lbl === "string") {
         isReexport = true;
         break;
@@ -18557,10 +18648,10 @@ function findSpecifierExports(code) {
       if (lbl === ";" || lbl === "export" || lbl === "import" || lbl === "}") break;
     }
     if (depth !== 0 || isReexport) continue;
-    const pairs = readSpecifierPairs(code, tokens[i + 1].end, tokens[k].end);
+    const pairs = readSpecifierPairs(code, t[i + 1].end, t[k].end);
     if (pairs === null) continue;
-    const stmtEnd = tokens[k].end;
-    for (const [local, exported] of pairs) out.push({ local, exported, start: tokens[i].start, end: stmtEnd });
+    const stmtEnd = t[k].end;
+    for (const [local, exported] of pairs) out.push({ local, exported, start: t[i].start, end: stmtEnd });
     i = k;
   }
   return out;
@@ -18620,12 +18711,14 @@ function stripTrackDeclMarkers(text, base, node) {
   }
   return out + text.slice(prev);
 }
+var QUOTED_LABELS;
 var init_tokens = __esm({
   "../compiler/src/tokens.ts"() {
     "use strict";
     init_parser();
     init_vesk_plugin();
     init_scan();
+    QUOTED_LABELS = /* @__PURE__ */ new Set(["string", "template", "`", "backQuote"]);
   }
 });
 
@@ -18649,7 +18742,7 @@ function offsetToLineCol(source, offset2) {
   }
   return { line, column };
 }
-function preprocessForClauses(source) {
+function preprocessForClauses(source, delimiters) {
   const annotations = [];
   const chars = source.split("");
   const isString = (ch) => ch === '"' || ch === "'" || ch === "`";
@@ -18657,6 +18750,10 @@ function preprocessForClauses(source) {
   while (i < source.length) {
     const ch = source[i];
     if (isString(ch)) {
+      if (delimiters && !delimiters.has(i)) {
+        i++;
+        continue;
+      }
       const quote = ch;
       let j = i + 1;
       let tplDepth = 0;
@@ -19011,9 +19108,11 @@ function parseGeneratedJs(source) {
 }
 function parse4(source, options = {}) {
   const ParserClass = createBaseParser();
-  const { code, annotations } = preprocessForClauses(blankGenericArrowTypeParams(blankComments(source)));
+  const sourceTokens = tokenizeCode(source);
+  const delimiters = sourceTokens === null ? null : collectStringDelimiters(source, sourceTokens);
+  const { code, annotations } = preprocessForClauses(blankGenericArrowTypeParams(blankComments(source)), delimiters);
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
-  const specifierExports = vskSource ? findSpecifierExports(code).filter((e) => !hasTopLevelValueDeclaration(code, e.local)) : [];
+  const specifierExports = vskSource && sourceTokens !== null ? findSpecifierExports(code, sourceTokens).filter((e) => !hasTopLevelValueDeclaration(code, e.local, sourceTokens)) : [];
   let parseable = code;
   if (specifierExports.length > 0) {
     const edits = specifierExports.map((e) => code.slice(e.start, e.end)).map((text) => text.split("").map((ch) => ch === "\n" ? "\n" : " ").join(""));
@@ -21463,6 +21562,7 @@ function processJSXCallbackBody(source, body) {
     for (const c of body.children) nodes.push(...processJSXChildren(source, [c]));
     return nodes;
   }
+  if (body.type === "BlockStatement") return processStatementModeBody(source, body.body);
   if (body.type === "ParenthesizedExpression") return exprToIR(source, body.expression);
   return exprToIR(source, body);
 }
@@ -21621,6 +21721,29 @@ function getReturnStatement(node) {
   }
   return null;
 }
+function containsLoopControl(node) {
+  if (!node) return false;
+  if (node.type === "ContinueStatement" || node.type === "BreakStatement") return true;
+  if (node.type === "FunctionDeclaration" || node.type === "FunctionExpression" || node.type === "ArrowFunctionExpression") return false;
+  if (node.type === "ForStatement" || node.type === "ForInStatement" || node.type === "ForOfStatement" || node.type === "WhileStatement" || node.type === "DoWhileStatement") return false;
+  if (node.type === "BlockStatement") return node.body.some(containsLoopControl);
+  if (node.type === "IfStatement") return containsLoopControl(node.consequent) || containsLoopControl(node.alternate);
+  if (node.type === "SwitchStatement") return node.cases.some((c) => (c.consequent || []).some(containsLoopControl));
+  if (node.type === "TryStatement") {
+    return containsLoopControl(node.block) || containsLoopControl(node.handler) || containsLoopControl(node.finalizer);
+  }
+  if (node.type === "CatchClause") return containsLoopControl(node.body);
+  if (node.type === "LabeledStatement") return containsLoopControl(node.body);
+  return false;
+}
+function getLoopControlGuard(consequent, kind) {
+  const stmts = consequent.type === "BlockStatement" ? consequent.body : [consequent];
+  if (stmts.length === 0) return null;
+  const want = kind === "continue" ? "ContinueStatement" : "BreakStatement";
+  const last = stmts[stmts.length - 1];
+  if (!last || last.type !== want) return null;
+  return { pre: stmts.slice(0, -1), node: last };
+}
 function isStatementMode(bodyStmts) {
   if (bodyStmts.some((s) => s.type === "JSXElement" || s.type === "JSXExpressionContainer" || s.type === "JSXFragment")) return true;
   for (const stmt of bodyStmts) {
@@ -21659,6 +21782,9 @@ function processIfStatement(source, stmt) {
   return [new OpaqueDynamicRegion(condExpr, consequent, alternate)];
 }
 function processForStatement(source, stmt, alternate = []) {
+  if (stmt.body && !hasJSXInSubtree(stmt.body) && containsLoopControl(stmt.body)) {
+    return [new RuntimeStatement(getSource(source, stmt), stmt, source)];
+  }
   if (stmt.type === "ForOfStatement") {
     const left = stmt.left;
     let itemVar = "item";
@@ -21692,6 +21818,9 @@ function processForStatement(source, stmt, alternate = []) {
   return [];
 }
 function processWhileStatement(source, stmt) {
+  if (stmt.body && !hasJSXInSubtree(stmt.body) && containsLoopControl(stmt.body)) {
+    return [new RuntimeStatement(getSource(source, stmt), stmt, source)];
+  }
   const condition = toExpression(source, stmt.test);
   const bodyTemplate = processBlockBody(source, stmt.body);
   const isDoWhile = stmt.type === "DoWhileStatement";
@@ -21757,6 +21886,18 @@ function processStatementModeBody(source, bodyStmts, filename) {
         nodes.push(new OpaqueDynamicRegion(toExpression(source, stmt.test), consequent, alternate));
         break;
       }
+      if (!stmt.alternate) {
+        const guardContinue = getLoopControlGuard(stmt.consequent, "continue");
+        const guardBreak = guardContinue ? null : getLoopControlGuard(stmt.consequent, "break");
+        const guard = guardContinue || guardBreak;
+        if (guard) {
+          const consequent = guard.pre.length ? processStatementModeBody(source, guard.pre, filename) : [];
+          if (guardBreak) consequent.push(new BreakSignal());
+          const alternate = processStatementModeBody(source, bodyStmts.slice(i + 1), filename);
+          nodes.push(new OpaqueDynamicRegion(toExpression(source, stmt.test), consequent, alternate));
+          break;
+        }
+      }
       nodes.push(...processIfStatement(source, stmt));
     } else if (stmt.type === "ForOfStatement") {
       let alternate = [];
@@ -21794,6 +21935,11 @@ function processStatementModeBody(source, bodyStmts, filename) {
     } else if (stmt.type === "ClassDeclaration") {
       const { line, column } = offsetToLineCol2(source, stmt.start ?? 0);
       throw VeskError.classDecl({ file: filename || "", line, column, code: codeFrame(source, line, column) });
+    } else if (stmt.type === "ContinueStatement") {
+      break;
+    } else if (stmt.type === "BreakStatement") {
+      nodes.push(new BreakSignal());
+      break;
     } else {
       const raw2 = getSource(source, stmt);
       if (raw2) nodes.push(new RuntimeStatement(raw2, stmt, source));
@@ -21925,6 +22071,7 @@ function warnStaleConstBindings(comp, file) {
       if (d.id?.type !== "Identifier" || !d.init) continue;
       if (reactive.has(d.id.name)) continue;
       if (d.init.type === "ArrowFunctionExpression" || d.init.type === "FunctionExpression") continue;
+      if (isReactiveFactoryCall(d.init)) continue;
       if (d.init.type === "Identifier" && reactive.has(d.init.name)) continue;
       const seen = /* @__PURE__ */ new Set();
       collectIdentifiers(d.init, seen);
@@ -21965,6 +22112,16 @@ function warnStaleConstBindings(comp, file) {
     }
   });
 }
+function isReactiveFactoryCall(node) {
+  if (!node || node.type !== "CallExpression") return false;
+  const callee = node.callee;
+  if (!callee) return false;
+  if (callee.type === "Identifier") return callee.name === "derived";
+  if (callee.type === "MemberExpression" && !callee.computed) {
+    return callee.property?.type === "Identifier" && callee.property.name === "derived";
+  }
+  return false;
+}
 function collectIdentifiers(node, into) {
   if (!node || typeof node !== "object") return;
   if (Array.isArray(node)) {
@@ -21972,6 +22129,15 @@ function collectIdentifiers(node, into) {
     return;
   }
   if (typeof node.type !== "string") return;
+  if (node.type === "MemberExpression" && !node.computed) {
+    collectIdentifiers(node.object, into);
+    if (node.property?.type === "MemberExpression") collectIdentifiers(node.property, into);
+    return;
+  }
+  if ((node.type === "Property" || node.type === "PropertyDefinition" || node.type === "MethodDefinition") && !node.computed) {
+    collectIdentifiers(node.value, into);
+    return;
+  }
   if (node.type === "Identifier" && typeof node.name === "string") into.add(node.name);
   for (const key of Object.keys(node)) {
     if (key === "loc" || key === "range" || key === "start" || key === "end") continue;
@@ -30303,14 +30469,36 @@ function transformTracked(irNode, tracked2) {
 }
 function collectTrackedNames(body) {
   const names = /* @__PURE__ */ new Map();
+  collectTrackedNamesInto(body, names);
+  return names;
+}
+function collectTrackedNamesInto(body, names) {
   for (const node of body) {
     if (node instanceof TrackDecl) {
       const cellName = node.rawName || node.name;
       names.set(node.name, { cellName, kind: "virtual" });
       if (node.rawName) names.set(node.rawName, { cellName, kind: "cell" });
+    } else if (node instanceof StaticNode || node instanceof ServerBlock || node instanceof ClientBlock || node instanceof HeadBlock) {
+      collectTrackedNamesInto(node.children, names);
+    } else if (node instanceof ComponentCall) {
+      collectTrackedNamesInto(node.children, names);
+    } else if (node instanceof PropSlot) {
+      collectTrackedNamesInto(node.body, names);
+    } else if (node instanceof MapRegion) {
+      collectTrackedNamesInto(node.bodyTemplate, names);
+      collectTrackedNamesInto(node.alternateNodes, names);
+    } else if (node instanceof OpaqueDynamicRegion) {
+      collectTrackedNamesInto(node.consequentNodes, names);
+      collectTrackedNamesInto(node.alternateNodes, names);
+    } else if (node instanceof WhileLoop || node instanceof ForLoop) {
+      collectTrackedNamesInto(node.bodyTemplate, names);
+    } else if (node instanceof TryCatch) {
+      collectTrackedNamesInto(node.bodyTemplate, names);
+      collectTrackedNamesInto(node.catchBody, names);
+    } else if (node instanceof SwitchBlock) {
+      for (const c of node.cases) collectTrackedNamesInto(c.body, names);
     }
   }
-  return names;
 }
 function collectTrackedDeps(value, tracked2) {
   const ast = value?.ast;
@@ -30396,11 +30584,20 @@ function emitNode(ctx2, node, tracked2, effectsVar, parentVar, compPrefix = "__c
     ctx2.push(semicolonizeStatement(transformTracked(node, tracked2)));
     return null;
   }
+  if (node instanceof BreakSignal) {
+    if (ctx2.breakFlag) ctx2.push(`${ctx2.breakFlag} = true;`);
+    return null;
+  }
   if (node instanceof SlotNode) {
     if (!parentVar) {
       if (ctx2.hydrate) {
+        const promptExpr = ctx2.markerless && (regionBudget || skipK > 0) ? markerlessSkipExpr(regionBudget, skipK) : null;
         ctx2.push(`if (props.children !== undefined && props.children !== null) {`);
         ctx2.push(`  if (typeof props.children === 'function') {`);
+        if (promptExpr) {
+          ctx2.push(`    ${ctx2.walker}.injectSkipK(${promptExpr});`);
+          if (regionBudget && ctx2.markerless) ctx2.push(`    ${regionBudget} = 0;`);
+        }
         ctx2.push(`    __pendingChild = props.children(__hydrate);`);
         ctx2.push(`  } else if (__hydrate && __hydrate.root) {`);
         ctx2.push(`    __hydrate.root.appendChild(toDomNode(props.children));`);
@@ -31197,12 +31394,18 @@ function emitWhileLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
   ctx2.push(`const ${endAnchor} = document.createComment('while-end');`);
   emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root", budget || void 0);
   const renderLoop = ctx2.n();
+  const hasBreak = bodyHasBreak(node.bodyTemplate);
+  const breakVar = hasBreak ? ctx2.n() : null;
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd) ctx2.push(indent2(`const __p = ${anchor}.parentNode;`));
   if (!hyd) ctx2.push(indent2(`const __b = document.createDocumentFragment();`));
   if (hyd) ctx2.push(indent2(`const __cl = [];`));
+  if (breakVar) ctx2.push(indent2(`let ${breakVar} = false;`));
+  const savedBreakFlag = ctx2.breakFlag;
+  ctx2.breakFlag = breakVar;
   if (node.isDoWhile) {
     ctx2.push(indent2(`do {`));
+    if (breakVar) ctx2.push(indent2(indent2(`if (${breakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -31213,6 +31416,7 @@ function emitWhileLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
     ctx2.push(indent2(`} while (${condExpr});`));
   } else {
     ctx2.push(indent2(`while (${condExpr}) {`));
+    if (breakVar) ctx2.push(indent2(indent2(`if (${breakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -31222,6 +31426,7 @@ function emitWhileLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
     }
     ctx2.push(indent2(`}`));
   }
+  ctx2.breakFlag = savedBreakFlag;
   if (!hyd) ctx2.push(indent2(`__p.insertBefore(__b, ${endAnchor});`));
   if (hyd) ctx2.push(indent2(`__place(${anchor}, ${endAnchor}, __cl, ${parent});`));
   ctx2.push(`};`);
@@ -31261,13 +31466,19 @@ function emitForLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget) {
   ctx2.push(`const ${endAnchor} = document.createComment('for-end');`);
   emitHydrateFenceAnchoring(ctx2, anchor, endAnchor, parent === "$root", budget || void 0);
   const renderLoop = ctx2.n();
+  const forHasBreak = bodyHasBreak(node.bodyTemplate);
+  const forBreakVar = forHasBreak ? ctx2.n() : null;
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd) ctx2.push(indent2(`const __p = ${anchor}.parentNode;`));
   if (!hyd) ctx2.push(indent2(`const __b = document.createDocumentFragment();`));
   if (hyd) ctx2.push(indent2(`const __cl = [];`));
+  if (forBreakVar) ctx2.push(indent2(`let ${forBreakVar} = false;`));
+  const savedForBreakFlag = ctx2.breakFlag;
+  ctx2.breakFlag = forBreakVar;
   if (node.kind === "for-in") {
     const srcExpr = transformTracked(node.condition, tracked2);
     ctx2.push(indent2(`for (${node.init} of (Array.isArray(${srcExpr}) ? ${srcExpr} : (${srcExpr} == null ? [] : Object.keys(${srcExpr})))) {`));
+    if (forBreakVar) ctx2.push(indent2(indent2(`if (${forBreakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -31284,6 +31495,7 @@ function emitForLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget) {
     if (updatePart.endsWith(";")) updatePart = updatePart.slice(0, -1).trim();
     const head = initPart ? `${initPart}; ${condExpr}` : `; ${condExpr}`;
     ctx2.push(indent2(`for (${head}; ${updatePart}) {`));
+    if (forBreakVar) ctx2.push(indent2(indent2(`if (${forBreakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -31293,6 +31505,7 @@ function emitForLoop(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget) {
     }
     ctx2.push(indent2(`}`));
   }
+  ctx2.breakFlag = savedForBreakFlag;
   if (!hyd) ctx2.push(indent2(`__p.insertBefore(__b, ${endAnchor});`));
   if (hyd) ctx2.push(indent2(`__place(${anchor}, ${endAnchor}, __cl, ${parent});`));
   ctx2.push(`};`);
@@ -31453,6 +31666,27 @@ function emitSwitchBlock(ctx2, node, tracked2, parentVar, skipK = 0, regionBudge
 }`);
   return null;
 }
+function bodyHasBreak(nodes) {
+  for (const n of nodes) {
+    if (n instanceof BreakSignal) return true;
+    if (n instanceof OpaqueDynamicRegion) {
+      if (bodyHasBreak([...n.consequentNodes, ...n.alternateNodes])) return true;
+    } else if (n instanceof SwitchBlock) {
+      for (const c of n.cases) if (bodyHasBreak(c.body)) return true;
+    } else if (n instanceof TryCatch) {
+      if (bodyHasBreak([...n.bodyTemplate, ...n.catchBody])) return true;
+    } else if (n instanceof StaticNode) {
+      if (bodyHasBreak(n.children)) return true;
+    } else if (n instanceof ComponentCall) {
+      if (bodyHasBreak(n.children)) return true;
+    } else if (n instanceof ServerBlock || n instanceof ClientBlock || n instanceof HeadBlock) {
+      if (bodyHasBreak(n.children)) return true;
+    } else if (n instanceof PropSlot) {
+      if (bodyHasBreak(n.body)) return true;
+    }
+  }
+  return false;
+}
 function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBudget) {
   const arrExpr = transformTracked(node.expression, tracked2);
   const itemVar = node.itemVariable;
@@ -31485,9 +31719,13 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('map-end');`);
   const renderItem = ctx2.n();
+  const hasBreak = bodyHasBreak(node.bodyTemplate);
+  const breakVar = hasBreak ? ctx2.n() : null;
+  if (breakVar) ctx2.push(`let ${breakVar} = false;`);
   const indexParam = node.indexVariable ? ", __i" : "";
   ctx2.push(`const ${renderItem} = ${ctx2.isAsyncScope ? "async " : ""}(${itemVar}${indexParam}, __e, __r${hyd ? ", __cl" : ""}${hydKeyed ? ", __root" : ""}) => {`);
   ctx2.push(indent2(`__r = __r || ${endAnchor};`));
+  if (breakVar) ctx2.push(indent2(`if (${breakVar}) return;`));
   if (node.indexVariable) ctx2.push(indent2(`const ${node.indexVariable} = __i;`));
   if (hyd) {
     ctx2.push(indent2(`const __p = ${anchor}.parentNode;`));
@@ -31496,6 +31734,8 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
     ctx2.push(indent2(`const __it = document.createDocumentFragment();`));
   }
   if (hydKeyed) ctx2.rootClaim = true;
+  const savedMapBreak = ctx2.breakFlag;
+  ctx2.breakFlag = breakVar;
   for (const n of node.bodyTemplate) {
     const v = emitNode(ctx2, n, tracked2, "__e", hyd ? void 0 : "__it", "__components", 0, budget || void 0);
     if (v) {
@@ -31508,6 +31748,7 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
       }
     }
   }
+  ctx2.breakFlag = savedMapBreak;
   if (hydKeyed) ctx2.rootClaim = false;
   if (!hyd) ctx2.push(indent2(`if (__it.childNodes.length > 0) __p.insertBefore(__it, __r);`));
   ctx2.push(`};`);
@@ -31543,11 +31784,12 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
     const keyFnSrc = `(${itemVar}${node.indexVariable ? `, ${node.indexVariable}` : ""}) => ${keyExpr}`;
     const reconciler = ctx2.n();
     const initList = ctx2.n();
+    const breakReset = breakVar ? `${breakVar} = false; ` : "";
     ctx2.push(`let ${reconciler} = () => {};`);
     if (hydKeyed) {
-      ctx2.push(`const ${initList} = () => { ${reconciler} = reconcileHydrated(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e, __root) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"}, null, __root), __hydrate, ${parent}, ${skipK}); };`);
+      ctx2.push(`const ${initList} = () => { ${breakReset}${reconciler} = reconcileHydrated(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e, __root) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"}, null, __root), __hydrate, ${parent}, ${skipK}); };`);
     } else {
-      ctx2.push(`const ${initList} = () => { ${reconciler} = reconcile(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"})); };`);
+      ctx2.push(`const ${initList} = () => { ${breakReset}${reconciler} = reconcile(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"})); };`);
     }
     if (emptyRenderName) {
       const isEmptyVar = ctx2.n();
@@ -31558,7 +31800,7 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
     const __new = ${hasItems}();
     if (__first) { __first = false; __new; return; }
     if (__new !== ${isEmptyVar}) {
-      if (__new) ${reconciler}(${arrExpr});
+      if (__new) {${breakVar ? ` ${breakVar} = false;` : ""} ${reconciler}(${arrExpr}); }
       return;
     }
     ${isEmptyVar} = !__new;
@@ -31572,22 +31814,25 @@ function emitMap(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBu
       if (!reactiveSource) return null;
       pushEffect(`let __first = true;`, `effect(() => {
     const __nv = ${arrExpr};
-    if (__first) { __first = false; __nv; ${reconciler}(${arrExpr}); return; }
-    ${reconciler}(${arrExpr});
+    if (__first) { __first = false; __nv; ${breakReset}${reconciler}(${arrExpr}); return; }
+    ${breakVar ? `if (${breakVar}) ${breakVar} = false;` : ""}${reconciler}(${arrExpr});
   })`);
     }
   } else {
     const renderAllItems = (ind, collect) => {
       const lines = [];
+      if (breakVar) lines.push(`${ind}${breakVar} = false;`);
       if (node.indexVariable) {
         lines.push(`${ind}let __i = 0;`);
         lines.push(`${ind}for (const ${itemVar} of ${arrExpr}) {`);
         lines.push(`${ind}	${aw}${renderItem}(${itemVar}, __i, ${effectsVar}${collect ? `, null, ${collect}` : ""});`);
         lines.push(`${ind}	__i++;`);
+        if (breakVar) lines.push(`${ind}	if (${breakVar}) break;`);
         lines.push(`${ind}}`);
       } else {
         lines.push(`${ind}for (const ${itemVar} of ${arrExpr}) {`);
         lines.push(`${ind}	${aw}${renderItem}(${itemVar}, ${effectsVar}${collect ? `, null, ${collect}` : ""});`);
+        if (breakVar) lines.push(`${ind}	if (${breakVar}) break;`);
         lines.push(`${ind}}`);
       }
       return lines.join("\n");
@@ -32160,6 +32405,9 @@ var init_client_codegen = __esm({
       walker = "__hydrate";
       asyncComps = /* @__PURE__ */ new Set();
       isAsyncScope = false;
+      // While emitting a loop body, names the boolean flag a `break` sets (see
+      // BreakSignal). Null outside a break-capable loop body.
+      breakFlag = null;
       constructor(alloc) {
         this.alloc = alloc ?? { c: 0 };
       }
@@ -32881,6 +33129,7 @@ function irNodeToJS(node, importedNames, isAsync = false, tracked2) {
     }
     return semicolonizeStatement(transformTracked(node, tracked2 || /* @__PURE__ */ new Map()));
   }
+  if (node instanceof BreakSignal) return `break;`;
   if (node instanceof SlotNode) {
     if (__vskMarkerless) return `__out.push(props.children || '');`;
     const sid = `s${nextVskId()}`;
@@ -33031,14 +33280,15 @@ function mapRegionToJS(node, isAsync = false, tracked2) {
   }
   const loopArr = arrVar || arr;
   if (node.indexVariable) {
-    lines.push("let __i = 0;");
+    const counter = `__i${nextVskId()}`;
+    lines.push(`let ${counter} = 0;`);
     lines.push(`for (const ${item} of ${loopArr}) {`);
-    lines.push(indent(`const ${node.indexVariable} = __i;`));
+    lines.push(indent(`const ${node.indexVariable} = ${counter};`));
     for (const n of bodyForItem) {
       const code = irNodeToJS(n, null, isAsync, tracked2);
       if (code) lines.push(indent(code));
     }
-    lines.push(indent("__i++;"));
+    lines.push(indent(`${counter}++;`));
     lines.push(`}`);
   } else {
     lines.push(`for (const ${item} of ${loopArr}) {`);
@@ -34121,6 +34371,94 @@ var init_server_render = __esm({
   }
 });
 
+// ../adapter/src/default-pages.ts
+function escapeDefaultPageHtml(value) {
+  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function renderDefaultPage(opts = {}) {
+  const status = opts.status ?? 404;
+  const title = escapeDefaultPageHtml(opts.title ?? `${status} \u2014 Vesk`);
+  const message = escapeDefaultPageHtml(opts.message ?? "This page could not be found.");
+  const url = opts.url ? escapeDefaultPageHtml(opts.url) : "";
+  const headExtra = opts.headExtra || "";
+  const homeHref = opts.homeHref === void 0 ? "/" : opts.homeHref;
+  const homeLabel = escapeDefaultPageHtml(opts.homeLabel ?? "Back to home");
+  const variant = `vsk-page${opts.accentStatus ? " vsk-page--error" : ""}`;
+  const action = homeHref === null ? "" : `<a class="vsk-page__btn" href="${escapeDefaultPageHtml(homeHref)}">${homeLabel}</a>`;
+  return `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex"><title>${title}</title><style>${DEFAULT_PAGE_CSS}</style>` + headExtra + `</head><body><main class="${variant}" data-vesk-default-page="${status}"><div class="vsk-page__card"><p class="vsk-page__brand"><b>Vesk</b> \xB7 built-in error page</p><div class="vsk-page__row"><span class="vsk-page__status">${status}</span><span class="vsk-page__msg">${message}</span></div>` + (url ? `<p class="vsk-page__detail">${url}</p>` : "") + (action ? `<div class="vsk-page__actions">${action}</div>` : "") + "</div></main></body></html>";
+}
+function renderDefaultNotFoundPage(opts = {}) {
+  return renderDefaultPage({
+    status: 404,
+    title: "404 \u2014 Not Found",
+    message: "This page could not be found.",
+    url: opts.url,
+    headExtra: opts.headExtra
+  });
+}
+function renderDefaultErrorPage(opts = {}) {
+  const status = opts.status ?? 500;
+  return renderDefaultPage({
+    status,
+    title: `${status} \u2014 Internal Server Error`,
+    message: opts.message || "Internal Server Error",
+    url: opts.url,
+    headExtra: opts.headExtra,
+    accentStatus: true,
+    homeHref: null
+  });
+}
+function renderDefaultErrorFragment(opts = {}) {
+  const status = opts.status ?? 500;
+  const message = escapeDefaultPageHtml(opts.message || "Internal Server Error");
+  return '<div data-vesk-default-error-fragment="' + status + '" style="display:flex;align-items:center;justify-content:center;min-height:60vh;padding:32px"><div style="display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace"><div style="display:flex;align-items:center"><span style="font-size:24px;font-weight:500;line-height:49px;padding-right:23px;margin-right:20px;border-right:1px solid currentColor;opacity:.85">' + status + '</span><span style="font-size:14px;line-height:49px;opacity:.7">' + message + "</span></div></div></div>";
+}
+var DEFAULT_PAGE_CSS;
+var init_default_pages = __esm({
+  "../adapter/src/default-pages.ts"() {
+    "use strict";
+    DEFAULT_PAGE_CSS = [
+      ":root{color-scheme:light;",
+      "--vsk-bg:oklch(0.941 0.014 88);",
+      "--vsk-fg:oklch(0.185 0.008 62);",
+      "--vsk-surface:oklch(0.965 0.012 88);",
+      "--vsk-muted:oklch(0.475 0.014 72);",
+      "--vsk-accent:oklch(0.560 0.140 42);",
+      "--vsk-border:oklch(0.86 0.012 82);",
+      "--vsk-border-strong:oklch(0.72 0.014 80);",
+      '--vsk-font:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;',
+      '--vsk-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}',
+      "@media (prefers-color-scheme:dark){:root{color-scheme:dark;",
+      "--vsk-bg:oklch(0.155 0.006 60);",
+      "--vsk-fg:oklch(0.931 0.014 88);",
+      "--vsk-surface:oklch(0.196 0.008 70);",
+      "--vsk-muted:oklch(0.618 0.016 80);",
+      "--vsk-accent:oklch(0.632 0.132 45);",
+      "--vsk-border:oklch(0.29 0.009 75);",
+      "--vsk-border-strong:oklch(0.40 0.011 75);}}",
+      "*{box-sizing:border-box}",
+      "html,body{margin:0;min-height:100%}",
+      "body{background:var(--vsk-bg);color:var(--vsk-fg);font-family:var(--vsk-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}",
+      ".vsk-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}",
+      ".vsk-page__card{width:100%;max-width:540px;border:1px solid var(--vsk-border);background:var(--vsk-surface);padding:clamp(28px,6vw,44px);text-align:center}",
+      "@supports (background:color-mix(in oklab,red,red)){.vsk-page__card{background:color-mix(in oklab,var(--vsk-surface) 60%,transparent)}}",
+      ".vsk-page__brand{margin:0 0 26px;font-family:var(--vsk-mono);font-size:10px;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--vsk-muted)}",
+      ".vsk-page__brand b{color:var(--vsk-fg);font-weight:600}",
+      ".vsk-page__row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}",
+      ".vsk-page__status{font-size:clamp(34px,9vw,46px);font-weight:600;line-height:1;letter-spacing:-.03em;padding-right:22px;margin-right:22px;border-right:1px solid var(--vsk-border-strong)}",
+      ".vsk-page--error .vsk-page__status{color:var(--vsk-accent)}",
+      ".vsk-page__msg{font-family:var(--vsk-mono);font-size:13px;line-height:1.5;color:var(--vsk-muted);text-align:left;max-width:270px}",
+      "@media (max-width:440px){.vsk-page__row{flex-direction:column}.vsk-page__status{padding:0 0 16px;margin:0 0 16px;border-right:0;border-bottom:1px solid var(--vsk-border-strong)}.vsk-page__msg{text-align:center}}",
+      ".vsk-page__detail{margin:20px 0 0;font-family:var(--vsk-mono);font-size:11px;line-height:1.6;color:var(--vsk-muted);word-break:break-all}",
+      ".vsk-page__actions{margin-top:30px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}",
+      ".vsk-page__btn{display:inline-block;padding:11px 22px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;border:1px solid var(--vsk-fg);background:var(--vsk-fg);color:var(--vsk-bg);transition:opacity .18s cubic-bezier(.2,0,0,1)}",
+      ".vsk-page__btn:hover{opacity:.86}",
+      ".vsk-page__btn--ghost{background:transparent;color:var(--vsk-fg);border-color:var(--vsk-border-strong)}",
+      ".vsk-page__btn--ghost:hover{background:var(--vsk-fg);color:var(--vsk-bg);border-color:var(--vsk-fg);opacity:1}"
+    ].join("");
+  }
+});
+
 // ../adapter/src/paths.ts
 import { resolve as resolve11, sep as sep2 } from "node:path";
 import { existsSync as existsSync12, statSync as statSync4, readFileSync as readFileSync12 } from "node:fs";
@@ -35707,6 +36045,7 @@ function generatePlatformHandlerSource(input) {
   const prerenderedList = prerenderedPaths.length > 0 ? `const __prerendered = new Set(${JSON.stringify(prerenderedPaths)});
 ` : "const __prerendered = new Set();\n";
   const isrCache = "const __isrCache = new Map();";
+  const defaultNotFoundLine = `const __defaultNotFoundHtml = ${JSON.stringify(renderDefaultNotFoundPage())};`;
   const serverStoreLine = hasEvents ? "const __serverStore = globalThis.__vesk_server_ctx || {};" : "";
   const eventsStartLine = hasEvents ? "  await __eventsStart({ server: null });" : "";
   const eventsRequestLine = hasEvents ? "  await __eventsRequest(mwCtx);" : "";
@@ -35720,6 +36059,7 @@ ${mwImport}
 ${eventsImport}
 ${prerenderedList}
 ${isrCache}
+${defaultNotFoundLine}
 const __routes = [${routeEntries.join(",\n")}];
 
 async function __invokeRoute(route, request) {
@@ -35733,7 +36073,7 @@ async function __invokeRoute(route, request) {
       });
     }
     if (e && typeof e === 'object' && e.name === 'NotFoundError') {
-      return new Response('<!DOCTYPE html><html><body><h1>404</h1><p>Not Found</p></body></html>', {
+      return new Response(__defaultNotFoundHtml, {
         status: 404,
         headers: { 'Content-Type': 'text/html' },
       });
@@ -35794,6 +36134,20 @@ ${serverStoreLine}
     });
   }
 
+  // Persisted-store pre-paint payload (buildStorePrePaintPayload) \u2014 same
+  // token-stash/consume contract as /ssr-data.js, own store so neither handoff
+  // can eat the other.
+  if (pathname === '/store-init.js') {
+    const initToken = url.searchParams.get('t') || '';
+    const initStore = (globalThis.__vsk_store_init_payload_store || {});
+    const initPayload = initStore[initToken];
+    if (initPayload !== undefined) delete initStore[initToken];
+    return new Response(initPayload ?? '// no store init', {
+      status: 200,
+      headers: { 'Content-Type': 'application/javascript', 'Cache-Control': 'no-store' },
+    });
+  }
+
 ${eventsStartLine}
   let mwCtx = { params: {}, url, locals: ${localsSeed}, cookies: {}, request, resolveUrl(u) { return new URL(u, request.url).href; }, set() {}, get() { return undefined; } };
   if (${hasMwLiteral}) {
@@ -35846,7 +36200,7 @@ ${eventsRequestLine}
     return response;
   }
 
-  return new Response('<!DOCTYPE html><html><body><h1>404</h1><p>Not Found</p></body></html>', {
+  return new Response(__defaultNotFoundHtml, {
     status: 404,
     headers: { 'Content-Type': 'text/html' },
   });
@@ -35941,6 +36295,7 @@ var __dirname5;
 var init_platform_handler = __esm({
   "../adapter/src/platform-handler.ts"() {
     "use strict";
+    init_default_pages();
     __dirname5 = dirname13(fileURLToPath4(import.meta.url));
   }
 });
@@ -46693,7 +47048,7 @@ function offsetToLineCol3(source, offset2) {
   }
   return { line, column };
 }
-function preprocessForClauses2(source) {
+function preprocessForClauses2(source, delimiters) {
   const annotations = [];
   const chars = source.split("");
   const isString = (ch) => ch === '"' || ch === "'" || ch === "`";
@@ -46701,6 +47056,10 @@ function preprocessForClauses2(source) {
   while (i < source.length) {
     const ch = source[i];
     if (isString(ch)) {
+      if (delimiters && !delimiters.has(i)) {
+        i++;
+        continue;
+      }
       const quote = ch;
       let j = i + 1;
       let tplDepth = 0;
@@ -47077,9 +47436,11 @@ function createBaseParser2() {
 }
 function parse5(source, options = {}) {
   const ParserClass = createBaseParser2();
-  const { code, annotations } = preprocessForClauses2(blankGenericArrowTypeParams2(blankComments(source)));
+  const sourceTokens = tokenizeCode(source);
+  const delimiters = sourceTokens === null ? null : collectStringDelimiters(source, sourceTokens);
+  const { code, annotations } = preprocessForClauses2(blankGenericArrowTypeParams2(blankComments(source)), delimiters);
   const vskSource = !options.filename || String(options.filename).endsWith(".vsk");
-  const specifierExports = vskSource ? findSpecifierExports(code).filter((e) => !hasTopLevelValueDeclaration(code, e.local)) : [];
+  const specifierExports = vskSource && sourceTokens !== null ? findSpecifierExports(code, sourceTokens).filter((e) => !hasTopLevelValueDeclaration(code, e.local, sourceTokens)) : [];
   let parseable = code;
   if (specifierExports.length > 0) {
     const edits = specifierExports.map((e) => code.slice(e.start, e.end)).map((text) => text.split("").map((ch) => ch === "\n" ? "\n" : " ").join(""));
@@ -48034,6 +48395,7 @@ async function bundleRuntime(appDir, outDir) {
     `import { renderPage, renderFullPage, renderPageStream, compileFile, setRuntimeModule, setVskHydrate, hydratePrecompile, assertSameOrigin, withSsrStore } from ${JSON.stringify(resolve3(compilerRoot, "server-codegen.js"))};`,
     `import { parseCookies } from ${JSON.stringify(resolve3(compilerRoot, "server-cookies.js"))};`,
     `import * as __veskRuntime from ${JSON.stringify(resolve3(runtimeRoot, "index-server.js"))};`,
+    `import * as __persistence from ${JSON.stringify(resolve3(runtimeRoot, "store-persistence.js"))};`,
     "",
     "// Inject runtime module so server-codegen can find components like NavLink, Link, etc.",
     "setRuntimeModule(__veskRuntime);",
@@ -48099,6 +48461,40 @@ async function bundleRuntime(appDir, outDir) {
     "  return '/ssr-data.js?t=' + token;",
     "}",
     "",
+    "// Persisted-store SSR continuity. `installPersistedStoreServerHooks` installs the",
+    "// adapter-side read hook; `get/getReset` handle the per-request key registry",
+    "// the server drains into the pre-paint payload. The init payload is delivered",
+    "// as an origin-served script (/store-init.js?t=...) exactly like /ssr-data.js",
+    "// so strict CSP (no unsafe-inline) cannot block it; it is never inlined.",
+    "export const installPersistedStoreServerHooks = __persistence.installPersistedStoreServerHooks;",
+    "export const persistedStoreCookieName = __persistence.persistedStoreCookieName;",
+    "export const getPersistedStoreKeys = __persistence.getPersistedStoreKeys;",
+    "export const resetPersistedStoreKeys = __persistence.resetPersistedStoreKeys;",
+    "export const buildStorePrePaintPayload = __persistence.buildStorePrePaintPayload;",
+    "export const storeInitScriptTag = __persistence.storeInitScriptTag;",
+    "",
+    "// Stash the pre-paint payload under a CSPRNG token and return the origin URL",
+    "// the blocking <head> script points at. Own token store (NOT __vsk_ssr_payload_store)",
+    "// so consuming the page hydration handoff never eats the store-init payload",
+    "// and vice versa. Same 100-entry bound as /ssr-data.js.",
+    "export function storeInitScriptGlobal(payload) {",
+    "  if (!payload) return null;",
+    "  const bytes = new Uint8Array(12);",
+    "  crypto.getRandomValues(bytes);",
+    "  let tk = '';",
+    "  for (const b of bytes) tk += b.toString(16).padStart(2, '0');",
+    "  const token = tk;",
+    "  const store = (globalThis.__vsk_store_init_payload_store ||= {});",
+    "  store[token] = payload;",
+    "  const keys = Object.keys(store);",
+    "  if (keys.length > 100) {",
+    "    for (let i = 0; i < keys.length - 100; i++) {",
+    "      delete store[keys[i]];",
+    "    }",
+    "  }",
+    "  return '/store-init.js?t=' + token;",
+    "}",
+    "",
     "// Re-export runtime classes used by API routes",
     "export const VeskRequest = __veskRuntime.VeskRequest;",
     "export const PayloadTooLargeError = __veskRuntime.PayloadTooLargeError;",
@@ -48349,6 +48745,7 @@ function resolveCssUrls(opts) {
 }
 
 // ../adapter/src/ssr-function.ts
+init_default_pages();
 function resolveErrorFile(sourceDir, appDir) {
   const rel = relative(appDir, sourceDir).split("/").filter(Boolean);
   for (let depth = rel.length; depth >= 0; depth--) {
@@ -48409,6 +48806,51 @@ function buildParamExtraction(node, urlParts) {
   walk9(node);
   return parts;
 }
+function persistedStoreSsrCode() {
+  return [
+    "// \u2500\u2500 Persisted-store SSR continuity (createStore / createPathStore persist) \u2500\u2500",
+    "// Reads a persisted store's cookie value through the adapter request context.",
+    "// Client writes mirror URL-encoded; decode on the way back (best effort).",
+    "function __persistRead(key) {",
+    "  const cookieName = persistedStoreCookieName(key);",
+    "  const req = globalThis.__vesk_request;",
+    "  if (!req) return null;",
+    "  const c = req.cookies || {};",
+    "  const v = typeof c.get === 'function' ? c.get(cookieName) : c[cookieName];",
+    "  if (v == null) return null;",
+    "  try { return decodeURIComponent(String(v)); } catch { return String(v); }",
+    "}",
+    "",
+    "// Drain this request's registered persisted keys into a served pre-paint",
+    "// script (/store-init.js?t=...) then forget them. `token` selects the",
+    "// render's bucket for callers outside the ALS scope (the no-layout stream",
+    "// path captures its token at the renderPageStream call site); the layout",
+    "// path runs this inside the scope and relies on the ambient token.",
+    "function __storeInitTag(token) {",
+    "  const keys = getPersistedStoreKeys(token);",
+    "  if (keys.length === 0) { resetPersistedStoreKeys(token); return ''; }",
+    "  const values = {};",
+    "  for (let __i = 0; __i < keys.length; __i++) values[keys[__i]] = __persistRead(keys[__i]);",
+    "  resetPersistedStoreKeys(token);",
+    "  const payload = buildStorePrePaintPayload(values);",
+    "  const url = storeInitScriptGlobal(payload);",
+    "  return url ? storeInitScriptTag(url) : '';",
+    "}",
+    "",
+    "// Inject the blocking store-init <script src> into a full HTML string",
+    "// (before </head>; append if the document has no head).",
+    "function __injectStoreInit(html) {",
+    "  const tag = __storeInitTag();",
+    "  if (tag === '') return html;",
+    "  const idx = html.lastIndexOf('</head>');",
+    "  if (idx === -1) return html + tag;",
+    "  return html.slice(0, idx) + tag + html.slice(idx);",
+    "}",
+    "",
+    "installPersistedStoreServerHooks({ read: __persistRead });",
+    ""
+  ].join("\n");
+}
 function generateSsrFunction(routeNode, appDir, outDir, componentMap, options) {
   const ancestorLayouts = options?.ancestorLayouts || [];
   const middlewareCode = options?.middlewareCode || null;
@@ -48504,12 +48946,13 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
       "    const result = await renderPage('', _errorComp, props, __componentRegistry, { hydrate: true, cached: _errorCompiled });",
       "    return result.body;",
       "  } catch {",
-      "    return '<h1>500 \\u2014 Internal Server Error</h1>';",
+      `    return ${JSON.stringify(renderDefaultErrorFragment())};`,
       "  }",
       "}",
       "",
       "async function __renderHtml(params, requestUrl) {",
       "  return withSsrStore(async () => {",
+      "  resetPersistedStoreKeys();",
       "  let page;",
       "  let caughtError = null;",
       "  const __expose = process.env.NODE_ENV !== 'production';",
@@ -48530,7 +48973,7 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
       "    if (_inner.head) _head = _inner.head + _head;",
       "  }",
       "  const html = await renderFullPage('', _layoutCompList[0], { params, children: _body }, __componentRegistry, { hydrate: true, cached: _layoutCompiledList[0]" + bakedOptions + clientScriptOption + dataScriptOption + ", pageHead: _head });",
-      "  return new Response(html, { headers: { 'Content-Type': 'text/html' }, status: caughtError ? 500 : 200 });",
+      "  return new Response(__injectStoreInit(html), { headers: { 'Content-Type': 'text/html' }, status: caughtError ? 500 : 200 });",
       "  });",
       "}",
       ""
@@ -48549,25 +48992,48 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
       "async function __renderHtml(params, requestUrl) {",
       "  return withSsrStore(async () => {",
       "  let stream;",
+      // The streamed no-layout page emits its <head> before the component body
+      // renders, so its persisted stores don't exist yet when the head is
+      // flushed — the pre-paint tag therefore goes into the final chunk, right
+      // before </body> (still a blocking, pre-paint script). Capture the render
+      // token now (renderPageStream adopts this exact ambient store) so the
+      // registry drain in the consumer's start() can hit the right bucket even
+      // though it runs outside the ALS scope.
+      "  const __streamToken = globalThis.__vsk_ssr_token || '';",
       "  try {",
       "    stream = renderPageStream('', _comp, { params }, __componentRegistry, { hydrate: true, cached: _compiled" + bakedOptions + clientScriptOption + dataScriptOption + " });",
       "  } catch (err) {",
       "    if (err && (err.name === 'NotFoundError' || err.name === 'Redirect')) throw err;",
       "    const html = await __renderErrorFullPage(params, requestUrl, err);",
-      "    return new Response(html, { headers: { 'Content-Type': 'text/html' }, status: 500 });",
+      "    return new Response(__injectStoreInit(html), { headers: { 'Content-Type': 'text/html' }, status: 500 });",
       "  }",
       "  return new Response(new ReadableStream({",
       "    async start(controller) {",
       "      const enc = new TextEncoder();",
+      "      let __tail = null;",
+      "      resetPersistedStoreKeys(__streamToken);",
       "      try {",
       "        for await (const chunk of stream) {",
-      "          controller.enqueue(enc.encode(chunk));",
+      "          if (__tail !== null) controller.enqueue(enc.encode(__tail));",
+      "          __tail = chunk;",
+      "        }",
+      "        if (__tail !== null) {",
+      "          const __tag = __storeInitTag(__streamToken);",
+      "          if (__tag !== '') {",
+      "            const __bi = __tail.lastIndexOf('</body>');",
+      "            __tail = __bi === -1 ? __tail + __tag : __tail.slice(0, __bi) + __tag + __tail.slice(__bi);",
+      "          }",
+      "          controller.enqueue(enc.encode(__tail));",
+      "        } else {",
+      "          // Empty stream (no chunks) \u2014 nothing to attach the tag to; just",
+      "          // clear the registry so a later render can't inherit these keys.",
+      "          resetPersistedStoreKeys(__streamToken);",
       "        }",
       "      } catch (err) {",
       "        if (err && (err.name === 'NotFoundError' || err.name === 'Redirect')) throw err;",
       "        try {",
       "          const html = await __renderErrorFullPage(params, requestUrl, err);",
-      "          controller.enqueue(enc.encode(html));",
+      "          controller.enqueue(enc.encode(__injectStoreInit(html)));",
       "        } catch {}",
       "      }",
       "      controller.close();",
@@ -48578,6 +49044,7 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
       ""
     ].join("\n");
   }
+  const persistCode = persistedStoreSsrCode();
   let dataCode;
   const exposeErr = "process.env.NODE_ENV !== 'production'";
   const dataNavCleanup = [
@@ -48591,6 +49058,9 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
     // process-global token — the cross-request data-slot race, for good. The
     // token dies with the withSsrStore scope wrapped around this block instead.
     "      delete globalThis.__vsk_ssr_data;",
+    // SPA data-nav only runs renderPage, so the persisted-store registration
+    // bucket would otherwise keep this request's keys forever.
+    "      resetPersistedStoreKeys();",
     "    }"
   ];
   const dataNavWrap = (body) => [
@@ -48775,7 +49245,7 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
     ""
   ].join("\n");
   const funcCode = [
-    "import { renderFullPage, renderPageStream, renderPage, hydratePrecompile, parseCookies, getAction, validateActionInput, issuesToFieldMap, storeDataScriptGlobal, withSsrStore, assertSameOrigin, VeskRequest } from '../runtime.js';",
+    "import { renderFullPage, renderPageStream, renderPage, hydratePrecompile, parseCookies, getAction, validateActionInput, issuesToFieldMap, storeDataScriptGlobal, withSsrStore, assertSameOrigin, VeskRequest, installPersistedStoreServerHooks, persistedStoreCookieName, getPersistedStoreKeys, resetPersistedStoreKeys, buildStorePrePaintPayload, storeInitScriptGlobal, storeInitScriptTag } from '../runtime.js';",
     "",
     middlewareCode || "",
     registryCode,
@@ -48784,6 +49254,8 @@ ${layoutDecls.map((d) => "  " + d.compiled + ",").join("\n")}
     paramsCode,
     htmlFnCode,
     "",
+    persistCode,
+    "",
     "export async function handle(request) {",
     "  const url = new URL(request.url);",
     "  const params = __paramsFor(url.pathname);",
@@ -50680,6 +51152,7 @@ async function loadVeskConfig2(projectDir) {
 }
 
 // ../adapter/src/prod-server.ts
+init_default_pages();
 var __dirname4 = dirname10(fileURLToPath3(import.meta.url));
 async function deliverResponse(res, response) {
   res.writeHead(response.status, Object.fromEntries(response.headers));
@@ -50918,6 +51391,15 @@ async function startProdServer(outDir, options) {
       res.end(lines.join("\n") || "// no ssr data");
       return;
     }
+    if (url.pathname === "/store-init.js") {
+      const token = url.searchParams.get("t") || "";
+      const store = globalThis.__vsk_store_init_payload_store;
+      const payload = store?.[token];
+      if (payload) delete store[token];
+      res.writeHead(200, { "Content-Type": "application/javascript", "Cache-Control": "no-store" });
+      res.end(payload ?? "// no store init");
+      return;
+    }
     if (url.pathname === "/_vesk/runtime.js") {
       const clientFile = buildConfig?.assets?.client?.file || "client.js";
       const clientPath = resolve13(staticDir, clientFile);
@@ -51131,7 +51613,7 @@ async function startProdServer(outDir, options) {
               }
               if (err.name === "NotFoundError") {
                 res.writeHead(404, { "Content-Type": "text/html" });
-                res.end(notFoundHtml || "<!DOCTYPE html><html><body><h1>404</h1><p>Not Found</p></body></html>");
+                res.end(notFoundHtml || renderDefaultNotFoundPage({ url: url.pathname, headExtra: bakedHeadExtra }));
                 return;
               }
               console.error("vesk ssr error:", err.message);
@@ -51159,7 +51641,7 @@ async function startProdServer(outDir, options) {
                 }
               }
               res.writeHead(500, { "Content-Type": "text/html" });
-              res.end(errorHtml || "<!DOCTYPE html><html><body><h1>500</h1><pre>Internal Server Error</pre></body></html>");
+              res.end(errorHtml || renderDefaultErrorPage({ message: process.env.NODE_ENV !== "production" ? err.message : void 0, url: url.pathname, headExtra: bakedHeadExtra }));
               return;
             }
           }
@@ -51167,7 +51649,7 @@ async function startProdServer(outDir, options) {
       }
     }
     res.writeHead(404, { "Content-Type": "text/html" });
-    res.end(notFoundHtml || "<!DOCTYPE html><html><body><h1>404</h1><p>Not Found</p></body></html>");
+    res.end(notFoundHtml || renderDefaultNotFoundPage({ url: url.pathname, headExtra: bakedHeadExtra }));
   });
   try {
     await eventsMod?.executeStart?.({ server, port, host });
@@ -51224,6 +51706,29 @@ async function resolveCompilerApi(name) {
   }
   return import(`@vesk/compiler/src/${name.replace(/\.js$/, "")}`);
 }
+function findRouteConflicts(routeTree, appDir) {
+  const projectRoot = resolve21(appDir, "..");
+  const byPath = /* @__PURE__ */ new Map();
+  const walk9 = (nodes) => {
+    for (const node of nodes) {
+      if (node.page) {
+        const pageFile = join15(node.sourceDir, "page.vsk");
+        const files = byPath.get(node.fullPath) ?? [];
+        files.push(relative4(projectRoot, pageFile));
+        byPath.set(node.fullPath, files);
+      }
+      if (node.children && node.children.length > 0)
+        walk9(node.children);
+    }
+  };
+  walk9(routeTree);
+  const conflicts = [];
+  for (const [fullPath, files] of byPath) {
+    if (files.length > 1)
+      conflicts.push({ fullPath, files });
+  }
+  return conflicts;
+}
 function filterActivePlugins2(plugins, records) {
   if (!records || records.length === 0)
     return plugins;
@@ -51357,6 +51862,14 @@ async function build2(appDir, options) {
     console.error("vesk build: no routes found in", appDir);
     return;
   }
+  const routeConflicts = findRouteConflicts(routeTree, appDir);
+  if (routeConflicts.length > 0) {
+    for (const conflict of routeConflicts) {
+      console.error(`vesk build: conflicting routes for ${conflict.fullPath}: ${conflict.files.join(", ")}`);
+    }
+    const first = routeConflicts[0];
+    throw new Error(`conflicting routes: ${first.fullPath} is claimed by both ${first.files.join(" and ")}`);
+  }
   const projectRoot = resolve21(appDir, "..");
   const componentsDir = resolve21(projectRoot, "components");
   const componentMap = scanComponents2(componentsDir);
@@ -52154,15 +52667,38 @@ function transformTracked2(irNode, tracked2) {
 }
 function collectTrackedNames2(body) {
   const names = /* @__PURE__ */ new Map();
+  collectTrackedNamesInto2(body, names);
+  return names;
+}
+function collectTrackedNamesInto2(body, names) {
   for (const node of body) {
     if (node instanceof TrackDecl) {
       const cellName = node.rawName || node.name;
       names.set(node.name, { cellName, kind: "virtual" });
       if (node.rawName)
         names.set(node.rawName, { cellName, kind: "cell" });
+    } else if (node instanceof StaticNode || node instanceof ServerBlock || node instanceof ClientBlock || node instanceof HeadBlock) {
+      collectTrackedNamesInto2(node.children, names);
+    } else if (node instanceof ComponentCall) {
+      collectTrackedNamesInto2(node.children, names);
+    } else if (node instanceof PropSlot) {
+      collectTrackedNamesInto2(node.body, names);
+    } else if (node instanceof MapRegion) {
+      collectTrackedNamesInto2(node.bodyTemplate, names);
+      collectTrackedNamesInto2(node.alternateNodes, names);
+    } else if (node instanceof OpaqueDynamicRegion) {
+      collectTrackedNamesInto2(node.consequentNodes, names);
+      collectTrackedNamesInto2(node.alternateNodes, names);
+    } else if (node instanceof WhileLoop || node instanceof ForLoop) {
+      collectTrackedNamesInto2(node.bodyTemplate, names);
+    } else if (node instanceof TryCatch) {
+      collectTrackedNamesInto2(node.bodyTemplate, names);
+      collectTrackedNamesInto2(node.catchBody, names);
+    } else if (node instanceof SwitchBlock) {
+      for (const c of node.cases)
+        collectTrackedNamesInto2(c.body, names);
     }
   }
-  return names;
 }
 function collectTrackedDeps2(value, tracked2) {
   const ast = value?.ast;
@@ -52277,6 +52813,9 @@ var Ctx2 = class {
   walker = "__hydrate";
   asyncComps = /* @__PURE__ */ new Set();
   isAsyncScope = false;
+  // While emitting a loop body, names the boolean flag a `break` sets (see
+  // BreakSignal). Null outside a break-capable loop body.
+  breakFlag = null;
   constructor(alloc) {
     this.alloc = alloc ?? { c: 0 };
   }
@@ -52364,11 +52903,22 @@ function emitNode2(ctx2, node, tracked2, effectsVar, parentVar, compPrefix = "__
     ctx2.push(semicolonizeStatement2(transformTracked2(node, tracked2)));
     return null;
   }
+  if (node instanceof BreakSignal) {
+    if (ctx2.breakFlag)
+      ctx2.push(`${ctx2.breakFlag} = true;`);
+    return null;
+  }
   if (node instanceof SlotNode) {
     if (!parentVar) {
       if (ctx2.hydrate) {
+        const promptExpr = ctx2.markerless && (regionBudget || skipK > 0) ? markerlessSkipExpr2(regionBudget, skipK) : null;
         ctx2.push(`if (props.children !== undefined && props.children !== null) {`);
         ctx2.push(`  if (typeof props.children === 'function') {`);
+        if (promptExpr) {
+          ctx2.push(`    ${ctx2.walker}.injectSkipK(${promptExpr});`);
+          if (regionBudget && ctx2.markerless)
+            ctx2.push(`    ${regionBudget} = 0;`);
+        }
         ctx2.push(`    __pendingChild = props.children(__hydrate);`);
         ctx2.push(`  } else if (__hydrate && __hydrate.root) {`);
         ctx2.push(`    __hydrate.root.appendChild(toDomNode(props.children));`);
@@ -53270,6 +53820,8 @@ function emitWhileLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget
   ctx2.push(`const ${endAnchor} = document.createComment('while-end');`);
   emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root", budget || void 0);
   const renderLoop = ctx2.n();
+  const hasBreak = bodyHasBreak2(node.bodyTemplate);
+  const breakVar = hasBreak ? ctx2.n() : null;
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd)
     ctx2.push(indent3(`const __p = ${anchor}.parentNode;`));
@@ -53277,8 +53829,14 @@ function emitWhileLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget
     ctx2.push(indent3(`const __b = document.createDocumentFragment();`));
   if (hyd)
     ctx2.push(indent3(`const __cl = [];`));
+  if (breakVar)
+    ctx2.push(indent3(`let ${breakVar} = false;`));
+  const savedBreakFlag = ctx2.breakFlag;
+  ctx2.breakFlag = breakVar;
   if (node.isDoWhile) {
     ctx2.push(indent3(`do {`));
+    if (breakVar)
+      ctx2.push(indent3(indent3(`if (${breakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode2(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -53291,6 +53849,8 @@ function emitWhileLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget
     ctx2.push(indent3(`} while (${condExpr});`));
   } else {
     ctx2.push(indent3(`while (${condExpr}) {`));
+    if (breakVar)
+      ctx2.push(indent3(indent3(`if (${breakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode2(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -53302,6 +53862,7 @@ function emitWhileLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget
     }
     ctx2.push(indent3(`}`));
   }
+  ctx2.breakFlag = savedBreakFlag;
   if (!hyd)
     ctx2.push(indent3(`__p.insertBefore(__b, ${endAnchor});`));
   if (hyd)
@@ -53345,6 +53906,8 @@ function emitForLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
   ctx2.push(`const ${endAnchor} = document.createComment('for-end');`);
   emitHydrateFenceAnchoring2(ctx2, anchor, endAnchor, parent === "$root", budget || void 0);
   const renderLoop = ctx2.n();
+  const forHasBreak = bodyHasBreak2(node.bodyTemplate);
+  const forBreakVar = forHasBreak ? ctx2.n() : null;
   ctx2.push(`const ${renderLoop} = ${ctx2.isAsyncScope ? "async () => {" : "() => {"}`);
   if (!hyd)
     ctx2.push(indent3(`const __p = ${anchor}.parentNode;`));
@@ -53352,9 +53915,15 @@ function emitForLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
     ctx2.push(indent3(`const __b = document.createDocumentFragment();`));
   if (hyd)
     ctx2.push(indent3(`const __cl = [];`));
+  if (forBreakVar)
+    ctx2.push(indent3(`let ${forBreakVar} = false;`));
+  const savedForBreakFlag = ctx2.breakFlag;
+  ctx2.breakFlag = forBreakVar;
   if (node.kind === "for-in") {
     const srcExpr = transformTracked2(node.condition, tracked2);
     ctx2.push(indent3(`for (${node.init} of (Array.isArray(${srcExpr}) ? ${srcExpr} : (${srcExpr} == null ? [] : Object.keys(${srcExpr})))) {`));
+    if (forBreakVar)
+      ctx2.push(indent3(indent3(`if (${forBreakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode2(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -53375,6 +53944,8 @@ function emitForLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
       updatePart = updatePart.slice(0, -1).trim();
     const head = initPart ? `${initPart}; ${condExpr}` : `; ${condExpr}`;
     ctx2.push(indent3(`for (${head}; ${updatePart}) {`));
+    if (forBreakVar)
+      ctx2.push(indent3(indent3(`if (${forBreakVar}) break;`)));
     for (const n of node.bodyTemplate) {
       const v = emitNode2(ctx2, n, tracked2, effectsVar, hyd ? parentVar : "__b", "__components", 0, budget || void 0);
       if (v) {
@@ -53386,6 +53957,7 @@ function emitForLoop2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudget)
     }
     ctx2.push(indent3(`}`));
   }
+  ctx2.breakFlag = savedForBreakFlag;
   if (!hyd)
     ctx2.push(indent3(`__p.insertBefore(__b, ${endAnchor});`));
   if (hyd)
@@ -53557,6 +54129,36 @@ function emitSwitchBlock2(ctx2, node, tracked2, parentVar, skipK = 0, regionBudg
 }`);
   return null;
 }
+function bodyHasBreak2(nodes) {
+  for (const n of nodes) {
+    if (n instanceof BreakSignal)
+      return true;
+    if (n instanceof OpaqueDynamicRegion) {
+      if (bodyHasBreak2([...n.consequentNodes, ...n.alternateNodes]))
+        return true;
+    } else if (n instanceof SwitchBlock) {
+      for (const c of n.cases)
+        if (bodyHasBreak2(c.body))
+          return true;
+    } else if (n instanceof TryCatch) {
+      if (bodyHasBreak2([...n.bodyTemplate, ...n.catchBody]))
+        return true;
+    } else if (n instanceof StaticNode) {
+      if (bodyHasBreak2(n.children))
+        return true;
+    } else if (n instanceof ComponentCall) {
+      if (bodyHasBreak2(n.children))
+        return true;
+    } else if (n instanceof ServerBlock || n instanceof ClientBlock || n instanceof HeadBlock) {
+      if (bodyHasBreak2(n.children))
+        return true;
+    } else if (n instanceof PropSlot) {
+      if (bodyHasBreak2(n.body))
+        return true;
+    }
+  }
+  return false;
+}
 function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionBudget) {
   const arrExpr = transformTracked2(node.expression, tracked2);
   const itemVar = node.itemVariable;
@@ -53590,9 +54192,15 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
   ctx2.push(`let ${effectsVar} = [];`);
   ctx2.push(`const ${endAnchor} = document.createComment('map-end');`);
   const renderItem = ctx2.n();
+  const hasBreak = bodyHasBreak2(node.bodyTemplate);
+  const breakVar = hasBreak ? ctx2.n() : null;
+  if (breakVar)
+    ctx2.push(`let ${breakVar} = false;`);
   const indexParam = node.indexVariable ? ", __i" : "";
   ctx2.push(`const ${renderItem} = ${ctx2.isAsyncScope ? "async " : ""}(${itemVar}${indexParam}, __e, __r${hyd ? ", __cl" : ""}${hydKeyed ? ", __root" : ""}) => {`);
   ctx2.push(indent3(`__r = __r || ${endAnchor};`));
+  if (breakVar)
+    ctx2.push(indent3(`if (${breakVar}) return;`));
   if (node.indexVariable)
     ctx2.push(indent3(`const ${node.indexVariable} = __i;`));
   if (hyd) {
@@ -53603,6 +54211,8 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
   }
   if (hydKeyed)
     ctx2.rootClaim = true;
+  const savedMapBreak = ctx2.breakFlag;
+  ctx2.breakFlag = breakVar;
   for (const n of node.bodyTemplate) {
     const v = emitNode2(ctx2, n, tracked2, "__e", hyd ? void 0 : "__it", "__components", 0, budget || void 0);
     if (v) {
@@ -53615,6 +54225,7 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
       }
     }
   }
+  ctx2.breakFlag = savedMapBreak;
   if (hydKeyed)
     ctx2.rootClaim = false;
   if (!hyd)
@@ -53658,11 +54269,12 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
     const keyFnSrc = `(${itemVar}${node.indexVariable ? `, ${node.indexVariable}` : ""}) => ${keyExpr}`;
     const reconciler = ctx2.n();
     const initList = ctx2.n();
+    const breakReset = breakVar ? `${breakVar} = false; ` : "";
     ctx2.push(`let ${reconciler} = () => {};`);
     if (hydKeyed) {
-      ctx2.push(`const ${initList} = () => { ${reconciler} = reconcileHydrated(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e, __root) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"}, null, __root), __hydrate, ${parent}, ${skipK}); };`);
+      ctx2.push(`const ${initList} = () => { ${breakReset}${reconciler} = reconcileHydrated(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e, __root) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"}, null, __root), __hydrate, ${parent}, ${skipK}); };`);
     } else {
-      ctx2.push(`const ${initList} = () => { ${reconciler} = reconcile(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"})); };`);
+      ctx2.push(`const ${initList} = () => { ${breakReset}${reconciler} = reconcile(${anchor}, ${endAnchor}, ${arrExpr}, ${keyFnSrc}, (${itemVar}, __i, __e) => ${renderItem}(${itemVar}${indexParam ? ", __i, __e" : ", __e"})); };`);
     }
     if (emptyRenderName) {
       const isEmptyVar = ctx2.n();
@@ -53674,7 +54286,7 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
     const __new = ${hasItems}();
     if (__first) { __first = false; __new; return; }
     if (__new !== ${isEmptyVar}) {
-      if (__new) ${reconciler}(${arrExpr});
+      if (__new) {${breakVar ? ` ${breakVar} = false;` : ""} ${reconciler}(${arrExpr}); }
       return;
     }
     ${isEmptyVar} = !__new;
@@ -53689,22 +54301,28 @@ function emitMap2(ctx2, node, tracked2, effTarget, parentVar, skipK = 0, regionB
         return null;
       pushEffect(`let __first = true;`, `effect(() => {
     const __nv = ${arrExpr};
-    if (__first) { __first = false; __nv; ${reconciler}(${arrExpr}); return; }
-    ${reconciler}(${arrExpr});
+    if (__first) { __first = false; __nv; ${breakReset}${reconciler}(${arrExpr}); return; }
+    ${breakVar ? `if (${breakVar}) ${breakVar} = false;` : ""}${reconciler}(${arrExpr});
   })`);
     }
   } else {
     const renderAllItems = (ind, collect) => {
       const lines = [];
+      if (breakVar)
+        lines.push(`${ind}${breakVar} = false;`);
       if (node.indexVariable) {
         lines.push(`${ind}let __i = 0;`);
         lines.push(`${ind}for (const ${itemVar} of ${arrExpr}) {`);
         lines.push(`${ind}	${aw}${renderItem}(${itemVar}, __i, ${effectsVar}${collect ? `, null, ${collect}` : ""});`);
         lines.push(`${ind}	__i++;`);
+        if (breakVar)
+          lines.push(`${ind}	if (${breakVar}) break;`);
         lines.push(`${ind}}`);
       } else {
         lines.push(`${ind}for (const ${itemVar} of ${arrExpr}) {`);
         lines.push(`${ind}	${aw}${renderItem}(${itemVar}, ${effectsVar}${collect ? `, null, ${collect}` : ""});`);
+        if (breakVar)
+          lines.push(`${ind}	if (${breakVar}) break;`);
         lines.push(`${ind}}`);
       }
       return lines.join("\n");
@@ -61574,6 +62192,71 @@ function createVeskTools(deps) {
   return tools;
 }
 
+// ../adapter/dist/default-pages.js
+function escapeDefaultPageHtml2(value) {
+  return String(value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+var DEFAULT_PAGE_CSS2 = [
+  ":root{color-scheme:light;",
+  "--vsk-bg:oklch(0.941 0.014 88);",
+  "--vsk-fg:oklch(0.185 0.008 62);",
+  "--vsk-surface:oklch(0.965 0.012 88);",
+  "--vsk-muted:oklch(0.475 0.014 72);",
+  "--vsk-accent:oklch(0.560 0.140 42);",
+  "--vsk-border:oklch(0.86 0.012 82);",
+  "--vsk-border-strong:oklch(0.72 0.014 80);",
+  '--vsk-font:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;',
+  '--vsk-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}',
+  "@media (prefers-color-scheme:dark){:root{color-scheme:dark;",
+  "--vsk-bg:oklch(0.155 0.006 60);",
+  "--vsk-fg:oklch(0.931 0.014 88);",
+  "--vsk-surface:oklch(0.196 0.008 70);",
+  "--vsk-muted:oklch(0.618 0.016 80);",
+  "--vsk-accent:oklch(0.632 0.132 45);",
+  "--vsk-border:oklch(0.29 0.009 75);",
+  "--vsk-border-strong:oklch(0.40 0.011 75);}}",
+  "*{box-sizing:border-box}",
+  "html,body{margin:0;min-height:100%}",
+  "body{background:var(--vsk-bg);color:var(--vsk-fg);font-family:var(--vsk-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}",
+  ".vsk-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}",
+  ".vsk-page__card{width:100%;max-width:540px;border:1px solid var(--vsk-border);background:var(--vsk-surface);padding:clamp(28px,6vw,44px);text-align:center}",
+  "@supports (background:color-mix(in oklab,red,red)){.vsk-page__card{background:color-mix(in oklab,var(--vsk-surface) 60%,transparent)}}",
+  ".vsk-page__brand{margin:0 0 26px;font-family:var(--vsk-mono);font-size:10px;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--vsk-muted)}",
+  ".vsk-page__brand b{color:var(--vsk-fg);font-weight:600}",
+  ".vsk-page__row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}",
+  ".vsk-page__status{font-size:clamp(34px,9vw,46px);font-weight:600;line-height:1;letter-spacing:-.03em;padding-right:22px;margin-right:22px;border-right:1px solid var(--vsk-border-strong)}",
+  ".vsk-page--error .vsk-page__status{color:var(--vsk-accent)}",
+  ".vsk-page__msg{font-family:var(--vsk-mono);font-size:13px;line-height:1.5;color:var(--vsk-muted);text-align:left;max-width:270px}",
+  "@media (max-width:440px){.vsk-page__row{flex-direction:column}.vsk-page__status{padding:0 0 16px;margin:0 0 16px;border-right:0;border-bottom:1px solid var(--vsk-border-strong)}.vsk-page__msg{text-align:center}}",
+  ".vsk-page__detail{margin:20px 0 0;font-family:var(--vsk-mono);font-size:11px;line-height:1.6;color:var(--vsk-muted);word-break:break-all}",
+  ".vsk-page__actions{margin-top:30px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}",
+  ".vsk-page__btn{display:inline-block;padding:11px 22px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;border:1px solid var(--vsk-fg);background:var(--vsk-fg);color:var(--vsk-bg);transition:opacity .18s cubic-bezier(.2,0,0,1)}",
+  ".vsk-page__btn:hover{opacity:.86}",
+  ".vsk-page__btn--ghost{background:transparent;color:var(--vsk-fg);border-color:var(--vsk-border-strong)}",
+  ".vsk-page__btn--ghost:hover{background:var(--vsk-fg);color:var(--vsk-bg);border-color:var(--vsk-fg);opacity:1}"
+].join("");
+function renderDefaultPage2(opts = {}) {
+  const status = opts.status ?? 404;
+  const title = escapeDefaultPageHtml2(opts.title ?? `${status} \u2014 Vesk`);
+  const message = escapeDefaultPageHtml2(opts.message ?? "This page could not be found.");
+  const url = opts.url ? escapeDefaultPageHtml2(opts.url) : "";
+  const headExtra = opts.headExtra || "";
+  const homeHref = opts.homeHref === void 0 ? "/" : opts.homeHref;
+  const homeLabel = escapeDefaultPageHtml2(opts.homeLabel ?? "Back to home");
+  const variant = `vsk-page${opts.accentStatus ? " vsk-page--error" : ""}`;
+  const action = homeHref === null ? "" : `<a class="vsk-page__btn" href="${escapeDefaultPageHtml2(homeHref)}">${homeLabel}</a>`;
+  return `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex"><title>${title}</title><style>${DEFAULT_PAGE_CSS2}</style>` + headExtra + `</head><body><main class="${variant}" data-vesk-default-page="${status}"><div class="vsk-page__card"><p class="vsk-page__brand"><b>Vesk</b> \xB7 built-in error page</p><div class="vsk-page__row"><span class="vsk-page__status">${status}</span><span class="vsk-page__msg">${message}</span></div>` + (url ? `<p class="vsk-page__detail">${url}</p>` : "") + (action ? `<div class="vsk-page__actions">${action}</div>` : "") + "</div></main></body></html>";
+}
+function renderDefaultNotFoundPage2(opts = {}) {
+  return renderDefaultPage2({
+    status: 404,
+    title: "404 \u2014 Not Found",
+    message: "This page could not be found.",
+    url: opts.url,
+    headExtra: opts.headExtra
+  });
+}
+
 // ../adapter/dist/css.js
 import { readFileSync as readFileSync33, existsSync as existsSync37 } from "node:fs";
 import { resolve as resolve33 } from "node:path";
@@ -61605,6 +62288,7 @@ import { WebSocketServer } from "ws";
 import { readFileSync as readFileSync34, existsSync as existsSync38, writeFileSync as writeFileSync19 } from "node:fs";
 import { resolve as resolve34, dirname as dirname24 } from "node:path";
 import { fileURLToPath as fileURLToPath7 } from "node:url";
+init_default_pages();
 init_paths();
 
 // ../adapter/src/error-codeframe.ts
@@ -64003,7 +64687,7 @@ Object.defineProperty(__components, ${JSON.stringify(cname)}, { get: () => __com
       }
       logRequest(404);
       res.writeHead(404, { "Content-Type": "text/html" });
-      res.end(notFoundHtml || `<!DOCTYPE html><html><body><h1>404</h1><p>${url.pathname}</p></body></html>`);
+      res.end(notFoundHtml || renderDefaultNotFoundPage2({ url: url.pathname }));
       return;
     }
     const urlParts = url.pathname.split("/").filter(Boolean);
@@ -64302,7 +64986,7 @@ ${prettifyHtml(body)}
         }
         logRequest(404);
         res.writeHead(404, { "Content-Type": "text/html" });
-        res.end(notFoundHtml || "<!DOCTYPE html><html><body><h1>404 \u2014 Not Found</h1></body></html>");
+        res.end(notFoundHtml || renderDefaultNotFoundPage2({ url: url.pathname }));
       } else {
         let devPayload = null;
         try {