@kuratchi/js 0.0.12 → 0.0.14

package/dist/compiler/index.js

@@ -252,385 +252,385 @@ export function compile(options) {
         // - server actions bound via onX={serverAction(...)} -> [data-action][data-action-event]
         // - declarative confirm="..."
         // - declarative checkbox groups: data-select-all / data-select-item
-        const bridgeSource = `(function(){
-  function by(sel, root){ return Array.prototype.slice.call((root || document).querySelectorAll(sel)); }
-  var __refreshSeq = Object.create(null);
-  function syncGroup(group){
-    var items = by('[data-select-item]').filter(function(el){ return el.getAttribute('data-select-item') === group; });
-    var masters = by('[data-select-all]').filter(function(el){ return el.getAttribute('data-select-all') === group; });
-    if(!items.length || !masters.length) return;
-    var all = items.every(function(i){ return !!i.checked; });
-    var any = items.some(function(i){ return !!i.checked; });
-    masters.forEach(function(m){ m.checked = all; m.indeterminate = any && !all; });
-  }
-  function inferQueryKey(getName, argsRaw){
-    if(!getName) return '';
-    return 'query:' + String(getName) + '|' + (argsRaw || '[]');
-  }
-  function blockKey(el){
-    if(!el || !el.getAttribute) return '';
-    var explicit = el.getAttribute('data-key');
-    if(explicit) return 'key:' + explicit;
-    var inferred = inferQueryKey(el.getAttribute('data-get'), el.getAttribute('data-get-args'));
-    if(inferred) return inferred;
-    var asName = el.getAttribute('data-as');
-    if(asName) return 'as:' + asName;
-    return '';
-  }
-  function escHtml(v){
-    return String(v || '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-  }
-  function setBlocksLoading(blocks){
-    blocks.forEach(function(el){
-      el.setAttribute('aria-busy','true');
-      el.setAttribute('data-kuratchi-loading','1');
-      var text = el.getAttribute('data-loading-text');
-      if(text && !el.hasAttribute('data-as')){ el.innerHTML = '<p>' + escHtml(text) + '</p>'; return; }
-      el.style.opacity = '0.6';
-    });
-  }
-  function clearBlocksLoading(blocks){
-    blocks.forEach(function(el){
-      el.removeAttribute('aria-busy');
-      el.removeAttribute('data-kuratchi-loading');
-      el.style.opacity = '';
-    });
-  }
-  function replaceBlocksWithKey(key){
-    if(!key || typeof DOMParser === 'undefined'){ location.reload(); return Promise.resolve(); }
-    var oldBlocks = by('[data-get]').filter(function(el){ return blockKey(el) === key; });
-    if(!oldBlocks.length){ location.reload(); return Promise.resolve(); }
-    var first = oldBlocks[0];
-    var qFn = first ? (first.getAttribute('data-get') || '') : '';
-    var qArgs = first ? String(first.getAttribute('data-get-args') || '[]') : '[]';
-    var seq = (__refreshSeq[key] || 0) + 1;
-    __refreshSeq[key] = seq;
-    setBlocksLoading(oldBlocks);
-    var headers = { 'x-kuratchi-refresh': '1' };
-    if(qFn){ headers['x-kuratchi-query-fn'] = String(qFn); headers['x-kuratchi-query-args'] = qArgs; }
-    return fetch(location.pathname + location.search, { headers: headers })
-      .then(function(r){ if(!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })
-      .then(function(html){
-        if(__refreshSeq[key] !== seq) return;
-        var doc = new DOMParser().parseFromString(html, 'text/html');
-        var newBlocks = by('[data-get]', doc).filter(function(el){ return blockKey(el) === key; });
-        if(!oldBlocks.length || !newBlocks.length){ location.reload(); return; }
-        for(var i=0;i<oldBlocks.length;i++){ if(newBlocks[i]) oldBlocks[i].outerHTML = newBlocks[i].outerHTML; }
-        by('[data-select-all]').forEach(function(m){ var g=m.getAttribute('data-select-all'); if(g) syncGroup(g); });
-      })
-      .catch(function(){
-        if(__refreshSeq[key] === seq) clearBlocksLoading(oldBlocks);
-        location.reload();
-      });
-  }
-  function replaceBlocksByDescriptor(fnName, argsRaw){
-    if(!fnName || typeof DOMParser === 'undefined'){ location.reload(); return Promise.resolve(); }
-    var normalizedArgs = String(argsRaw || '[]');
-    var oldBlocks = by('[data-get]').filter(function(el){
-      return (el.getAttribute('data-get') || '') === String(fnName) &&
-        String(el.getAttribute('data-get-args') || '[]') === normalizedArgs;
-    });
-    if(!oldBlocks.length){ location.reload(); return Promise.resolve(); }
-    var key = 'fn:' + String(fnName) + '|' + normalizedArgs;
-    var seq = (__refreshSeq[key] || 0) + 1;
-    __refreshSeq[key] = seq;
-    setBlocksLoading(oldBlocks);
-    return fetch(location.pathname + location.search, {
-      headers: {
-        'x-kuratchi-refresh': '1',
-        'x-kuratchi-query-fn': String(fnName),
-        'x-kuratchi-query-args': normalizedArgs,
-      }
-    })
-      .then(function(r){ if(!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })
-      .then(function(html){
-        if(__refreshSeq[key] !== seq) return;
-        var doc = new DOMParser().parseFromString(html, 'text/html');
-        var newBlocks = by('[data-get]', doc).filter(function(el){
-          return (el.getAttribute('data-get') || '') === String(fnName) &&
-            String(el.getAttribute('data-get-args') || '[]') === normalizedArgs;
-        });
-        if(!newBlocks.length){ location.reload(); return; }
-        for(var i=0;i<oldBlocks.length;i++){ if(newBlocks[i]) oldBlocks[i].outerHTML = newBlocks[i].outerHTML; }
-        by('[data-select-all]').forEach(function(m){ var g=m.getAttribute('data-select-all'); if(g) syncGroup(g); });
-      })
-      .catch(function(){
-        if(__refreshSeq[key] === seq) clearBlocksLoading(oldBlocks);
-        location.reload();
-      });
-  }
-  function refreshByDescriptor(fnName, argsRaw){
-    if(!fnName) { location.reload(); return Promise.resolve(); }
-    return replaceBlocksByDescriptor(fnName, argsRaw || '[]');
-  }
-  function refreshNearest(el){
-    var host = el && el.closest ? el.closest('[data-get]') : null;
-    if(!host){ location.reload(); return Promise.resolve(); }
-    return replaceBlocksWithKey(blockKey(host));
-  }
-  function refreshTargets(raw){
-    if(!raw){ location.reload(); return Promise.resolve(); }
-    var keys = String(raw).split(',').map(function(v){ return v.trim(); }).filter(Boolean);
-    if(!keys.length){ location.reload(); return Promise.resolve(); }
-    return Promise.all(keys.map(function(k){ return replaceBlocksWithKey('key:' + k); })).then(function(){});
-  }
-  function act(e){
-    if(e.type === 'click'){
-      var g = e.target && e.target.closest ? e.target.closest('[data-get]') : null;
-      if(g && !g.hasAttribute('data-as') && !g.hasAttribute('data-action')){
-        var getUrl = g.getAttribute('data-get');
-        if(getUrl){
-          if(/^[a-z][a-z0-9+\-.]*:/i.test(getUrl) && !/^https?:/i.test(getUrl)) return;
-          e.preventDefault();
-          location.assign(getUrl);
-          return;
-        }
-      }
-      var r = e.target && e.target.closest ? e.target.closest('[data-refresh]') : null;
-      if(r && !r.hasAttribute('data-action')){
-        e.preventDefault();
-        var rf = r.getAttribute('data-refresh');
-        var ra = r.getAttribute('data-refresh-args');
-        if(ra !== null){ refreshByDescriptor(rf, ra || '[]'); return; }
-        if(rf && rf.trim()){ refreshTargets(rf); return; }
-        refreshNearest(r);
-        return;
-      }
-    }
-    var sel = '[data-action][data-action-event="' + e.type + '"]';
-    var b = e.target && e.target.closest ? e.target.closest(sel) : null;
-    if(!b) return;
-    e.preventDefault();
-    var fd = new FormData();
-    fd.append('_action', b.getAttribute('data-action') || '');
-    fd.append('_args', b.getAttribute('data-args') || '[]');
-    var m = b.getAttribute('data-action-method');
-    if(m) fd.append('_method', String(m).toUpperCase());
-    fetch(location.pathname, { method: 'POST', body: fd })
-      .then(function(r){
-        if(!r.ok){
-          return r.json().then(function(j){ throw new Error((j && j.error) || ('HTTP ' + r.status)); }).catch(function(){ throw new Error('HTTP ' + r.status); });
-        }
-        return r.json();
-      })
-      .then(function(j){
-        if(j && j.redirectTo){ location.assign(j.redirectTo); return; }
-        if(!b.hasAttribute('data-refresh')) return;
-        var refreshFn = b.getAttribute('data-refresh');
-        var refreshArgs = b.getAttribute('data-refresh-args');
-        if(refreshArgs !== null){ return refreshByDescriptor(refreshFn, refreshArgs || '[]'); }
-        if(refreshFn && refreshFn.trim()){ return refreshTargets(refreshFn); }
-        return refreshNearest(b);
-      })
-      .catch(function(err){ console.error('[kuratchi] client action error:', err); });
-  }
-  ['click','change','input','focus','blur'].forEach(function(ev){ document.addEventListener(ev, act, true); });
-  function autoLoadQueries(){
-    var seen = Object.create(null);
-    by('[data-get][data-as]').forEach(function(el){
-      var fn = el.getAttribute('data-get');
-      if(!fn) return;
-      var args = String(el.getAttribute('data-get-args') || '[]');
-      var key = String(fn) + '|' + args;
-      if(seen[key]) return;
-      seen[key] = true;
-      replaceBlocksByDescriptor(fn, args);
-    });
-  }
-  if(document.readyState === 'loading'){
-    document.addEventListener('DOMContentLoaded', autoLoadQueries, { once: true });
-  } else {
-    autoLoadQueries();
-  }
-  document.addEventListener('click', function(e){
-    var b = e.target && e.target.closest ? e.target.closest('[command="fill-dialog"]') : null;
-    if(!b) return;
-    var targetId = b.getAttribute('commandfor');
-    if(!targetId) return;
-    var dialog = document.getElementById(targetId);
-    if(!dialog) return;
-    var raw = b.getAttribute('data-dialog-data');
-    if(!raw) return;
-    var data;
-    try { data = JSON.parse(raw); } catch(_err) { return; }
-    Object.keys(data).forEach(function(k){
-      var inp = dialog.querySelector('[name="col_' + k + '"]');
-      if(inp){
-        inp.value = data[k] === null || data[k] === undefined ? '' : String(data[k]);
-        inp.placeholder = data[k] === null || data[k] === undefined ? 'NULL' : '';
-      }
-      var hidden = dialog.querySelector('#dialog-field-' + k);
-      if(hidden){
-        hidden.value = data[k] === null || data[k] === undefined ? '' : String(data[k]);
-      }
-    });
-    var rowidInp = dialog.querySelector('[name="rowid"]');
-    if(rowidInp && data.rowid !== undefined) rowidInp.value = String(data.rowid);
-    if(typeof dialog.showModal === 'function') dialog.showModal();
-  }, true);
-  (function initPoll(){
-    var prev = {};
-    function bindPollEl(el){
-      if(!el || !el.getAttribute) return;
-      if(el.getAttribute('data-kuratchi-poll-bound') === '1') return;
-      var fn = el.getAttribute('data-poll');
-      if(!fn) return;
-      el.setAttribute('data-kuratchi-poll-bound', '1');
-      var args = el.getAttribute('data-poll-args') || '[]';
-      var iv = parseInt(el.getAttribute('data-interval') || '', 10) || 3000;
-      var key = String(fn) + args;
-      if(!(key in prev)) prev[key] = null;
-      (function tick(){
-        setTimeout(function(){
-          fetch(location.pathname + '?_rpc=' + encodeURIComponent(String(fn)) + '&_args=' + encodeURIComponent(args), { headers: { 'x-kuratchi-rpc': '1' } })
-            .then(function(r){ return r.json(); })
-            .then(function(j){
-              if(j && j.ok){
-                var s = JSON.stringify(j.data);
-                if(prev[key] !== null && prev[key] !== s){ location.reload(); return; }
-                prev[key] = s;
-              }
-              tick();
-            })
-            .catch(function(){ tick(); });
-        }, iv);
-      })();
-    }
-    function scan(){
-      by('[data-poll]').forEach(bindPollEl);
-    }
-    scan();
-    setInterval(scan, 500);
-  })();
-  function confirmClick(e){
-    var el = e.target && e.target.closest ? e.target.closest('[confirm]') : null;
-    if(!el) return;
-    var msg = el.getAttribute('confirm');
-    if(!msg) return;
-    if(!window.confirm(msg)){ e.preventDefault(); e.stopPropagation(); }
-  }
-  document.addEventListener('click', confirmClick, true);
-  document.addEventListener('submit', function(e){
-    var f = e.target && e.target.matches && e.target.matches('form[confirm]') ? e.target : null;
-    if(!f) return;
-    var msg = f.getAttribute('confirm');
-    if(!msg) return;
-    if(!window.confirm(msg)){ e.preventDefault(); e.stopPropagation(); }
-  }, true);
-  document.addEventListener('submit', function(e){
-    if(e.defaultPrevented) return;
-    var f = e.target;
-    if(!f || !f.querySelector) return;
-    var aInput = f.querySelector('input[name="_action"]');
-    if(!aInput) return;
-    var aName = aInput.value;
-    if(!aName) return;
-    f.setAttribute('data-action-loading', aName);
-    Array.prototype.slice.call(f.querySelectorAll('button[type="submit"],button:not([type="button"]):not([type="reset"])')).forEach(function(b){ b.disabled = true; });
-  }, true);
-  document.addEventListener('change', function(e){
-    var t = e.target;
-    if(!t || !t.getAttribute) return;
-    var gAll = t.getAttribute('data-select-all');
-    if(gAll){
-      by('[data-select-item]').filter(function(i){ return i.getAttribute('data-select-item') === gAll; }).forEach(function(i){ i.checked = !!t.checked; });
-      syncGroup(gAll);
-      return;
-    }
-    var gItem = t.getAttribute('data-select-item');
-    if(gItem) syncGroup(gItem);
-  }, true);
-  by('[data-select-all]').forEach(function(m){ var g = m.getAttribute('data-select-all'); if(g) syncGroup(g); });
+        const bridgeSource = `(function(){
+  function by(sel, root){ return Array.prototype.slice.call((root || document).querySelectorAll(sel)); }
+  var __refreshSeq = Object.create(null);
+  function syncGroup(group){
+    var items = by('[data-select-item]').filter(function(el){ return el.getAttribute('data-select-item') === group; });
+    var masters = by('[data-select-all]').filter(function(el){ return el.getAttribute('data-select-all') === group; });
+    if(!items.length || !masters.length) return;
+    var all = items.every(function(i){ return !!i.checked; });
+    var any = items.some(function(i){ return !!i.checked; });
+    masters.forEach(function(m){ m.checked = all; m.indeterminate = any && !all; });
+  }
+  function inferQueryKey(getName, argsRaw){
+    if(!getName) return '';
+    return 'query:' + String(getName) + '|' + (argsRaw || '[]');
+  }
+  function blockKey(el){
+    if(!el || !el.getAttribute) return '';
+    var explicit = el.getAttribute('data-key');
+    if(explicit) return 'key:' + explicit;
+    var inferred = inferQueryKey(el.getAttribute('data-get'), el.getAttribute('data-get-args'));
+    if(inferred) return inferred;
+    var asName = el.getAttribute('data-as');
+    if(asName) return 'as:' + asName;
+    return '';
+  }
+  function escHtml(v){
+    return String(v || '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+  }
+  function setBlocksLoading(blocks){
+    blocks.forEach(function(el){
+      el.setAttribute('aria-busy','true');
+      el.setAttribute('data-kuratchi-loading','1');
+      var text = el.getAttribute('data-loading-text');
+      if(text && !el.hasAttribute('data-as')){ el.innerHTML = '<p>' + escHtml(text) + '</p>'; return; }
+      el.style.opacity = '0.6';
+    });
+  }
+  function clearBlocksLoading(blocks){
+    blocks.forEach(function(el){
+      el.removeAttribute('aria-busy');
+      el.removeAttribute('data-kuratchi-loading');
+      el.style.opacity = '';
+    });
+  }
+  function replaceBlocksWithKey(key){
+    if(!key || typeof DOMParser === 'undefined'){ location.reload(); return Promise.resolve(); }
+    var oldBlocks = by('[data-get]').filter(function(el){ return blockKey(el) === key; });
+    if(!oldBlocks.length){ location.reload(); return Promise.resolve(); }
+    var first = oldBlocks[0];
+    var qFn = first ? (first.getAttribute('data-get') || '') : '';
+    var qArgs = first ? String(first.getAttribute('data-get-args') || '[]') : '[]';
+    var seq = (__refreshSeq[key] || 0) + 1;
+    __refreshSeq[key] = seq;
+    setBlocksLoading(oldBlocks);
+    var headers = { 'x-kuratchi-refresh': '1' };
+    if(qFn){ headers['x-kuratchi-query-fn'] = String(qFn); headers['x-kuratchi-query-args'] = qArgs; }
+    return fetch(location.pathname + location.search, { headers: headers })
+      .then(function(r){ if(!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })
+      .then(function(html){
+        if(__refreshSeq[key] !== seq) return;
+        var doc = new DOMParser().parseFromString(html, 'text/html');
+        var newBlocks = by('[data-get]', doc).filter(function(el){ return blockKey(el) === key; });
+        if(!oldBlocks.length || !newBlocks.length){ location.reload(); return; }
+        for(var i=0;i<oldBlocks.length;i++){ if(newBlocks[i]) oldBlocks[i].outerHTML = newBlocks[i].outerHTML; }
+        by('[data-select-all]').forEach(function(m){ var g=m.getAttribute('data-select-all'); if(g) syncGroup(g); });
+      })
+      .catch(function(){
+        if(__refreshSeq[key] === seq) clearBlocksLoading(oldBlocks);
+        location.reload();
+      });
+  }
+  function replaceBlocksByDescriptor(fnName, argsRaw){
+    if(!fnName || typeof DOMParser === 'undefined'){ location.reload(); return Promise.resolve(); }
+    var normalizedArgs = String(argsRaw || '[]');
+    var oldBlocks = by('[data-get]').filter(function(el){
+      return (el.getAttribute('data-get') || '') === String(fnName) &&
+        String(el.getAttribute('data-get-args') || '[]') === normalizedArgs;
+    });
+    if(!oldBlocks.length){ location.reload(); return Promise.resolve(); }
+    var key = 'fn:' + String(fnName) + '|' + normalizedArgs;
+    var seq = (__refreshSeq[key] || 0) + 1;
+    __refreshSeq[key] = seq;
+    setBlocksLoading(oldBlocks);
+    return fetch(location.pathname + location.search, {
+      headers: {
+        'x-kuratchi-refresh': '1',
+        'x-kuratchi-query-fn': String(fnName),
+        'x-kuratchi-query-args': normalizedArgs,
+      }
+    })
+      .then(function(r){ if(!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })
+      .then(function(html){
+        if(__refreshSeq[key] !== seq) return;
+        var doc = new DOMParser().parseFromString(html, 'text/html');
+        var newBlocks = by('[data-get]', doc).filter(function(el){
+          return (el.getAttribute('data-get') || '') === String(fnName) &&
+            String(el.getAttribute('data-get-args') || '[]') === normalizedArgs;
+        });
+        if(!newBlocks.length){ location.reload(); return; }
+        for(var i=0;i<oldBlocks.length;i++){ if(newBlocks[i]) oldBlocks[i].outerHTML = newBlocks[i].outerHTML; }
+        by('[data-select-all]').forEach(function(m){ var g=m.getAttribute('data-select-all'); if(g) syncGroup(g); });
+      })
+      .catch(function(){
+        if(__refreshSeq[key] === seq) clearBlocksLoading(oldBlocks);
+        location.reload();
+      });
+  }
+  function refreshByDescriptor(fnName, argsRaw){
+    if(!fnName) { location.reload(); return Promise.resolve(); }
+    return replaceBlocksByDescriptor(fnName, argsRaw || '[]');
+  }
+  function refreshNearest(el){
+    var host = el && el.closest ? el.closest('[data-get]') : null;
+    if(!host){ location.reload(); return Promise.resolve(); }
+    return replaceBlocksWithKey(blockKey(host));
+  }
+  function refreshTargets(raw){
+    if(!raw){ location.reload(); return Promise.resolve(); }
+    var keys = String(raw).split(',').map(function(v){ return v.trim(); }).filter(Boolean);
+    if(!keys.length){ location.reload(); return Promise.resolve(); }
+    return Promise.all(keys.map(function(k){ return replaceBlocksWithKey('key:' + k); })).then(function(){});
+  }
+  function act(e){
+    if(e.type === 'click'){
+      var g = e.target && e.target.closest ? e.target.closest('[data-get]') : null;
+      if(g && !g.hasAttribute('data-as') && !g.hasAttribute('data-action')){
+        var getUrl = g.getAttribute('data-get');
+        if(getUrl){
+          if(/^[a-z][a-z0-9+\-.]*:/i.test(getUrl) && !/^https?:/i.test(getUrl)) return;
+          e.preventDefault();
+          location.assign(getUrl);
+          return;
+        }
+      }
+      var r = e.target && e.target.closest ? e.target.closest('[data-refresh]') : null;
+      if(r && !r.hasAttribute('data-action')){
+        e.preventDefault();
+        var rf = r.getAttribute('data-refresh');
+        var ra = r.getAttribute('data-refresh-args');
+        if(ra !== null){ refreshByDescriptor(rf, ra || '[]'); return; }
+        if(rf && rf.trim()){ refreshTargets(rf); return; }
+        refreshNearest(r);
+        return;
+      }
+    }
+    var sel = '[data-action][data-action-event="' + e.type + '"]';
+    var b = e.target && e.target.closest ? e.target.closest(sel) : null;
+    if(!b) return;
+    e.preventDefault();
+    var fd = new FormData();
+    fd.append('_action', b.getAttribute('data-action') || '');
+    fd.append('_args', b.getAttribute('data-args') || '[]');
+    var m = b.getAttribute('data-action-method');
+    if(m) fd.append('_method', String(m).toUpperCase());
+    fetch(location.pathname, { method: 'POST', body: fd })
+      .then(function(r){
+        if(!r.ok){
+          return r.json().then(function(j){ throw new Error((j && j.error) || ('HTTP ' + r.status)); }).catch(function(){ throw new Error('HTTP ' + r.status); });
+        }
+        return r.json();
+      })
+      .then(function(j){
+        if(j && j.redirectTo){ location.assign(j.redirectTo); return; }
+        if(!b.hasAttribute('data-refresh')) return;
+        var refreshFn = b.getAttribute('data-refresh');
+        var refreshArgs = b.getAttribute('data-refresh-args');
+        if(refreshArgs !== null){ return refreshByDescriptor(refreshFn, refreshArgs || '[]'); }
+        if(refreshFn && refreshFn.trim()){ return refreshTargets(refreshFn); }
+        return refreshNearest(b);
+      })
+      .catch(function(err){ console.error('[kuratchi] client action error:', err); });
+  }
+  ['click','change','input','focus','blur'].forEach(function(ev){ document.addEventListener(ev, act, true); });
+  function autoLoadQueries(){
+    var seen = Object.create(null);
+    by('[data-get][data-as]').forEach(function(el){
+      var fn = el.getAttribute('data-get');
+      if(!fn) return;
+      var args = String(el.getAttribute('data-get-args') || '[]');
+      var key = String(fn) + '|' + args;
+      if(seen[key]) return;
+      seen[key] = true;
+      replaceBlocksByDescriptor(fn, args);
+    });
+  }
+  if(document.readyState === 'loading'){
+    document.addEventListener('DOMContentLoaded', autoLoadQueries, { once: true });
+  } else {
+    autoLoadQueries();
+  }
+  document.addEventListener('click', function(e){
+    var b = e.target && e.target.closest ? e.target.closest('[command="fill-dialog"]') : null;
+    if(!b) return;
+    var targetId = b.getAttribute('commandfor');
+    if(!targetId) return;
+    var dialog = document.getElementById(targetId);
+    if(!dialog) return;
+    var raw = b.getAttribute('data-dialog-data');
+    if(!raw) return;
+    var data;
+    try { data = JSON.parse(raw); } catch(_err) { return; }
+    Object.keys(data).forEach(function(k){
+      var inp = dialog.querySelector('[name="col_' + k + '"]');
+      if(inp){
+        inp.value = data[k] === null || data[k] === undefined ? '' : String(data[k]);
+        inp.placeholder = data[k] === null || data[k] === undefined ? 'NULL' : '';
+      }
+      var hidden = dialog.querySelector('#dialog-field-' + k);
+      if(hidden){
+        hidden.value = data[k] === null || data[k] === undefined ? '' : String(data[k]);
+      }
+    });
+    var rowidInp = dialog.querySelector('[name="rowid"]');
+    if(rowidInp && data.rowid !== undefined) rowidInp.value = String(data.rowid);
+    if(typeof dialog.showModal === 'function') dialog.showModal();
+  }, true);
+  (function initPoll(){
+    var prev = {};
+    function bindPollEl(el){
+      if(!el || !el.getAttribute) return;
+      if(el.getAttribute('data-kuratchi-poll-bound') === '1') return;
+      var fn = el.getAttribute('data-poll');
+      if(!fn) return;
+      el.setAttribute('data-kuratchi-poll-bound', '1');
+      var args = el.getAttribute('data-poll-args') || '[]';
+      var iv = parseInt(el.getAttribute('data-interval') || '', 10) || 3000;
+      var key = String(fn) + args;
+      if(!(key in prev)) prev[key] = null;
+      (function tick(){
+        setTimeout(function(){
+          fetch(location.pathname + '?_rpc=' + encodeURIComponent(String(fn)) + '&_args=' + encodeURIComponent(args), { headers: { 'x-kuratchi-rpc': '1' } })
+            .then(function(r){ return r.json(); })
+            .then(function(j){
+              if(j && j.ok){
+                var s = JSON.stringify(j.data);
+                if(prev[key] !== null && prev[key] !== s){ location.reload(); return; }
+                prev[key] = s;
+              }
+              tick();
+            })
+            .catch(function(){ tick(); });
+        }, iv);
+      })();
+    }
+    function scan(){
+      by('[data-poll]').forEach(bindPollEl);
+    }
+    scan();
+    setInterval(scan, 500);
+  })();
+  function confirmClick(e){
+    var el = e.target && e.target.closest ? e.target.closest('[confirm]') : null;
+    if(!el) return;
+    var msg = el.getAttribute('confirm');
+    if(!msg) return;
+    if(!window.confirm(msg)){ e.preventDefault(); e.stopPropagation(); }
+  }
+  document.addEventListener('click', confirmClick, true);
+  document.addEventListener('submit', function(e){
+    var f = e.target && e.target.matches && e.target.matches('form[confirm]') ? e.target : null;
+    if(!f) return;
+    var msg = f.getAttribute('confirm');
+    if(!msg) return;
+    if(!window.confirm(msg)){ e.preventDefault(); e.stopPropagation(); }
+  }, true);
+  document.addEventListener('submit', function(e){
+    if(e.defaultPrevented) return;
+    var f = e.target;
+    if(!f || !f.querySelector) return;
+    var aInput = f.querySelector('input[name="_action"]');
+    if(!aInput) return;
+    var aName = aInput.value;
+    if(!aName) return;
+    f.setAttribute('data-action-loading', aName);
+    Array.prototype.slice.call(f.querySelectorAll('button[type="submit"],button:not([type="button"]):not([type="reset"])')).forEach(function(b){ b.disabled = true; });
+  }, true);
+  document.addEventListener('change', function(e){
+    var t = e.target;
+    if(!t || !t.getAttribute) return;
+    var gAll = t.getAttribute('data-select-all');
+    if(gAll){
+      by('[data-select-item]').filter(function(i){ return i.getAttribute('data-select-item') === gAll; }).forEach(function(i){ i.checked = !!t.checked; });
+      syncGroup(gAll);
+      return;
+    }
+    var gItem = t.getAttribute('data-select-item');
+    if(gItem) syncGroup(gItem);
+  }, true);
+  by('[data-select-all]').forEach(function(m){ var g = m.getAttribute('data-select-all'); if(g) syncGroup(g); });
 })();`;
-        const reactiveRuntimeSource = `(function(g){
-  if(g.__kuratchiReactive) return;
-  const targetMap = new WeakMap();
-  const proxyMap = new WeakMap();
-  let active = null;
-  const queue = new Set();
-  let flushing = false;
-  function queueRun(fn){
-    queue.add(fn);
-    if(flushing) return;
-    flushing = true;
-    Promise.resolve().then(function(){
-      try {
-        const jobs = Array.from(queue);
-        queue.clear();
-        for (const job of jobs) job();
-      } finally {
-        flushing = false;
-      }
-    });
-  }
-  function cleanup(effect){
-    const deps = effect.__deps || [];
-    for (const dep of deps) dep.delete(effect);
-    effect.__deps = [];
-  }
-  function track(target, key){
-    if(!active) return;
-    let depsMap = targetMap.get(target);
-    if(!depsMap){ depsMap = new Map(); targetMap.set(target, depsMap); }
-    let dep = depsMap.get(key);
-    if(!dep){ dep = new Set(); depsMap.set(key, dep); }
-    if(dep.has(active)) return;
-    dep.add(active);
-    if(!active.__deps) active.__deps = [];
-    active.__deps.push(dep);
-  }
-  function trigger(target, key){
-    const depsMap = targetMap.get(target);
-    if(!depsMap) return;
-    const effects = new Set();
-    const add = function(k){
-      const dep = depsMap.get(k);
-      if(dep) dep.forEach(function(e){ effects.add(e); });
-    };
-    add(key);
-    add('*');
-    effects.forEach(function(e){ queueRun(e); });
-  }
-  function isObject(value){ return value !== null && typeof value === 'object'; }
-  function proxify(value){
-    if(!isObject(value)) return value;
-    if(proxyMap.has(value)) return proxyMap.get(value);
-    const proxy = new Proxy(value, {
-      get(target, key, receiver){
-        track(target, key);
-        const out = Reflect.get(target, key, receiver);
-        return isObject(out) ? proxify(out) : out;
-      },
-      set(target, key, next, receiver){
-        const prev = target[key];
-        const result = Reflect.set(target, key, next, receiver);
-        if(prev !== next) trigger(target, key);
-        if(Array.isArray(target) && key !== 'length') trigger(target, 'length');
-        return result;
-      },
-      deleteProperty(target, key){
-        const had = Object.prototype.hasOwnProperty.call(target, key);
-        const result = Reflect.deleteProperty(target, key);
-        if(had) trigger(target, key);
-        return result;
-      }
-    });
-    proxyMap.set(value, proxy);
-    return proxy;
-  }
-  function effect(fn){
-    const run = function(){
-      cleanup(run);
-      active = run;
-      try { fn(); } finally { active = null; }
-    };
-    run.__deps = [];
-    run();
-    return function(){ cleanup(run); };
-  }
-  function state(initial){ return proxify(initial); }
-  function replace(_prev, next){ return proxify(next); }
-  g.__kuratchiReactive = { state, effect, replace };
+        const reactiveRuntimeSource = `(function(g){
+  if(g.__kuratchiReactive) return;
+  const targetMap = new WeakMap();
+  const proxyMap = new WeakMap();
+  let active = null;
+  const queue = new Set();
+  let flushing = false;
+  function queueRun(fn){
+    queue.add(fn);
+    if(flushing) return;
+    flushing = true;
+    Promise.resolve().then(function(){
+      try {
+        const jobs = Array.from(queue);
+        queue.clear();
+        for (const job of jobs) job();
+      } finally {
+        flushing = false;
+      }
+    });
+  }
+  function cleanup(effect){
+    const deps = effect.__deps || [];
+    for (const dep of deps) dep.delete(effect);
+    effect.__deps = [];
+  }
+  function track(target, key){
+    if(!active) return;
+    let depsMap = targetMap.get(target);
+    if(!depsMap){ depsMap = new Map(); targetMap.set(target, depsMap); }
+    let dep = depsMap.get(key);
+    if(!dep){ dep = new Set(); depsMap.set(key, dep); }
+    if(dep.has(active)) return;
+    dep.add(active);
+    if(!active.__deps) active.__deps = [];
+    active.__deps.push(dep);
+  }
+  function trigger(target, key){
+    const depsMap = targetMap.get(target);
+    if(!depsMap) return;
+    const effects = new Set();
+    const add = function(k){
+      const dep = depsMap.get(k);
+      if(dep) dep.forEach(function(e){ effects.add(e); });
+    };
+    add(key);
+    add('*');
+    effects.forEach(function(e){ queueRun(e); });
+  }
+  function isObject(value){ return value !== null && typeof value === 'object'; }
+  function proxify(value){
+    if(!isObject(value)) return value;
+    if(proxyMap.has(value)) return proxyMap.get(value);
+    const proxy = new Proxy(value, {
+      get(target, key, receiver){
+        track(target, key);
+        const out = Reflect.get(target, key, receiver);
+        return isObject(out) ? proxify(out) : out;
+      },
+      set(target, key, next, receiver){
+        const prev = target[key];
+        const result = Reflect.set(target, key, next, receiver);
+        if(prev !== next) trigger(target, key);
+        if(Array.isArray(target) && key !== 'length') trigger(target, 'length');
+        return result;
+      },
+      deleteProperty(target, key){
+        const had = Object.prototype.hasOwnProperty.call(target, key);
+        const result = Reflect.deleteProperty(target, key);
+        if(had) trigger(target, key);
+        return result;
+      }
+    });
+    proxyMap.set(value, proxy);
+    return proxy;
+  }
+  function effect(fn){
+    const run = function(){
+      cleanup(run);
+      active = run;
+      try { fn(); } finally { active = null; }
+    };
+    run.__deps = [];
+    run();
+    return function(){ cleanup(run); };
+  }
+  function state(initial){ return proxify(initial); }
+  function replace(_prev, next){ return proxify(next); }
+  g.__kuratchiReactive = { state, effect, replace };
 })(window);`;
         const actionScript = `<script>${options.isDev ? bridgeSource : compactInlineJs(bridgeSource)}</script>`;
         const reactiveRuntimeScript = `<script>${options.isDev ? reactiveRuntimeSource : compactInlineJs(reactiveRuntimeSource)}</script>`;
@@ -693,10 +693,10 @@ export function compile(options) {
             let layoutScriptBody = stripTopLevelImports(layoutParsed.script);
             const layoutDevDecls = buildDevAliasDeclarations(layoutParsed.devAliases, !!options.isDev);
             layoutScriptBody = [layoutDevDecls, layoutScriptBody].filter(Boolean).join('\n');
-            compiledLayout = `function __layout(__content) {
-  const __esc = (v) => { if (v == null) return ''; return String(v).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;'); };
-  ${layoutScriptBody ? layoutScriptBody + '\n  ' : ''}${finalLayoutBody}
-  return __html;
+            compiledLayout = `function __layout(__content) {
+  const __esc = (v) => { if (v == null) return ''; return String(v).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;'); };
+  ${layoutScriptBody ? layoutScriptBody + '\n  ' : ''}${finalLayoutBody}
+  return __html;
 }`;
         }
         else {
@@ -733,8 +733,9 @@ export function compile(options) {
     const authConfig = readAuthConfig(projectDir);
     // Read Durable Object config and discover handler files
     const doConfig = readDoConfig(projectDir);
-    const containerConfig = readWorkerClassConfig(projectDir, 'containers');
-    const workflowConfig = readWorkerClassConfig(projectDir, 'workflows');
+    // Auto-discover convention-based worker class files (no config needed)
+    const containerConfig = discoverContainerFiles(projectDir);
+    const workflowConfig = discoverWorkflowFiles(projectDir);
     const agentConfig = discoverConventionClassFiles(projectDir, path.join('src', 'server'), '.agent.ts', '.agent');
     const doHandlers = doConfig.length > 0
         ? discoverDoHandlers(srcDir, doConfig, ormDatabases)
@@ -1294,6 +1295,12 @@ export function compile(options) {
         '',
     ];
     writeIfChanged(workerFile, workerLines.join('\n'));
+    // Auto-sync wrangler.jsonc with workflow/container/DO config from kuratchi.config.ts
+    syncWranglerConfig(projectDir, {
+        workflows: workflowConfig,
+        containers: containerConfig,
+        durableObjects: doConfig,
+    });
     return workerFile;
 }
 // �"��"� Helpers �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
@@ -1671,7 +1678,9 @@ function buildRouteObject(opts) {
         explicitLoadFunction = transpileTypeScript(explicitLoadFunction, `route-load:${pattern}.ts`);
     }
     const scriptReturnVars = parsed.script
-        ? parsed.dataVars.filter((v) => !queryVars.includes(v))
+        ? parsed.dataVars.filter((v) => !queryVars.includes(v) &&
+            !parsed.actionFunctions.includes(v) &&
+            !parsed.pollFunctions.includes(v))
         : [];
     // Load function �" internal server prepass for async route script bodies
     // and data-get query state hydration.
@@ -1723,16 +1732,16 @@ function buildRouteObject(opts) {
                 const queryReturnEntries = queryVars
                     .filter((name) => !scriptReturnVars.includes(name))
                     .map((name) => name);
-                returnObj = `
+                returnObj = `
       return { ${[...segmentReturnEntries, ...queryReturnEntries].join(', ')} };`;
             }
             else {
-                returnObj = `
+                returnObj = `
       return { ${loadReturnVars.join(', ')} };`;
             }
         }
-        parts.push(`    async load(__routeParams = {}) {
-      ${loadBody}${returnObj}
+        parts.push(`    async load(__routeParams = {}) {
+      ${loadBody}${returnObj}
     }`);
     }
     // Actions �" functions referenced via action={fn} in the template
@@ -1784,9 +1793,9 @@ function buildRouteObject(opts) {
         const styleLines = componentStyles.map(css => `__html += \`${css}\\n\`;`);
         finalRenderBody = [lines[0], ...styleLines, ...lines.slice(1)].join('\n');
     }
-    parts.push(`    render(data) {
-      ${destructure}${renderPrelude ? renderPrelude + '\n      ' : ''}${finalRenderBody}
-      return __html;
+    parts.push(`    render(data) {
+      ${destructure}${renderPrelude ? renderPrelude + '\n      ' : ''}${finalRenderBody}
+      return __html;
     }`);
     return `  {\n${parts.join(',\n')}\n  }`;
 }
@@ -2097,6 +2106,52 @@ function discoverFilesWithSuffix(dir, suffix) {
     walk(dir);
     return out;
 }
+/**
+ * Auto-discover .workflow.ts files in src/server/.
+ * Derives binding name from filename: migration.workflow.ts → MIGRATION_WORKFLOW
+ * Returns entries compatible with WorkerClassConfigEntry for worker.js export generation.
+ */
+function discoverWorkflowFiles(projectDir) {
+    const serverDir = path.join(projectDir, 'src', 'server');
+    const files = discoverFilesWithSuffix(serverDir, '.workflow.ts');
+    if (files.length === 0)
+        return [];
+    return files.map((absPath) => {
+        const fileName = path.basename(absPath, '.workflow.ts');
+        // Derive binding: migration.workflow.ts → MIGRATION_WORKFLOW
+        const binding = fileName.toUpperCase().replace(/-/g, '_') + '_WORKFLOW';
+        const resolved = resolveClassExportFromFile(absPath, `.workflow`);
+        return {
+            binding,
+            className: resolved.className,
+            file: path.relative(projectDir, absPath).replace(/\\/g, '/'),
+            exportKind: resolved.exportKind,
+        };
+    });
+}
+/**
+ * Auto-discover .container.ts files in src/server/.
+ * Derives binding name from filename: wordpress.container.ts → WORDPRESS_CONTAINER
+ * Returns entries compatible with WorkerClassConfigEntry for worker.js export generation.
+ */
+function discoverContainerFiles(projectDir) {
+    const serverDir = path.join(projectDir, 'src', 'server');
+    const files = discoverFilesWithSuffix(serverDir, '.container.ts');
+    if (files.length === 0)
+        return [];
+    return files.map((absPath) => {
+        const fileName = path.basename(absPath, '.container.ts');
+        // Derive binding: wordpress.container.ts → WORDPRESS_CONTAINER
+        const binding = fileName.toUpperCase().replace(/-/g, '_') + '_CONTAINER';
+        const resolved = resolveClassExportFromFile(absPath, `.container`);
+        return {
+            binding,
+            className: resolved.className,
+            file: path.relative(projectDir, absPath).replace(/\\/g, '/'),
+            exportKind: resolved.exportKind,
+        };
+    });
+}
 /**
  * Scan DO handler files.
  * - Class mode: default class extends kuratchiDO
@@ -2414,30 +2469,30 @@ function generateRoutesModule(opts) {
     let authInit = '';
     if (opts.authConfig && opts.authConfig.sessionEnabled) {
         const cookieName = opts.authConfig.cookieName;
-        authInit = `
-// �"��"� Auth Session Init �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-function __parseCookies(header) {
-  const map = {};
-  if (!header) return map;
-  for (const pair of header.split(';')) {
-    const eq = pair.indexOf('=');
-    if (eq === -1) continue;
-    map[pair.slice(0, eq).trim()] = pair.slice(eq + 1).trim();
-  }
-  return map;
-}
-
-function __initAuth(request) {
-  const cookies = __parseCookies(request.headers.get('cookie'));
-  __setLocal('session', null);
-  __setLocal('user', null);
-  __setLocal('auth', {
-    cookies,
-    sessionCookie: cookies['${cookieName}'] || null,
-    cookieName: '${cookieName}',
-  });
-}
+        authInit = `
+// �"��"� Auth Session Init �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+function __parseCookies(header) {
+  const map = {};
+  if (!header) return map;
+  for (const pair of header.split(';')) {
+    const eq = pair.indexOf('=');
+    if (eq === -1) continue;
+    map[pair.slice(0, eq).trim()] = pair.slice(eq + 1).trim();
+  }
+  return map;
+}
+
+function __initAuth(request) {
+  const cookies = __parseCookies(request.headers.get('cookie'));
+  __setLocal('session', null);
+  __setLocal('user', null);
+  __setLocal('auth', {
+    cookies,
+    sessionCookie: cookies['${cookieName}'] || null,
+    cookieName: '${cookieName}',
+  });
+}
 `;
     }
     const workerImport = `import { WorkerEntrypoint, env as __env } from 'cloudflare:workers';`;
@@ -2465,38 +2520,38 @@ function __initAuth(request) {
                 `import { kuratchiORM } from '@kuratchi/orm';`,
                 ...schemaImports,
             ].join('\n');
-            migrationInit = `
-// �"��"� ORM Auto-Migration �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-let __migrated = false;
-const __ormDatabases = [
-${migrateEntries.join(',\n')}
-];
-
-async function __runMigrations() {
-  if (__migrated) return;
-  __migrated = true;
-  for (const db of __ormDatabases) {
-    const binding = __env[db.binding];
-    if (!binding) continue;
-    try {
-      const executor = (sql, params) => {
-        let stmt = binding.prepare(sql);
-        if (params?.length) stmt = stmt.bind(...params);
-        return stmt.all().then(r => ({ success: r.success ?? true, data: r.results, results: r.results }));
-      };
-      const result = await runMigrations({ execute: executor, schema: db.schema });
-      if (result.applied) {
-        console.log('[kuratchi] ' + db.binding + ': migrated (' + result.statementsRun + ' statements)');
-      }
-      if (result.warnings.length) {
-        result.warnings.forEach(w => console.warn('[kuratchi] ' + db.binding + ': ' + w));
-      }
-    } catch (err) {
-      console.error('[kuratchi] ' + db.binding + ' migration failed:', err.message);
-    }
-  }
-}
+            migrationInit = `
+// �"��"� ORM Auto-Migration �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+let __migrated = false;
+const __ormDatabases = [
+${migrateEntries.join(',\n')}
+];
+
+async function __runMigrations() {
+  if (__migrated) return;
+  __migrated = true;
+  for (const db of __ormDatabases) {
+    const binding = __env[db.binding];
+    if (!binding) continue;
+    try {
+      const executor = (sql, params) => {
+        let stmt = binding.prepare(sql);
+        if (params?.length) stmt = stmt.bind(...params);
+        return stmt.all().then(r => ({ success: r.success ?? true, data: r.results, results: r.results }));
+      };
+      const result = await runMigrations({ execute: executor, schema: db.schema });
+      if (result.applied) {
+        console.log('[kuratchi] ' + db.binding + ': migrated (' + result.statementsRun + ' statements)');
+      }
+      if (result.warnings.length) {
+        result.warnings.forEach(w => console.warn('[kuratchi] ' + db.binding + ': ' + w));
+      }
+    } catch (err) {
+      console.error('[kuratchi] ' + db.binding + ' migration failed:', err.message);
+    }
+  }
+}
 `;
         }
     }
@@ -2551,12 +2606,12 @@ async function __runMigrations() {
             initLines.push(`  if (__kuratchiConfig.auth?.organizations) __configOrg(__kuratchiConfig.auth.organizations);`);
         }
         authPluginImports = imports.join('\n');
-        authPluginInit = `
-// �"��"� Auth Plugin Init �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-function __initAuthPlugins() {
-${initLines.join('\n')}
-}
+        authPluginInit = `
+// �"��"� Auth Plugin Init �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+function __initAuthPlugins() {
+${initLines.join('\n')}
+}
 `;
     }
     // �"��"� Durable Object class generation �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
@@ -2735,409 +2790,409 @@ ${initLines.join('\n')}
         doClassCode = `\n// �"��"� Durable Object Classes (generated) �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�\n\n` + doClassLines.join('\n') + '\n';
         doResolverInit = `\nfunction __initDoResolvers() {\n${doResolverLines.join('\n')}\n}\n`;
     }
-    return `// Generated by KuratchiJS compiler �" do not edit.
-${opts.isDev ? '\nglobalThis.__kuratchi_DEV__ = true;\n' : ''}
-${workerImport}
-${contextImport}
-${runtimeImport ? runtimeImport + '\n' : ''}${migrationImports ? migrationImports + '\n' : ''}${authPluginImports ? authPluginImports + '\n' : ''}${doImports ? doImports + '\n' : ''}${opts.serverImports.join('\n')}
-
-// �"��"� Assets �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-const __assets = {
-${opts.compiledAssets.map(a => `  ${JSON.stringify(a.name)}: { content: ${JSON.stringify(a.content)}, mime: ${JSON.stringify(a.mime)}, etag: ${JSON.stringify(a.etag)} }`).join(',\n')}
-};
-
-// �"��"� Router �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-const __staticRoutes = new Map();  // exact path �' index (O(1) lookup)
-const __dynamicRoutes = [];        // regex-based routes (params/wildcards)
-
-function __addRoute(pattern, index) {
-  if (!pattern.includes(':') && !pattern.includes('*')) {
-    // Static route �" direct Map lookup, no regex needed
-    __staticRoutes.set(pattern, index);
-  } else {
-    // Dynamic route �" build regex for param extraction
-    const paramNames = [];
-    let regexStr = pattern
-      .replace(/\\*(\\w+)/g, (_, name) => { paramNames.push(name); return '(?<' + name + '>.+)'; })
-      .replace(/:(\\w+)/g, (_, name) => { paramNames.push(name); return '(?<' + name + '>[^/]+)'; });
-    __dynamicRoutes.push({ regex: new RegExp('^' + regexStr + '$'), paramNames, index });
-  }
-}
-
-function __match(pathname) {
-  const normalized = pathname === '/' ? '/' : pathname.replace(/\\/$/, '');
-  // Fast path: static routes (most common)
-  const staticIdx = __staticRoutes.get(normalized);
-  if (staticIdx !== undefined) return { params: {}, index: staticIdx };
-  // Slow path: dynamic routes with params
-  for (const route of __dynamicRoutes) {
-    const m = normalized.match(route.regex);
-    if (m) {
-      const params = {};
-      for (const name of route.paramNames) params[name] = m.groups?.[name] ?? '';
-      return { params, index: route.index };
-    }
-  }
-  return null;
-}
-
-// �"��"� Layout �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-${layoutBlock}
-
-${layoutActionsBlock}
-
-// �"��"� Error pages �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-const __errorMessages = {
-  400: 'Bad Request',
-  401: 'Unauthorized',
-  403: 'Forbidden',
-  404: 'Not Found',
-  405: 'Method Not Allowed',
-  408: 'Request Timeout',
-  429: 'Too Many Requests',
-  500: 'Internal Server Error',
-  502: 'Bad Gateway',
-  503: 'Service Unavailable',
-};
-
-// Built-in default error page �" clean, dark, minimal, centered
-function __errorPage(status, detail) {
-  const title = __errorMessages[status] || 'Error';
-  const detailHtml = detail ? '<p style="font-family:ui-monospace,monospace;font-size:0.8rem;color:#555;background:#111;padding:0.5rem 1rem;border-radius:6px;max-width:480px;margin:1rem auto 0;word-break:break-word">' + __esc(detail) + '</p>' : '';
-  return '<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem">'
-    + '<div>'
-    + '<p style="font-size:5rem;font-weight:700;margin:0;color:#333;line-height:1">' + status + '</p>'
-    + '<p style="font-size:1rem;color:#555;margin:0.5rem 0 0;letter-spacing:0.05em">' + __esc(title) + '</p>'
-    + detailHtml
-    + '</div>'
-    + '</div>';
-}
-
-${customErrorFunctions ? '// Custom error page overrides (user-created NNN.html)\n' + customErrorFunctions + '\n' : ''}
-// Dispatch: use custom override if it exists, otherwise built-in default
-const __customErrors = {${Array.from(opts.compiledErrorPages.keys()).map(s => ` ${s}: __error_${s}`).join(',')} };
-
-function __error(status, detail) {
-  if (__customErrors[status]) return __customErrors[status](detail);
-  return __errorPage(status, detail);
-}
-
-${opts.compiledComponents.length > 0 ? '// �"��"� Components �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�\n\n' + opts.compiledComponents.join('\n\n') + '\n' : ''}${migrationInit}${authInit}${authPluginInit}${doResolverInit}${doClassCode}
-// �"��"� Route definitions �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-const routes = [
-${opts.compiledRoutes.join(',\n')}
-];
-
-for (let i = 0; i < routes.length; i++) __addRoute(routes[i].pattern, i);
-
-// �"��"� Response helpers �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-const __defaultSecHeaders = {
-  'X-Content-Type-Options': 'nosniff',
-  'X-Frame-Options': 'DENY',
-  'Referrer-Policy': 'strict-origin-when-cross-origin',
-};
-
-function __secHeaders(response) {
-  for (const [k, v] of Object.entries(__defaultSecHeaders)) {
-    if (!response.headers.has(k)) response.headers.set(k, v);
-  }
-  return response;
-}
-
-function __attachCookies(response) {
-  const cookies = __getLocals().__setCookieHeaders;
-  if (cookies && cookies.length > 0) {
-    const newResponse = new Response(response.body, response);
-    for (const h of cookies) newResponse.headers.append('Set-Cookie', h);
-    return __secHeaders(newResponse);
-  }
-  return __secHeaders(response);
-}
-
-function __isSameOrigin(request, url) {
-  const fetchSite = request.headers.get('sec-fetch-site');
-  if (fetchSite && fetchSite !== 'same-origin' && fetchSite !== 'same-site' && fetchSite !== 'none') {
-    return false;
-  }
-  const origin = request.headers.get('origin');
-  if (!origin) return true;
-  try { return new URL(origin).origin === url.origin; } catch { return false; }
-}
-
-${opts.isLayoutAsync ? 'async ' : ''}function __render(route, data) {
-  let html = route.render(data);
-  const headMatch = html.match(/<head>([\\s\\S]*?)<\\/head>/);
-  if (headMatch) {
-    html = html.replace(headMatch[0], '');
-    const layoutHtml = ${opts.isLayoutAsync ? 'await ' : ''}__layout(html);
-    return __attachCookies(new Response(layoutHtml.replace('</head>', headMatch[1] + '</head>'), {
-      headers: { 'content-type': 'text/html; charset=utf-8' }
-    }));
-  }
-  return __attachCookies(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(html), { headers: { 'content-type': 'text/html; charset=utf-8' } }));
-}
-
-const __runtimeDef = (typeof __kuratchiRuntime !== 'undefined' && __kuratchiRuntime && typeof __kuratchiRuntime === 'object') ? __kuratchiRuntime : {};
-const __runtimeEntries = Object.entries(__runtimeDef).filter(([, step]) => step && typeof step === 'object');
-
-async function __runRuntimeRequest(ctx, next) {
-  let idx = -1;
-  async function __dispatch(i) {
-    if (i <= idx) throw new Error('[kuratchi runtime] next() called multiple times in request phase');
-    idx = i;
-    const entry = __runtimeEntries[i];
-    if (!entry) return next();
-    const [, step] = entry;
-    if (typeof step.request !== 'function') return __dispatch(i + 1);
-    return await step.request(ctx, () => __dispatch(i + 1));
-  }
-  return __dispatch(0);
-}
-
-async function __runRuntimeRoute(ctx, next) {
-  let idx = -1;
-  async function __dispatch(i) {
-    if (i <= idx) throw new Error('[kuratchi runtime] next() called multiple times in route phase');
-    idx = i;
-    const entry = __runtimeEntries[i];
-    if (!entry) return next();
-    const [, step] = entry;
-    if (typeof step.route !== 'function') return __dispatch(i + 1);
-    return await step.route(ctx, () => __dispatch(i + 1));
-  }
-  return __dispatch(0);
-}
-
-async function __runRuntimeResponse(ctx, response) {
-  let out = response;
-  for (const [, step] of __runtimeEntries) {
-    if (typeof step.response !== 'function') continue;
-    out = await step.response(ctx, out);
-    if (!(out instanceof Response)) {
-      throw new Error('[kuratchi runtime] response handlers must return a Response');
-    }
-  }
-  return out;
-}
-
-async function __runRuntimeError(ctx, error) {
-  for (const [name, step] of __runtimeEntries) {
-    if (typeof step.error !== 'function') continue;
-    try {
-      const handled = await step.error(ctx, error);
-      if (handled instanceof Response) return handled;
-    } catch (hookErr) {
-      console.error('[kuratchi runtime] error handler failed in step', name, hookErr);
-    }
-  }
-  return null;
-}
-
-// �"��"� Exported Worker entrypoint �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
-
-export default class extends WorkerEntrypoint {
-  async fetch(request) {
-    __setRequestContext(this.ctx, request, __env);
-${migrationInit ? '    await __runMigrations();\n' : ''}${authInit ? '    __initAuth(request);\n' : ''}${authPluginInit ? '    __initAuthPlugins();\n' : ''}${doResolverInit ? '    __initDoResolvers();\n' : ''}
-    const __runtimeCtx = {
-      request,
-      env: __env,
-      ctx: this.ctx,
-      url: new URL(request.url),
-      params: {},
-      locals: __getLocals(),
-    };
-
-    const __coreFetch = async () => {
-      const request = __runtimeCtx.request;
-      const url = __runtimeCtx.url;
-${ac?.hasRateLimit ? '\n      // Rate limiting - check before route handlers\n      { const __rlRes = await __checkRL(); if (__rlRes) return __secHeaders(__rlRes); }\n' : ''}${ac?.hasTurnstile ? '      // Turnstile bot protection\n      { const __tsRes = await __checkTS(); if (__tsRes) return __secHeaders(__tsRes); }\n' : ''}${ac?.hasGuards ? '      // Route guards - redirect if not authenticated\n      { const __gRes = __checkGuard(); if (__gRes) return __secHeaders(__gRes); }\n' : ''}
-
-      // Serve static assets from src/assets/
-      if (url.pathname.startsWith('${opts.assetsPrefix}')) {
-        const name = url.pathname.slice('${opts.assetsPrefix}'.length);
-        const asset = __assets[name];
-        if (asset) {
-          if (request.headers.get('if-none-match') === asset.etag) {
-            return new Response(null, { status: 304 });
-          }
-          return new Response(asset.content, {
-            headers: { 'content-type': asset.mime, 'cache-control': 'public, max-age=31536000, immutable', 'etag': asset.etag }
-          });
-        }
-        return __secHeaders(new Response('Not Found', { status: 404 }));
-      }
-
-      const match = __match(url.pathname);
-
-      if (!match) {
-        return __secHeaders(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(__error(404)), { status: 404, headers: { 'content-type': 'text/html; charset=utf-8' } }));
-      }
-
-      __runtimeCtx.params = match.params;
-      const route = routes[match.index];
-      __setLocal('params', match.params);
-
-      // API route: dispatch to method handler
-      if (route.__api) {
-        const method = request.method;
-        if (method === 'OPTIONS') {
-          const handler = route['OPTIONS'];
-          if (typeof handler === 'function') return __secHeaders(await handler(__runtimeCtx));
-          const allowed = ['GET','POST','PUT','PATCH','DELETE','HEAD','OPTIONS'].filter(m => typeof route[m] === 'function').join(', ');
-          return __secHeaders(new Response(null, { status: 204, headers: { 'Allow': allowed, 'Access-Control-Allow-Methods': allowed } }));
-        }
-        const handler = route[method];
-        if (typeof handler !== 'function') {
-          const allowed = ['GET','POST','PUT','PATCH','DELETE','HEAD','OPTIONS'].filter(m => typeof route[m] === 'function').join(', ');
-          return __secHeaders(new Response(JSON.stringify({ error: 'Method Not Allowed' }), { status: 405, headers: { 'content-type': 'application/json', 'Allow': allowed } }));
-        }
-        return __secHeaders(await handler(__runtimeCtx));
-      }
-
-      const __qFn = request.headers.get('x-kuratchi-query-fn') || '';
-      const __qArgsRaw = request.headers.get('x-kuratchi-query-args') || '[]';
-      let __qArgs = [];
-      try {
-        const __parsed = JSON.parse(__qArgsRaw);
-        __qArgs = Array.isArray(__parsed) ? __parsed : [];
-      } catch {}
-      __setLocal('__queryOverride', __qFn ? { fn: __qFn, args: __qArgs } : null);
-      if (!__getLocals().__breadcrumbs) {
-        __setLocal('breadcrumbs', __buildDefaultBreadcrumbs(url.pathname, match.params));
-      }
-
-      // RPC call: GET ?_rpc=fnName&_args=[...] -> JSON response
-      const __rpcName = url.searchParams.get('_rpc');
-      if (request.method === 'GET' && __rpcName && route.rpc && Object.hasOwn(route.rpc, __rpcName)) {
-        if (request.headers.get('x-kuratchi-rpc') !== '1') {
-          return __secHeaders(new Response(JSON.stringify({ ok: false, error: 'Forbidden' }), {
-            status: 403, headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
-          }));
-        }
-        try {
-          const __rpcArgsStr = url.searchParams.get('_args');
-          let __rpcArgs = [];
-          if (__rpcArgsStr) {
-            const __parsed = JSON.parse(__rpcArgsStr);
-            __rpcArgs = Array.isArray(__parsed) ? __parsed : [];
-          }
-          const __rpcResult = await route.rpc[__rpcName](...__rpcArgs);
-          return __secHeaders(new Response(JSON.stringify({ ok: true, data: __rpcResult }), {
-            headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
-          }));
-        } catch (err) {
-          console.error('[kuratchi] RPC error:', err);
-          const __errMsg = typeof __kuratchi_DEV__ !== 'undefined' ? err.message : 'Internal Server Error';
-          return __secHeaders(new Response(JSON.stringify({ ok: false, error: __errMsg }), {
-            status: 500, headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
-          }));
-        }
-      }
-
-      // Form action: POST with hidden _action field in form body
-      if (request.method === 'POST') {
-        if (!__isSameOrigin(request, url)) {
-          return __secHeaders(new Response('Forbidden', { status: 403 }));
-        }
-        const formData = await request.formData();
-        const actionName = formData.get('_action');
-        const __actionFn = (actionName && route.actions && Object.hasOwn(route.actions, actionName) ? route.actions[actionName] : null)
-          || (actionName && __layoutActions && Object.hasOwn(__layoutActions, actionName) ? __layoutActions[actionName] : null);
-        if (actionName && __actionFn) {
-          // Check if this is a fetch-based action call (onclick) with JSON args
-          const argsStr = formData.get('_args');
-          const isFetchAction = argsStr !== null;
-          try {
-            if (isFetchAction) {
-              const __parsed = JSON.parse(argsStr);
-              const args = Array.isArray(__parsed) ? __parsed : [];
-              await __actionFn(...args);
-            } else {
-              await __actionFn(formData);
-            }
-          } catch (err) {
-            if (err && err.isRedirectError) {
-              const __redirectTo = err.location || url.pathname;
-              const __redirectStatus = Number(err.status) || 303;
-              if (isFetchAction) {
-                return __attachCookies(__secHeaders(new Response(JSON.stringify({ ok: true, redirectTo: __redirectTo, redirectStatus: __redirectStatus }), {
-                  headers: { 'content-type': 'application/json' }
-                })));
-              }
-              return __attachCookies(new Response(null, { status: __redirectStatus, headers: { 'location': __redirectTo } }));
-            }
-            console.error('[kuratchi] Action error:', err);
-            if (isFetchAction) {
-              const __errMsg = typeof __kuratchi_DEV__ !== 'undefined' && err && err.message ? err.message : 'Internal Server Error';
-              return __secHeaders(new Response(JSON.stringify({ ok: false, error: __errMsg }), {
-                status: 500, headers: { 'content-type': 'application/json' }
-              }));
-            }
-            const __loaded = route.load ? await route.load(match.params) : {};
-            const data = (__loaded && typeof __loaded === 'object') ? __loaded : { value: __loaded };
-            data.params = match.params;
-            data.breadcrumbs = __getLocals().__breadcrumbs ?? [];
-            const __allActions = Object.assign({}, route.actions, __layoutActions || {});
-            Object.keys(__allActions).forEach(function(k) { if (!(k in data)) data[k] = { error: undefined, loading: false, success: false }; });
-            const __errMsg = (err && err.isActionError) ? err.message : (typeof __kuratchi_DEV__ !== 'undefined' && err && err.message) ? err.message : 'Action failed';
-            data[actionName] = { error: __errMsg, loading: false, success: false };
-            return ${opts.isLayoutAsync ? 'await ' : ''}__render(route, data);
-          }
-          // Fetch-based actions return lightweight JSON (no page re-render)
-          if (isFetchAction) {
-            return __attachCookies(new Response(JSON.stringify({ ok: true }), {
-              headers: { 'content-type': 'application/json' }
-            }));
-          }
-          // POST-Redirect-GET: redirect to custom target or back to same URL
-          const __locals = __getLocals();
-          const redirectTo = __locals.__redirectTo || url.pathname;
-          const redirectStatus = Number(__locals.__redirectStatus) || 303;
-          return __attachCookies(new Response(null, { status: redirectStatus, headers: { 'location': redirectTo } }));
-        }
-      }
-
-      // GET (or unmatched POST): load + render
-      try {
-        const __loaded = route.load ? await route.load(match.params) : {};
-        const data = (__loaded && typeof __loaded === 'object') ? __loaded : { value: __loaded };
-        data.params = match.params;
-        data.breadcrumbs = __getLocals().__breadcrumbs ?? [];
-        const __allActionsGet = Object.assign({}, route.actions, __layoutActions || {});
-        Object.keys(__allActionsGet).forEach(function(k) { if (!(k in data)) data[k] = { error: undefined, loading: false, success: false }; });
-        return ${opts.isLayoutAsync ? 'await ' : ''}__render(route, data);
-      } catch (err) {
-        if (err && err.isRedirectError) {
-          const __redirectTo = err.location || url.pathname;
-          const __redirectStatus = Number(err.status) || 303;
-          return __attachCookies(new Response(null, { status: __redirectStatus, headers: { 'location': __redirectTo } }));
-        }
-        console.error('[kuratchi] Route load/render error:', err);
-        const __pageErrStatus = (err && err.isPageError && err.status) ? err.status : 500;
-        const __errDetail = (err && err.isPageError) ? err.message : (typeof __kuratchi_DEV__ !== 'undefined' && err && err.message) ? err.message : undefined;
-        return __secHeaders(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(__error(__pageErrStatus, __errDetail)), { status: __pageErrStatus, headers: { 'content-type': 'text/html; charset=utf-8' } }));
-      }
-    };
-
-    try {
-      const __requestResponse = await __runRuntimeRequest(__runtimeCtx, async () => {
-        return __runRuntimeRoute(__runtimeCtx, __coreFetch);
-      });
-      return await __runRuntimeResponse(__runtimeCtx, __requestResponse);
-    } catch (err) {
-      const __handled = await __runRuntimeError(__runtimeCtx, err);
-      if (__handled) return __secHeaders(__handled);
-      throw err;
-    }
-  }
-}
+    return `// Generated by KuratchiJS compiler �" do not edit.
+${opts.isDev ? '\nglobalThis.__kuratchi_DEV__ = true;\n' : ''}
+${workerImport}
+${contextImport}
+${runtimeImport ? runtimeImport + '\n' : ''}${migrationImports ? migrationImports + '\n' : ''}${authPluginImports ? authPluginImports + '\n' : ''}${doImports ? doImports + '\n' : ''}${opts.serverImports.join('\n')}
+
+// �"��"� Assets �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+const __assets = {
+${opts.compiledAssets.map(a => `  ${JSON.stringify(a.name)}: { content: ${JSON.stringify(a.content)}, mime: ${JSON.stringify(a.mime)}, etag: ${JSON.stringify(a.etag)} }`).join(',\n')}
+};
+
+// �"��"� Router �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+const __staticRoutes = new Map();  // exact path �' index (O(1) lookup)
+const __dynamicRoutes = [];        // regex-based routes (params/wildcards)
+
+function __addRoute(pattern, index) {
+  if (!pattern.includes(':') && !pattern.includes('*')) {
+    // Static route �" direct Map lookup, no regex needed
+    __staticRoutes.set(pattern, index);
+  } else {
+    // Dynamic route �" build regex for param extraction
+    const paramNames = [];
+    let regexStr = pattern
+      .replace(/\\*(\\w+)/g, (_, name) => { paramNames.push(name); return '(?<' + name + '>.+)'; })
+      .replace(/:(\\w+)/g, (_, name) => { paramNames.push(name); return '(?<' + name + '>[^/]+)'; });
+    __dynamicRoutes.push({ regex: new RegExp('^' + regexStr + '$'), paramNames, index });
+  }
+}
+
+function __match(pathname) {
+  const normalized = pathname === '/' ? '/' : pathname.replace(/\\/$/, '');
+  // Fast path: static routes (most common)
+  const staticIdx = __staticRoutes.get(normalized);
+  if (staticIdx !== undefined) return { params: {}, index: staticIdx };
+  // Slow path: dynamic routes with params
+  for (const route of __dynamicRoutes) {
+    const m = normalized.match(route.regex);
+    if (m) {
+      const params = {};
+      for (const name of route.paramNames) params[name] = m.groups?.[name] ?? '';
+      return { params, index: route.index };
+    }
+  }
+  return null;
+}
+
+// �"��"� Layout �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+${layoutBlock}
+
+${layoutActionsBlock}
+
+// �"��"� Error pages �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+const __errorMessages = {
+  400: 'Bad Request',
+  401: 'Unauthorized',
+  403: 'Forbidden',
+  404: 'Not Found',
+  405: 'Method Not Allowed',
+  408: 'Request Timeout',
+  429: 'Too Many Requests',
+  500: 'Internal Server Error',
+  502: 'Bad Gateway',
+  503: 'Service Unavailable',
+};
+
+// Built-in default error page �" clean, dark, minimal, centered
+function __errorPage(status, detail) {
+  const title = __errorMessages[status] || 'Error';
+  const detailHtml = detail ? '<p style="font-family:ui-monospace,monospace;font-size:0.8rem;color:#555;background:#111;padding:0.5rem 1rem;border-radius:6px;max-width:480px;margin:1rem auto 0;word-break:break-word">' + __esc(detail) + '</p>' : '';
+  return '<div style="display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem">'
+    + '<div>'
+    + '<p style="font-size:5rem;font-weight:700;margin:0;color:#333;line-height:1">' + status + '</p>'
+    + '<p style="font-size:1rem;color:#555;margin:0.5rem 0 0;letter-spacing:0.05em">' + __esc(title) + '</p>'
+    + detailHtml
+    + '</div>'
+    + '</div>';
+}
+
+${customErrorFunctions ? '// Custom error page overrides (user-created NNN.html)\n' + customErrorFunctions + '\n' : ''}
+// Dispatch: use custom override if it exists, otherwise built-in default
+const __customErrors = {${Array.from(opts.compiledErrorPages.keys()).map(s => ` ${s}: __error_${s}`).join(',')} };
+
+function __error(status, detail) {
+  if (__customErrors[status]) return __customErrors[status](detail);
+  return __errorPage(status, detail);
+}
+
+${opts.compiledComponents.length > 0 ? '// �"��"� Components �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�\n\n' + opts.compiledComponents.join('\n\n') + '\n' : ''}${migrationInit}${authInit}${authPluginInit}${doResolverInit}${doClassCode}
+// �"��"� Route definitions �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+const routes = [
+${opts.compiledRoutes.join(',\n')}
+];
+
+for (let i = 0; i < routes.length; i++) __addRoute(routes[i].pattern, i);
+
+// �"��"� Response helpers �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+const __defaultSecHeaders = {
+  'X-Content-Type-Options': 'nosniff',
+  'X-Frame-Options': 'DENY',
+  'Referrer-Policy': 'strict-origin-when-cross-origin',
+};
+
+function __secHeaders(response) {
+  for (const [k, v] of Object.entries(__defaultSecHeaders)) {
+    if (!response.headers.has(k)) response.headers.set(k, v);
+  }
+  return response;
+}
+
+function __attachCookies(response) {
+  const cookies = __getLocals().__setCookieHeaders;
+  if (cookies && cookies.length > 0) {
+    const newResponse = new Response(response.body, response);
+    for (const h of cookies) newResponse.headers.append('Set-Cookie', h);
+    return __secHeaders(newResponse);
+  }
+  return __secHeaders(response);
+}
+
+function __isSameOrigin(request, url) {
+  const fetchSite = request.headers.get('sec-fetch-site');
+  if (fetchSite && fetchSite !== 'same-origin' && fetchSite !== 'same-site' && fetchSite !== 'none') {
+    return false;
+  }
+  const origin = request.headers.get('origin');
+  if (!origin) return true;
+  try { return new URL(origin).origin === url.origin; } catch { return false; }
+}
+
+${opts.isLayoutAsync ? 'async ' : ''}function __render(route, data) {
+  let html = route.render(data);
+  const headMatch = html.match(/<head>([\\s\\S]*?)<\\/head>/);
+  if (headMatch) {
+    html = html.replace(headMatch[0], '');
+    const layoutHtml = ${opts.isLayoutAsync ? 'await ' : ''}__layout(html);
+    return __attachCookies(new Response(layoutHtml.replace('</head>', headMatch[1] + '</head>'), {
+      headers: { 'content-type': 'text/html; charset=utf-8' }
+    }));
+  }
+  return __attachCookies(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(html), { headers: { 'content-type': 'text/html; charset=utf-8' } }));
+}
+
+const __runtimeDef = (typeof __kuratchiRuntime !== 'undefined' && __kuratchiRuntime && typeof __kuratchiRuntime === 'object') ? __kuratchiRuntime : {};
+const __runtimeEntries = Object.entries(__runtimeDef).filter(([, step]) => step && typeof step === 'object');
+
+async function __runRuntimeRequest(ctx, next) {
+  let idx = -1;
+  async function __dispatch(i) {
+    if (i <= idx) throw new Error('[kuratchi runtime] next() called multiple times in request phase');
+    idx = i;
+    const entry = __runtimeEntries[i];
+    if (!entry) return next();
+    const [, step] = entry;
+    if (typeof step.request !== 'function') return __dispatch(i + 1);
+    return await step.request(ctx, () => __dispatch(i + 1));
+  }
+  return __dispatch(0);
+}
+
+async function __runRuntimeRoute(ctx, next) {
+  let idx = -1;
+  async function __dispatch(i) {
+    if (i <= idx) throw new Error('[kuratchi runtime] next() called multiple times in route phase');
+    idx = i;
+    const entry = __runtimeEntries[i];
+    if (!entry) return next();
+    const [, step] = entry;
+    if (typeof step.route !== 'function') return __dispatch(i + 1);
+    return await step.route(ctx, () => __dispatch(i + 1));
+  }
+  return __dispatch(0);
+}
+
+async function __runRuntimeResponse(ctx, response) {
+  let out = response;
+  for (const [, step] of __runtimeEntries) {
+    if (typeof step.response !== 'function') continue;
+    out = await step.response(ctx, out);
+    if (!(out instanceof Response)) {
+      throw new Error('[kuratchi runtime] response handlers must return a Response');
+    }
+  }
+  return out;
+}
+
+async function __runRuntimeError(ctx, error) {
+  for (const [name, step] of __runtimeEntries) {
+    if (typeof step.error !== 'function') continue;
+    try {
+      const handled = await step.error(ctx, error);
+      if (handled instanceof Response) return handled;
+    } catch (hookErr) {
+      console.error('[kuratchi runtime] error handler failed in step', name, hookErr);
+    }
+  }
+  return null;
+}
+
+// �"��"� Exported Worker entrypoint �"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"��"�
+
+export default class extends WorkerEntrypoint {
+  async fetch(request) {
+    __setRequestContext(this.ctx, request, __env);
+${migrationInit ? '    await __runMigrations();\n' : ''}${authInit ? '    __initAuth(request);\n' : ''}${authPluginInit ? '    __initAuthPlugins();\n' : ''}${doResolverInit ? '    __initDoResolvers();\n' : ''}
+    const __runtimeCtx = {
+      request,
+      env: __env,
+      ctx: this.ctx,
+      url: new URL(request.url),
+      params: {},
+      locals: __getLocals(),
+    };
+
+    const __coreFetch = async () => {
+      const request = __runtimeCtx.request;
+      const url = __runtimeCtx.url;
+${ac?.hasRateLimit ? '\n      // Rate limiting - check before route handlers\n      { const __rlRes = await __checkRL(); if (__rlRes) return __secHeaders(__rlRes); }\n' : ''}${ac?.hasTurnstile ? '      // Turnstile bot protection\n      { const __tsRes = await __checkTS(); if (__tsRes) return __secHeaders(__tsRes); }\n' : ''}${ac?.hasGuards ? '      // Route guards - redirect if not authenticated\n      { const __gRes = __checkGuard(); if (__gRes) return __secHeaders(__gRes); }\n' : ''}
+
+      // Serve static assets from src/assets/
+      if (url.pathname.startsWith('${opts.assetsPrefix}')) {
+        const name = url.pathname.slice('${opts.assetsPrefix}'.length);
+        const asset = __assets[name];
+        if (asset) {
+          if (request.headers.get('if-none-match') === asset.etag) {
+            return new Response(null, { status: 304 });
+          }
+          return new Response(asset.content, {
+            headers: { 'content-type': asset.mime, 'cache-control': 'public, max-age=31536000, immutable', 'etag': asset.etag }
+          });
+        }
+        return __secHeaders(new Response('Not Found', { status: 404 }));
+      }
+
+      const match = __match(url.pathname);
+
+      if (!match) {
+        return __secHeaders(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(__error(404)), { status: 404, headers: { 'content-type': 'text/html; charset=utf-8' } }));
+      }
+
+      __runtimeCtx.params = match.params;
+      const route = routes[match.index];
+      __setLocal('params', match.params);
+
+      // API route: dispatch to method handler
+      if (route.__api) {
+        const method = request.method;
+        if (method === 'OPTIONS') {
+          const handler = route['OPTIONS'];
+          if (typeof handler === 'function') return __secHeaders(await handler(__runtimeCtx));
+          const allowed = ['GET','POST','PUT','PATCH','DELETE','HEAD','OPTIONS'].filter(m => typeof route[m] === 'function').join(', ');
+          return __secHeaders(new Response(null, { status: 204, headers: { 'Allow': allowed, 'Access-Control-Allow-Methods': allowed } }));
+        }
+        const handler = route[method];
+        if (typeof handler !== 'function') {
+          const allowed = ['GET','POST','PUT','PATCH','DELETE','HEAD','OPTIONS'].filter(m => typeof route[m] === 'function').join(', ');
+          return __secHeaders(new Response(JSON.stringify({ error: 'Method Not Allowed' }), { status: 405, headers: { 'content-type': 'application/json', 'Allow': allowed } }));
+        }
+        return __secHeaders(await handler(__runtimeCtx));
+      }
+
+      const __qFn = request.headers.get('x-kuratchi-query-fn') || '';
+      const __qArgsRaw = request.headers.get('x-kuratchi-query-args') || '[]';
+      let __qArgs = [];
+      try {
+        const __parsed = JSON.parse(__qArgsRaw);
+        __qArgs = Array.isArray(__parsed) ? __parsed : [];
+      } catch {}
+      __setLocal('__queryOverride', __qFn ? { fn: __qFn, args: __qArgs } : null);
+      if (!__getLocals().__breadcrumbs) {
+        __setLocal('breadcrumbs', __buildDefaultBreadcrumbs(url.pathname, match.params));
+      }
+
+      // RPC call: GET ?_rpc=fnName&_args=[...] -> JSON response
+      const __rpcName = url.searchParams.get('_rpc');
+      if (request.method === 'GET' && __rpcName && route.rpc && Object.hasOwn(route.rpc, __rpcName)) {
+        if (request.headers.get('x-kuratchi-rpc') !== '1') {
+          return __secHeaders(new Response(JSON.stringify({ ok: false, error: 'Forbidden' }), {
+            status: 403, headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
+          }));
+        }
+        try {
+          const __rpcArgsStr = url.searchParams.get('_args');
+          let __rpcArgs = [];
+          if (__rpcArgsStr) {
+            const __parsed = JSON.parse(__rpcArgsStr);
+            __rpcArgs = Array.isArray(__parsed) ? __parsed : [];
+          }
+          const __rpcResult = await route.rpc[__rpcName](...__rpcArgs);
+          return __secHeaders(new Response(JSON.stringify({ ok: true, data: __rpcResult }), {
+            headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
+          }));
+        } catch (err) {
+          console.error('[kuratchi] RPC error:', err);
+          const __errMsg = typeof __kuratchi_DEV__ !== 'undefined' ? err.message : 'Internal Server Error';
+          return __secHeaders(new Response(JSON.stringify({ ok: false, error: __errMsg }), {
+            status: 500, headers: { 'content-type': 'application/json', 'cache-control': 'no-store' }
+          }));
+        }
+      }
+
+      // Form action: POST with hidden _action field in form body
+      if (request.method === 'POST') {
+        if (!__isSameOrigin(request, url)) {
+          return __secHeaders(new Response('Forbidden', { status: 403 }));
+        }
+        const formData = await request.formData();
+        const actionName = formData.get('_action');
+        const __actionFn = (actionName && route.actions && Object.hasOwn(route.actions, actionName) ? route.actions[actionName] : null)
+          || (actionName && __layoutActions && Object.hasOwn(__layoutActions, actionName) ? __layoutActions[actionName] : null);
+        if (actionName && __actionFn) {
+          // Check if this is a fetch-based action call (onclick) with JSON args
+          const argsStr = formData.get('_args');
+          const isFetchAction = argsStr !== null;
+          try {
+            if (isFetchAction) {
+              const __parsed = JSON.parse(argsStr);
+              const args = Array.isArray(__parsed) ? __parsed : [];
+              await __actionFn(...args);
+            } else {
+              await __actionFn(formData);
+            }
+          } catch (err) {
+            if (err && err.isRedirectError) {
+              const __redirectTo = err.location || url.pathname;
+              const __redirectStatus = Number(err.status) || 303;
+              if (isFetchAction) {
+                return __attachCookies(__secHeaders(new Response(JSON.stringify({ ok: true, redirectTo: __redirectTo, redirectStatus: __redirectStatus }), {
+                  headers: { 'content-type': 'application/json' }
+                })));
+              }
+              return __attachCookies(new Response(null, { status: __redirectStatus, headers: { 'location': __redirectTo } }));
+            }
+            console.error('[kuratchi] Action error:', err);
+            if (isFetchAction) {
+              const __errMsg = typeof __kuratchi_DEV__ !== 'undefined' && err && err.message ? err.message : 'Internal Server Error';
+              return __secHeaders(new Response(JSON.stringify({ ok: false, error: __errMsg }), {
+                status: 500, headers: { 'content-type': 'application/json' }
+              }));
+            }
+            const __loaded = route.load ? await route.load(match.params) : {};
+            const data = (__loaded && typeof __loaded === 'object') ? __loaded : { value: __loaded };
+            data.params = match.params;
+            data.breadcrumbs = __getLocals().__breadcrumbs ?? [];
+            const __allActions = Object.assign({}, route.actions, __layoutActions || {});
+            Object.keys(__allActions).forEach(function(k) { if (!(k in data)) data[k] = { error: undefined, loading: false, success: false }; });
+            const __errMsg = (err && err.isActionError) ? err.message : (typeof __kuratchi_DEV__ !== 'undefined' && err && err.message) ? err.message : 'Action failed';
+            data[actionName] = { error: __errMsg, loading: false, success: false };
+            return ${opts.isLayoutAsync ? 'await ' : ''}__render(route, data);
+          }
+          // Fetch-based actions return lightweight JSON (no page re-render)
+          if (isFetchAction) {
+            return __attachCookies(new Response(JSON.stringify({ ok: true }), {
+              headers: { 'content-type': 'application/json' }
+            }));
+          }
+          // POST-Redirect-GET: redirect to custom target or back to same URL
+          const __locals = __getLocals();
+          const redirectTo = __locals.__redirectTo || url.pathname;
+          const redirectStatus = Number(__locals.__redirectStatus) || 303;
+          return __attachCookies(new Response(null, { status: redirectStatus, headers: { 'location': redirectTo } }));
+        }
+      }
+
+      // GET (or unmatched POST): load + render
+      try {
+        const __loaded = route.load ? await route.load(match.params) : {};
+        const data = (__loaded && typeof __loaded === 'object') ? __loaded : { value: __loaded };
+        data.params = match.params;
+        data.breadcrumbs = __getLocals().__breadcrumbs ?? [];
+        const __allActionsGet = Object.assign({}, route.actions, __layoutActions || {});
+        Object.keys(__allActionsGet).forEach(function(k) { if (!(k in data)) data[k] = { error: undefined, loading: false, success: false }; });
+        return ${opts.isLayoutAsync ? 'await ' : ''}__render(route, data);
+      } catch (err) {
+        if (err && err.isRedirectError) {
+          const __redirectTo = err.location || url.pathname;
+          const __redirectStatus = Number(err.status) || 303;
+          return __attachCookies(new Response(null, { status: __redirectStatus, headers: { 'location': __redirectTo } }));
+        }
+        console.error('[kuratchi] Route load/render error:', err);
+        const __pageErrStatus = (err && err.isPageError && err.status) ? err.status : 500;
+        const __errDetail = (err && err.isPageError) ? err.message : (typeof __kuratchi_DEV__ !== 'undefined' && err && err.message) ? err.message : undefined;
+        return __secHeaders(new Response(${opts.isLayoutAsync ? 'await ' : ''}__layout(__error(__pageErrStatus, __errDetail)), { status: __pageErrStatus, headers: { 'content-type': 'text/html; charset=utf-8' } }));
+      }
+    };
+
+    try {
+      const __requestResponse = await __runRuntimeRequest(__runtimeCtx, async () => {
+        return __runRuntimeRoute(__runtimeCtx, __coreFetch);
+      });
+      return await __runRuntimeResponse(__runtimeCtx, __requestResponse);
+    } catch (err) {
+      const __handled = await __runRuntimeError(__runtimeCtx, err);
+      if (__handled) return __secHeaders(__handled);
+      throw err;
+    }
+  }
+}
 `;
 }
 function resolveRuntimeImportPath(projectDir) {
@@ -3158,3 +3213,216 @@ function toWorkerImportPath(projectDir, outDir, filePath) {
         rel = `./${rel}`;
     return rel.replace(/\.(ts|js|mjs|cjs)$/, '');
 }
+/**
+ * Auto-sync wrangler.jsonc with workflow/container/DO config from kuratchi.config.ts.
+ * This eliminates the need to manually duplicate config between kuratchi.config.ts and wrangler.jsonc.
+ *
+ * The function:
+ * 1. Reads existing wrangler.jsonc (or wrangler.json)
+ * 2. Updates/adds workflow entries based on kuratchi.config.ts
+ * 3. Preserves all other wrangler config (bindings, vars, etc.)
+ * 4. Writes back only if changed
+ */
+function syncWranglerConfig(projectDir, config) {
+    // Find wrangler config file (prefer .jsonc, fall back to .json)
+    const jsoncPath = path.join(projectDir, 'wrangler.jsonc');
+    const jsonPath = path.join(projectDir, 'wrangler.json');
+    const tomlPath = path.join(projectDir, 'wrangler.toml');
+    let configPath;
+    let isJsonc = false;
+    if (fs.existsSync(jsoncPath)) {
+        configPath = jsoncPath;
+        isJsonc = true;
+    }
+    else if (fs.existsSync(jsonPath)) {
+        configPath = jsonPath;
+    }
+    else if (fs.existsSync(tomlPath)) {
+        // TOML is not supported for auto-sync — user must migrate to JSON/JSONC
+        console.log('[kuratchi] wrangler.toml detected. Auto-sync requires wrangler.jsonc. Skipping wrangler sync.');
+        return;
+    }
+    else {
+        // No wrangler config exists — create a minimal wrangler.jsonc
+        console.log('[kuratchi] Creating wrangler.jsonc with workflow config...');
+        configPath = jsoncPath;
+        isJsonc = true;
+    }
+    // Read existing config (or start fresh)
+    let rawContent = '';
+    let wranglerConfig = {};
+    if (fs.existsSync(configPath)) {
+        rawContent = fs.readFileSync(configPath, 'utf-8');
+        try {
+            // Strip JSONC comments for parsing
+            const jsonContent = stripJsonComments(rawContent);
+            wranglerConfig = JSON.parse(jsonContent);
+        }
+        catch (err) {
+            console.error(`[kuratchi] Failed to parse ${path.basename(configPath)}: ${err.message}`);
+            console.error('[kuratchi] Skipping wrangler sync. Please fix the JSON syntax.');
+            return;
+        }
+    }
+    let changed = false;
+    // Sync workflows
+    if (config.workflows.length > 0) {
+        const existingWorkflows = wranglerConfig.workflows || [];
+        const existingByBinding = new Map(existingWorkflows.map(w => [w.binding, w]));
+        for (const wf of config.workflows) {
+            // Convert SCREAMING_SNAKE binding to kebab-case name
+            const name = wf.binding.toLowerCase().replace(/_/g, '-');
+            const entry = {
+                name,
+                binding: wf.binding,
+                class_name: wf.className,
+            };
+            const existing = existingByBinding.get(wf.binding);
+            if (!existing) {
+                existingWorkflows.push(entry);
+                changed = true;
+                console.log(`[kuratchi] Added workflow "${wf.binding}" to wrangler config`);
+            }
+            else if (existing.class_name !== wf.className) {
+                existing.class_name = wf.className;
+                changed = true;
+                console.log(`[kuratchi] Updated workflow "${wf.binding}" class_name to "${wf.className}"`);
+            }
+        }
+        // Remove workflows that are no longer in kuratchi.config.ts
+        const configBindings = new Set(config.workflows.map(w => w.binding));
+        const filtered = existingWorkflows.filter(w => {
+            if (!configBindings.has(w.binding)) {
+                // Check if this was a kuratchi-managed workflow (has matching naming convention)
+                const expectedName = w.binding.toLowerCase().replace(/_/g, '-');
+                if (w.name === expectedName) {
+                    console.log(`[kuratchi] Removed workflow "${w.binding}" from wrangler config`);
+                    changed = true;
+                    return false;
+                }
+            }
+            return true;
+        });
+        if (filtered.length !== existingWorkflows.length) {
+            wranglerConfig.workflows = filtered;
+        }
+        else {
+            wranglerConfig.workflows = existingWorkflows;
+        }
+        if (wranglerConfig.workflows.length === 0) {
+            delete wranglerConfig.workflows;
+        }
+    }
+    // Sync containers (similar pattern)
+    if (config.containers.length > 0) {
+        const existingContainers = wranglerConfig.containers || [];
+        const existingByBinding = new Map(existingContainers.map(c => [c.binding, c]));
+        for (const ct of config.containers) {
+            const name = ct.binding.toLowerCase().replace(/_/g, '-');
+            const entry = {
+                name,
+                binding: ct.binding,
+                class_name: ct.className,
+            };
+            const existing = existingByBinding.get(ct.binding);
+            if (!existing) {
+                existingContainers.push(entry);
+                changed = true;
+                console.log(`[kuratchi] Added container "${ct.binding}" to wrangler config`);
+            }
+            else if (existing.class_name !== ct.className) {
+                existing.class_name = ct.className;
+                changed = true;
+                console.log(`[kuratchi] Updated container "${ct.binding}" class_name to "${ct.className}"`);
+            }
+        }
+        wranglerConfig.containers = existingContainers;
+        if (wranglerConfig.containers.length === 0) {
+            delete wranglerConfig.containers;
+        }
+    }
+    // Sync durable_objects
+    if (config.durableObjects.length > 0) {
+        if (!wranglerConfig.durable_objects) {
+            wranglerConfig.durable_objects = { bindings: [] };
+        }
+        const existingBindings = wranglerConfig.durable_objects.bindings || [];
+        const existingByName = new Map(existingBindings.map(b => [b.name, b]));
+        for (const doEntry of config.durableObjects) {
+            const entry = {
+                name: doEntry.binding,
+                class_name: doEntry.className,
+            };
+            const existing = existingByName.get(doEntry.binding);
+            if (!existing) {
+                existingBindings.push(entry);
+                changed = true;
+                console.log(`[kuratchi] Added durable_object "${doEntry.binding}" to wrangler config`);
+            }
+            else if (existing.class_name !== doEntry.className) {
+                existing.class_name = doEntry.className;
+                changed = true;
+                console.log(`[kuratchi] Updated durable_object "${doEntry.binding}" class_name to "${doEntry.className}"`);
+            }
+        }
+        wranglerConfig.durable_objects.bindings = existingBindings;
+    }
+    if (!changed)
+        return;
+    // Write back with pretty formatting
+    const newContent = JSON.stringify(wranglerConfig, null, '\t');
+    writeIfChanged(configPath, newContent + '\n');
+}
+/**
+ * Strip JSON comments (// and /* *\/) for parsing JSONC files.
+ */
+function stripJsonComments(content) {
+    let result = '';
+    let i = 0;
+    let inString = false;
+    let stringChar = '';
+    while (i < content.length) {
+        const ch = content[i];
+        const next = content[i + 1];
+        // Handle string literals
+        if (inString) {
+            result += ch;
+            if (ch === '\\' && i + 1 < content.length) {
+                result += next;
+                i += 2;
+                continue;
+            }
+            if (ch === stringChar) {
+                inString = false;
+            }
+            i++;
+            continue;
+        }
+        // Start of string
+        if (ch === '"' || ch === "'") {
+            inString = true;
+            stringChar = ch;
+            result += ch;
+            i++;
+            continue;
+        }
+        // Line comment
+        if (ch === '/' && next === '/') {
+            // Skip until end of line
+            while (i < content.length && content[i] !== '\n')
+                i++;
+            continue;
+        }
+        // Block comment
+        if (ch === '/' && next === '*') {
+            i += 2;
+            while (i < content.length - 1 && !(content[i] === '*' && content[i + 1] === '/'))
+                i++;
+            i += 2; // Skip */
+            continue;
+        }
+        result += ch;
+        i++;
+    }
+    return result;
+}