dsh-generative-ui 0.0.2 → 0.0.3

package/lib/client.js

@@ -3392,6 +3392,279 @@ var require_server_browser = __commonJS(function(exports2) {
   exports2.renderToReadableStream = s.renderToReadableStream;
 });
 
+// node_modules/scheduler/cjs/scheduler.production.min.js
+var require_scheduler_production_min = __commonJS(function(exports2) {
+  function f(a, b) {
+    var c = a.length;
+    a.push(b);
+    a:
+      for (;0 < c; ) {
+        var d = c - 1 >>> 1, e = a[d];
+        if (0 < g(e, b))
+          a[d] = b, a[c] = e, c = d;
+        else
+          break a;
+      }
+  }
+  function h(a) {
+    return a.length === 0 ? null : a[0];
+  }
+  function k(a) {
+    if (a.length === 0)
+      return null;
+    var b = a[0], c = a.pop();
+    if (c !== b) {
+      a[0] = c;
+      a:
+        for (var d = 0, e = a.length, w = e >>> 1;d < w; ) {
+          var m = 2 * (d + 1) - 1, C = a[m], n = m + 1, x = a[n];
+          if (0 > g(C, c))
+            n < e && 0 > g(x, C) ? (a[d] = x, a[n] = c, d = n) : (a[d] = C, a[m] = c, d = m);
+          else if (n < e && 0 > g(x, c))
+            a[d] = x, a[n] = c, d = n;
+          else
+            break a;
+        }
+    }
+    return b;
+  }
+  function g(a, b) {
+    var c = a.sortIndex - b.sortIndex;
+    return c !== 0 ? c : a.id - b.id;
+  }
+  if (typeof performance === "object" && typeof performance.now === "function") {
+    l = performance;
+    exports2.unstable_now = function() {
+      return l.now();
+    };
+  } else {
+    p = Date, q = p.now();
+    exports2.unstable_now = function() {
+      return p.now() - q;
+    };
+  }
+  var l;
+  var p;
+  var q;
+  var r = [];
+  var t = [];
+  var u = 1;
+  var v = null;
+  var y = 3;
+  var z = false;
+  var A = false;
+  var B = false;
+  var D = typeof setTimeout === "function" ? setTimeout : null;
+  var E = typeof clearTimeout === "function" ? clearTimeout : null;
+  var F = typeof setImmediate !== "undefined" ? setImmediate : null;
+  typeof navigator !== "undefined" && navigator.scheduling !== undefined && navigator.scheduling.isInputPending !== undefined && navigator.scheduling.isInputPending.bind(navigator.scheduling);
+  function G(a) {
+    for (var b = h(t);b !== null; ) {
+      if (b.callback === null)
+        k(t);
+      else if (b.startTime <= a)
+        k(t), b.sortIndex = b.expirationTime, f(r, b);
+      else
+        break;
+      b = h(t);
+    }
+  }
+  function H(a) {
+    B = false;
+    G(a);
+    if (!A)
+      if (h(r) !== null)
+        A = true, I(J);
+      else {
+        var b = h(t);
+        b !== null && K(H, b.startTime - a);
+      }
+  }
+  function J(a, b) {
+    A = false;
+    B && (B = false, E(L), L = -1);
+    z = true;
+    var c = y;
+    try {
+      G(b);
+      for (v = h(r);v !== null && (!(v.expirationTime > b) || a && !M()); ) {
+        var d = v.callback;
+        if (typeof d === "function") {
+          v.callback = null;
+          y = v.priorityLevel;
+          var e = d(v.expirationTime <= b);
+          b = exports2.unstable_now();
+          typeof e === "function" ? v.callback = e : v === h(r) && k(r);
+          G(b);
+        } else
+          k(r);
+        v = h(r);
+      }
+      if (v !== null)
+        var w = true;
+      else {
+        var m = h(t);
+        m !== null && K(H, m.startTime - b);
+        w = false;
+      }
+      return w;
+    } finally {
+      v = null, y = c, z = false;
+    }
+  }
+  var N = false;
+  var O = null;
+  var L = -1;
+  var P = 5;
+  var Q = -1;
+  function M() {
+    return exports2.unstable_now() - Q < P ? false : true;
+  }
+  function R() {
+    if (O !== null) {
+      var a = exports2.unstable_now();
+      Q = a;
+      var b = true;
+      try {
+        b = O(true, a);
+      } finally {
+        b ? S() : (N = false, O = null);
+      }
+    } else
+      N = false;
+  }
+  var S;
+  if (typeof F === "function")
+    S = function() {
+      F(R);
+    };
+  else if (typeof MessageChannel !== "undefined") {
+    T = new MessageChannel, U = T.port2;
+    T.port1.onmessage = R;
+    S = function() {
+      U.postMessage(null);
+    };
+  } else
+    S = function() {
+      D(R, 0);
+    };
+  var T;
+  var U;
+  function I(a) {
+    O = a;
+    N || (N = true, S());
+  }
+  function K(a, b) {
+    L = D(function() {
+      a(exports2.unstable_now());
+    }, b);
+  }
+  exports2.unstable_IdlePriority = 5;
+  exports2.unstable_ImmediatePriority = 1;
+  exports2.unstable_LowPriority = 4;
+  exports2.unstable_NormalPriority = 3;
+  exports2.unstable_Profiling = null;
+  exports2.unstable_UserBlockingPriority = 2;
+  exports2.unstable_cancelCallback = function(a) {
+    a.callback = null;
+  };
+  exports2.unstable_continueExecution = function() {
+    A || z || (A = true, I(J));
+  };
+  exports2.unstable_forceFrameRate = function(a) {
+    0 > a || 125 < a ? console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported") : P = 0 < a ? Math.floor(1000 / a) : 5;
+  };
+  exports2.unstable_getCurrentPriorityLevel = function() {
+    return y;
+  };
+  exports2.unstable_getFirstCallbackNode = function() {
+    return h(r);
+  };
+  exports2.unstable_next = function(a) {
+    switch (y) {
+      case 1:
+      case 2:
+      case 3:
+        var b = 3;
+        break;
+      default:
+        b = y;
+    }
+    var c = y;
+    y = b;
+    try {
+      return a();
+    } finally {
+      y = c;
+    }
+  };
+  exports2.unstable_pauseExecution = function() {};
+  exports2.unstable_requestPaint = function() {};
+  exports2.unstable_runWithPriority = function(a, b) {
+    switch (a) {
+      case 1:
+      case 2:
+      case 3:
+      case 4:
+      case 5:
+        break;
+      default:
+        a = 3;
+    }
+    var c = y;
+    y = a;
+    try {
+      return b();
+    } finally {
+      y = c;
+    }
+  };
+  exports2.unstable_scheduleCallback = function(a, b, c) {
+    var d = exports2.unstable_now();
+    typeof c === "object" && c !== null ? (c = c.delay, c = typeof c === "number" && 0 < c ? d + c : d) : c = d;
+    switch (a) {
+      case 1:
+        var e = -1;
+        break;
+      case 2:
+        e = 250;
+        break;
+      case 5:
+        e = 1073741823;
+        break;
+      case 4:
+        e = 1e4;
+        break;
+      default:
+        e = 5000;
+    }
+    e = c + e;
+    a = { id: u++, callback: b, priorityLevel: a, startTime: c, expirationTime: e, sortIndex: -1 };
+    c > d ? (a.sortIndex = c, f(t, a), h(r) === null && a === h(t) && (B ? (E(L), L = -1) : B = true, K(H, c - d))) : (a.sortIndex = e, f(r, a), A || z || (A = true, I(J)));
+    return a;
+  };
+  exports2.unstable_shouldYield = M;
+  exports2.unstable_wrapCallback = function(a) {
+    var b = y;
+    return function() {
+      var c = y;
+      y = b;
+      try {
+        return a.apply(this, arguments);
+      } finally {
+        y = c;
+      }
+    };
+  };
+});
+
+// node_modules/scheduler/index.js
+var require_scheduler = __commonJS(function(exports2, module2) {
+  if (true) {
+    module2.exports = require_scheduler_production_min();
+  }
+});
+
 // src/client/index.ts
 var exports_client = {};
 __export(exports_client, {
@@ -7002,6 +7275,7 @@ var AI_STREAM_PATH = "/dsh-generative-ui/ai";
 var FS_PATH = "/dsh-generative-ui/fs";
 var EXEC_PATH = "/dsh-generative-ui/exec";
 var WEB_SEARCH_PATH = "/dsh-generative-ui/web-search";
+var CARD_ERROR_PATH = "/dsh-generative-ui/card-error";
 
 // src/client/runtime/compiler.ts
 var initPromise2 = null;
@@ -7022,6 +7296,7 @@ var warmCompiler = () => {
 function disposeCompiler() {
   initPromise2 = null;
 }
+var hasDefaultExport = (source) => /^\s*export\s+default\s/m.test(source.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^\s*\/\/.*$/gm, "")) || /\bexport\s*\{[^}]*\bas\s+default\b/.test(source);
 function createBrowserTsxCompiler() {
   return {
     async compile(code, options = {}) {
@@ -7037,8 +7312,11 @@ function createBrowserTsxCompiler() {
         return build(normalizeGeneratedTsx(code, { mode: "streaming" }));
       try {
         return build(normalizeGeneratedTsx(code, { mode: "final" }));
-      } catch {
-        return build(normalizeGeneratedTsx(code, { mode: "streaming" }));
+      } catch (error) {
+        const cut = normalizeGeneratedTsx(code, { mode: "streaming" });
+        if (!hasDefaultExport(cut))
+          throw error;
+        return build(cut);
       }
     }
   };
@@ -7124,6 +7402,7 @@ var React = __toESM(require("react"));
 var ReactJsxRuntime = __toESM(require("react/jsx-runtime"));
 var ReactDom = __toESM(require("react-dom"));
 var ReactDomClient = __toESM(require("react-dom/client"));
+var Scheduler = __toESM(require_scheduler(), 1);
 var installed = false;
 function installDocumentImportMap() {
   if (installed || typeof document === "undefined")
@@ -7144,7 +7423,8 @@ function registerRuntimeModules() {
     "react/jsx-runtime": ReactJsxRuntime,
     "react/jsx-dev-runtime": ReactJsxRuntime,
     "react-dom": ReactDom,
-    "react-dom/client": ReactDomClient
+    "react-dom/client": ReactDomClient,
+    scheduler: Scheduler
   });
   installDocumentImportMap();
 }
@@ -7260,7 +7540,7 @@ async function request(method, path, content, extra) {
   const response = await fetch(`${FS_PATH}?${query}`, content === undefined ? { method } : { method, headers: { "content-type": "application/json" }, body: JSON.stringify({ content }) });
   const body = await response.json().catch(() => ({}));
   if (!response.ok)
-    throw new Error(`[dsh-generative-ui] $dsh/fs ${path}: ${body.error ?? response.statusText}`);
+    throw Object.assign(new Error(`[dsh-generative-ui] $dsh/fs ${path}: ${body.error ?? response.statusText}`), { code: body.error, denied: response.status === 403 });
   return body;
 }
 async function execRequest(cwd, sessionId, command, signal) {
@@ -17067,6 +17347,9 @@ var unoConfig = (scope2) => ({
     {
       getCSS: () => `${scope2} *, ${scope2} *::before, ${scope2} *::after { box-sizing: border-box; }
       ${scope2} ul, ${scope2} ol { list-style: none; margin: 0; padding: 0; }
+      ${scope2} h1, ${scope2} h2, ${scope2} h3, ${scope2} h4, ${scope2} h5, ${scope2} h6,
+      ${scope2} p, ${scope2} blockquote, ${scope2} figure, ${scope2} figcaption,
+      ${scope2} dl, ${scope2} dd, ${scope2} pre, ${scope2} hr { margin: 0; }
       ${scope2} button, ${scope2} input, ${scope2} select, ${scope2} textarea {
         background: transparent; color: inherit; font: inherit; border: 0 solid; cursor: pointer;
       }
@@ -17167,10 +17450,8 @@ var compiler = () => {
   }
   return sharedCompiler;
 };
-var TRANSIENT = /No default export found|Unexpected (end of|eof)/i;
 var TRANSIENT_LOAD = /failed to fetch|failed to load|networkerror|load failed/i;
 var MAX_RETRIES = 3;
-var isUnfinishedFrame = (message, phase, streaming) => streaming && phase !== "render" && TRANSIENT.test(message);
 var shouldRetry = (message, phase, streaming, attempts) => phase === "compile" && !streaming && TRANSIENT_LOAD.test(message) && attempts < MAX_RETRIES;
 var deliveryFor = (code, delivered, streaming) => {
   if (!streaming)
@@ -17194,16 +17475,20 @@ var deliver = (renderer, delivery) => {
   return true;
 };
 var importSignature = (code) => [...code.matchAll(/from\s+["']([^"']+)["']/g)].map((match) => match[1]).join(" ");
+var reportStranded = (streaming, stranded, code, reportedFor) => !streaming && stranded !== null && reportedFor !== code;
 var errorAction = (message, phase, streaming, attempts) => {
-  if (isUnfinishedFrame(message, phase, streaming))
+  if (streaming)
     return "ignore";
   return shouldRetry(message, phase, streaming, attempts) ? "retry" : "report";
 };
-var RETRY_BACKOFF_MS = 400;
-var probeOutcome = (signature, current, streaming, delivered) => {
+var RETRY_BACKOFF_MS = 500;
+var RETRY_FACTOR = 4;
+var probeOutcome = (signature, current, streaming, delivered, probed) => {
   if (signature !== current)
     return "stale";
-  return !streaming && delivered !== "" ? "redeliver" : "store";
+  if (delivered === "")
+    return "store";
+  return !streaming || delivered === probed ? "redeliver" : "store";
 };
 var dispatchError = (action, effects) => {
   if (action === "ignore")
@@ -17211,17 +17496,28 @@ var dispatchError = (action, effects) => {
   if (action === "retry") {
     const next = effects.attempts() + 1;
     effects.setAttempts(next);
-    effects.schedule(RETRY_BACKOFF_MS * next);
+    effects.schedule(RETRY_BACKOFF_MS * RETRY_FACTOR ** (next - 1));
     return;
   }
   effects.report();
 };
+var unbundleFetchedImports = (imports) => Object.fromEntries(Object.entries(imports).map(([key, url]) => {
+  if (!url.startsWith("https://esm.sh/"))
+    return [key, url];
+  const parsed = new URL(url);
+  parsed.searchParams.delete("bundle");
+  return [key, parsed.toString()];
+}));
 var bustFetchedImports = (imports, attempt) => Object.fromEntries(Object.entries(imports).map(([key, url]) => [key, url.startsWith("https://esm.sh/") ? `${url}${url.includes("?") ? "&" : "?"}ui4a-retry=${attempt}` : url]));
 function GenUISurface({ code, streaming = false, preserveState = true, onError, onRendered, className }) {
   const hostRef = import_react4.useRef(null);
   const [renderer, setRenderer] = import_react4.useState(null);
   const onErrorRef = useLatest(onError);
   const onRenderedRef = useLatest(onRendered);
+  const threwRef = import_react4.useRef(false);
+  const strandedRef = import_react4.useRef(null);
+  const strandedReportedRef = import_react4.useRef("");
+  const retryTimers = import_react4.useRef(new Set);
   const streamingRef = useLatest(streaming);
   const preserveStateRef = import_react4.useRef(preserveState);
   const retriesRef = import_react4.useRef(0);
@@ -17230,7 +17526,8 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
       return;
     const attempt = retriesRef.current;
     mergeFallbackImports(localImports(), code).then((imports) => {
-      renderer.setImportMap({ imports: bustFetchedImports(imports, attempt) });
+      const fresh = attempt > 0 ? unbundleFetchedImports(imports) : imports;
+      renderer.setImportMap({ imports: bustFetchedImports(fresh, attempt) });
       renderer.clear({ preserveVisualState: true });
       renderer.render(code);
     });
@@ -17247,18 +17544,27 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
       preserveStateOnUpdate: preserveStateRef.current,
       callbacks: {
         onError: (error, phase) => {
-          dispatchError(errorAction(error.message, phase, streamingRef.current, retriesRef.current), {
+          if (phase === "render")
+            threwRef.current = true;
+          const action = errorAction(error.message, phase, streamingRef.current, retriesRef.current);
+          if (action === "ignore")
+            strandedRef.current = { error, phase };
+          dispatchError(action, {
             attempts: () => retriesRef.current,
             setAttempts: (n2) => {
               retriesRef.current = n2;
             },
-            schedule: (ms) => setTimeout(() => retryRef.current(), ms),
+            schedule: (ms) => void retryTimers.current.add(setTimeout(() => retryRef.current(), ms)),
             report: () => onErrorRef.current?.(error, phase)
           });
         },
         onRendered: () => {
           retriesRef.current = 0;
-          onRenderedRef.current?.();
+          const restored = threwRef.current;
+          threwRef.current = false;
+          if (!restored)
+            strandedRef.current = null;
+          onRenderedRef.current?.(restored);
         }
       }
     }).then((created) => {
@@ -17272,6 +17578,9 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
       attached?.detach();
       attached = null;
       setRenderer(null);
+      for (const timer of retryTimers.current)
+        clearTimeout(timer);
+      retryTimers.current.clear();
     };
   }, []);
   const importedRef = import_react4.useRef("");
@@ -17283,7 +17592,7 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
     if (signature !== importedRef.current) {
       importedRef.current = signature;
       mergeFallbackImports(localImports(), code).then((imports) => {
-        const settle = probeOutcome(signature, importedRef.current, streamingRef.current, deliveredRef.current);
+        const settle = probeOutcome(signature, importedRef.current, streamingRef.current, deliveredRef.current, code);
         if (settle === "stale")
           return;
         renderer.setImportMap({ imports });
@@ -17293,8 +17602,14 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
     }
     retriesRef.current = 0;
     ensureUnoStyles(code, streaming);
-    if (!deliver(renderer, deliveryFor(code, deliveredRef.current, streaming)))
+    if (!deliver(renderer, deliveryFor(code, deliveredRef.current, streaming))) {
+      const stranded = strandedRef.current;
+      if (stranded !== null && reportStranded(streaming, stranded, code, strandedReportedRef.current)) {
+        strandedReportedRef.current = code;
+        onErrorRef.current?.(stranded.error, stranded.phase);
+      }
       return;
+    }
     deliveredRef.current = code;
   }, [renderer, code, streaming]);
   return /* @__PURE__ */ jsx_runtime.jsx("div", {
@@ -17305,32 +17620,39 @@ function GenUISurface({ code, streaming = false, preserveState = true, onError,
 }
 
 // src/client/runtime/report-error.ts
-var sent = new Set;
-var reportBody = (message, phase) => `[automatic] The card you just wrote did not render. It failed at the ${phase} step:
-
-${message}
-
-This was sent by the renderer, not by the user — nobody typed it, so do not apologise or address it as a request. If the error names the correct usage (the available exports, for instance), fix the card and send it again. If it does not, look it up before you change anything, and answer in the language the user has been writing in.`;
 var SETTLE_MS = 1000;
 var pending = null;
-function cardRendered() {
+var outstanding = null;
+function cancelPendingReport() {
   if (pending === null)
     return;
-  clearTimeout(pending);
+  clearTimeout(pending.timer);
   pending = null;
 }
-function reportCardError(send, message, phase) {
+function cardRendered(restored = false, current = () => true) {
+  if (restored)
+    return;
+  cancelPendingReport();
+  if (!current())
+    return;
+  const send = outstanding;
+  outstanding = null;
+  send?.(null);
+}
+function reportCardError(send, message, phase, current = () => true) {
   if (send === undefined)
     return;
-  if (sent.has(message))
+  if (!current())
     return;
-  sent.add(message);
   if (pending !== null)
-    clearTimeout(pending);
-  pending = setTimeout(() => {
+    clearTimeout(pending.timer);
+  pending = { timer: setTimeout(() => {
     pending = null;
-    send(reportBody(message, phase));
-  }, SETTLE_MS);
+    if (!current())
+      return;
+    outstanding = send;
+    send({ message, phase });
+  }, SETTLE_MS), message };
 }
 
 // src/client/runtime/inline-fence.ts
@@ -17338,6 +17660,55 @@ var import_client2 = require("react-dom/client");
 var import_react5 = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
+// src/client/runtime/segments.ts
+var FENCE = new RegExp(String.raw`(?<!\x60)(\x60{3,})${FENCE_LANG.replace("/", "\\/")}([^\n]*)(\n|$)`);
+function findClose(body, fence) {
+  const anchored = body.indexOf(`
+${fence}`);
+  if (anchored >= 0 && /^[^\S\n]*(?:\n|$)/.test(body.slice(anchored + 1 + fence.length)) && body[anchored + 1 + fence.length] !== "`")
+    return anchored + 1;
+  for (let at = body.indexOf(fence);at >= 0; at = body.indexOf(fence, at + 1)) {
+    if (body[at - 1] === "`" || body[at + fence.length] === "`")
+      continue;
+    if (/^[^\S\n]*(?:\n|$)/.test(body.slice(at + fence.length)))
+      return at;
+  }
+  const short = /(?:^|\n)[^\S\n]*(`{3,})[^\S\n]*(?:\n|$)/.exec(body);
+  return short === undefined || short === null ? -1 : short.index + (short[0].startsWith(`
+`) ? 1 : 0);
+}
+var TOOL_CALL_MARKUP = /\n?(?:<\/(?:antml:|｜｜DSML｜｜)?(?:parameter|invoke|tool_calls)>\s*)+$/;
+var CODE_LINE = /^(import|export|const|function|type|interface|let|\/\/)\b/;
+var FENCE_META = /^[\w-]+=/;
+function parseUi4aSegments(text2) {
+  const segments = [];
+  let rest = text2;
+  while (true) {
+    const open = FENCE.exec(rest);
+    if (open === null)
+      return segments;
+    const trailing = open[2].trim();
+    const bodyStart = open.index + open[0].length;
+    if (trailing !== "" && !CODE_LINE.test(trailing) && !FENCE_META.test(trailing)) {
+      rest = rest.slice(bodyStart);
+      continue;
+    }
+    if (/^[^\S\n]*`{3,}ui4a\/tsx/.test(rest.slice(bodyStart))) {
+      rest = rest.slice(bodyStart);
+      continue;
+    }
+    const inlineCode = CODE_LINE.test(trailing) ? `${trailing}
+` : "";
+    const closeIndex = findClose(rest.slice(bodyStart), open[1]);
+    if (closeIndex === -1) {
+      segments.push({ code: (inlineCode + rest.slice(bodyStart)).replace(TOOL_CALL_MARKUP, ""), complete: false });
+      return segments;
+    }
+    segments.push({ code: (inlineCode + rest.slice(bodyStart, bodyStart + closeIndex)).replace(TOOL_CALL_MARKUP, ""), complete: true });
+    rest = rest.slice(bodyStart + closeIndex).replace(new RegExp(String.raw`^${open[1]}[^\n]*\n?`), "");
+  }
+}
+
 // src/client/runtime/observe.ts
 var listeners = new Set;
 var observer = null;
@@ -17405,12 +17776,56 @@ var hasPainted = (mount) => {
   }
   return false;
 };
-var codeOf = (block) => block.querySelector("pre")?.textContent ?? "";
+var LEADING_UI4A_FENCE = new RegExp(String.raw`^\s*\x60{3,}${FENCE_LANG.replace("/", "\\/")}(?:[^\n]*)(?:\n|$)`);
+var codeOf = (block) => {
+  const rendered = block.querySelector("pre")?.textContent ?? "";
+  if (!LEADING_UI4A_FENCE.test(rendered))
+    return rendered;
+  return parseUi4aSegments(rendered)[0]?.code ?? rendered;
+};
 var sameCode = (a, b) => a.trimEnd() === b.trimEnd();
 var matchSegment = (segments, rendered) => segments.find((segment) => sameCode(segment.code, rendered) || segment.code.startsWith(rendered));
+var isLastSegment = (segments, code) => {
+  const last = segments.at(-1);
+  return last !== undefined && (sameCode(last.code, code) || last.code.startsWith(code));
+};
+var NEAR_VIEWPORT = "100% 0px";
 function claimInlineFences({ segments, render, scope: scope2 }) {
   const claims = new Map;
   const root = scope2 ?? document.body;
+  const parked = new Set;
+  const woken = new Set;
+  const nearby = typeof IntersectionObserver === "undefined" ? null : new IntersectionObserver((entries) => {
+    let woke = false;
+    for (const entry of entries) {
+      if (!entry.isIntersecting)
+        continue;
+      const block = entry.target;
+      nearby?.unobserve(block);
+      parked.delete(block);
+      woken.add(block);
+      woke = true;
+    }
+    if (woke)
+      sweep();
+  }, { rootMargin: NEAR_VIEWPORT });
+  const defer = (block, segment) => {
+    if (nearby === null || !segment.complete)
+      return false;
+    if (woken.delete(block))
+      return false;
+    if (parked.has(block))
+      return true;
+    const box = block.getBoundingClientRect();
+    const limit = globalThis.innerHeight || 0 || 0;
+    if (limit === 0 || box.height === 0 && box.width === 0)
+      return false;
+    if (box.bottom > -limit && box.top < limit * 2)
+      return false;
+    parked.add(block);
+    nearby.observe(block);
+    return true;
+  };
   const release = (claim, restore) => {
     claim.painted?.disconnect();
     claim.root.unmount();
@@ -17424,13 +17839,22 @@ function claimInlineFences({ segments, render, scope: scope2 }) {
   };
   const sweep = () => {
     const current = segments();
+    for (const claim of claims.values())
+      if (!claim.block.isConnected)
+        release(claim, false);
+    const taken = new Set([...claims.values()].map((claim) => claim.reserved));
     for (const block of root.querySelectorAll(`.md-code-block:not([${CLAIMED}])`)) {
+      if (block.closest(`[${PREVIEW}]`) !== null || block.closest(`[${MOUNT}]`) !== null)
+        continue;
       const code = codeOf(block);
       if (code === "")
         continue;
-      const segment = matchSegment(current, code);
+      const segment = matchSegment(current.filter((candidate) => !taken.has(candidate.code)), code);
       if (segment === undefined)
         continue;
+      taken.add(segment.code);
+      if (defer(block, segment))
+        continue;
       block.setAttribute(CLAIMED, "");
       const mount = document.createElement("div");
       mount.setAttribute(MOUNT, "");
@@ -17439,7 +17863,7 @@ function claimInlineFences({ segments, render, scope: scope2 }) {
       previewHost.setAttribute(PREVIEW, "");
       block.parentElement?.insertBefore(previewHost, block);
       block.style.display = "none";
-      const claim = { block, mount, root: import_client2.createRoot(mount), code: "", complete: false, rendered: "", painted: null, preview: { host: previewHost, root: import_client2.createRoot(previewHost) } };
+      const claim = { block, mount, root: import_client2.createRoot(mount), code: "", reserved: segment.code, complete: false, rendered: "", painted: null, preview: { host: previewHost, root: import_client2.createRoot(previewHost) } };
       let queued = 0;
       claim.painted = new MutationObserver(() => {
         if (queued !== 0)
@@ -17465,7 +17889,7 @@ function claimInlineFences({ segments, render, scope: scope2 }) {
       if (rendered === claim.rendered && claim.code !== "" && claim.complete)
         continue;
       claim.rendered = rendered;
-      const segment = matchSegment(current, rendered);
+      const segment = matchSegment(current.filter((candidate) => candidate.code === claim.reserved || !taken.has(candidate.code)), rendered);
       if (segment === undefined) {
         if (claim.code.startsWith(rendered))
           continue;
@@ -17473,80 +17897,41 @@ function claimInlineFences({ segments, render, scope: scope2 }) {
         continue;
       }
       const { code, complete } = segment;
+      taken.delete(claim.reserved);
+      taken.add(code);
+      claim.reserved = code;
       if (code === claim.code && complete === claim.complete)
         continue;
       claim.code = code;
       claim.complete = complete;
-      claim.root.render(render({ code, streaming: !complete }));
+      claim.root.render(render({ code, streaming: !complete, last: () => isLastSegment(segments(), code) }));
       claim.preview?.root.render(import_react5.createElement(import_dsh_client_ui_primitives.CodeBlock, { code, lang: "tsx" }));
     }
   };
   const stop = observeTranscript(sweep);
   return () => {
     stop();
+    nearby?.disconnect();
+    parked.clear();
+    woken.clear();
     for (const claim of claims.values())
       release(claim, true);
   };
 }
 
-// src/client/runtime/segments.ts
-var FENCE = new RegExp(String.raw`(?<!\x60)(\x60{3,})${FENCE_LANG.replace("/", "\\/")}([^\n]*)(\n|$)`);
-function findClose(body, fence) {
-  const anchored = body.indexOf(`
-${fence}`);
-  if (anchored >= 0 && /^[^\S\n]*(?:\n|$)/.test(body.slice(anchored + 1 + fence.length)) && body[anchored + 1 + fence.length] !== "`")
-    return anchored + 1;
-  for (let at = body.indexOf(fence);at >= 0; at = body.indexOf(fence, at + 1)) {
-    if (body[at - 1] === "`" || body[at + fence.length] === "`")
-      continue;
-    if (/^[^\S\n]*(?:\n|$)/.test(body.slice(at + fence.length)))
-      return at;
-  }
-  const short = /(?:^|\n)[^\S\n]*(`{3,})[^\S\n]*(?:\n|$)/.exec(body);
-  return short === undefined || short === null ? -1 : short.index + (short[0].startsWith(`
-`) ? 1 : 0);
-}
-var TOOL_CALL_MARKUP = /\n?(?:<\/(?:antml:|｜｜DSML｜｜)?(?:parameter|invoke|tool_calls)>\s*)+$/;
-var CODE_LINE = /^(import|export|const|function|type|interface|let|\/\/)\b/;
-var FENCE_META = /^[\w-]+=/;
-function parseUi4aSegments(text2) {
-  const segments = [];
-  let rest = text2;
-  while (true) {
-    const open = FENCE.exec(rest);
-    if (open === null)
-      return segments;
-    const trailing = open[2].trim();
-    const bodyStart = open.index + open[0].length;
-    if (trailing !== "" && !CODE_LINE.test(trailing) && !FENCE_META.test(trailing)) {
-      rest = rest.slice(bodyStart);
-      continue;
-    }
-    if (/^[^\S\n]*`{3,}ui4a\/tsx/.test(rest.slice(bodyStart))) {
-      rest = rest.slice(bodyStart);
-      continue;
-    }
-    const inlineCode = CODE_LINE.test(trailing) ? `${trailing}
-` : "";
-    const closeIndex = findClose(rest.slice(bodyStart), open[1]);
-    if (closeIndex === -1) {
-      segments.push({ code: (inlineCode + rest.slice(bodyStart)).replace(TOOL_CALL_MARKUP, ""), complete: false });
-      return segments;
-    }
-    segments.push({ code: (inlineCode + rest.slice(bodyStart, bodyStart + closeIndex)).replace(TOOL_CALL_MARKUP, ""), complete: true });
-    rest = rest.slice(bodyStart + closeIndex).replace(new RegExp(String.raw`^${open[1]}[^\n]*\n?`), "");
-  }
-}
-
 // src/client/session.ts
 function chatNodes(ctx) {
   const sessionId = ctx.sessions.list.getSnapshot().current;
   if (sessionId === undefined)
     return [];
-  const snapshot = ctx.sessions.binding(sessionId)?.session.getSnapshot();
-  if (snapshot === undefined)
+  const binding = ctx.sessions.binding(sessionId);
+  if (binding === undefined)
+    return [];
+  const uiConversation = ctx.get("uiConversation");
+  const chat = uiConversation === undefined ? binding.session.getSnapshot()?.chat : uiConversation.binding(binding).target("chat").getSnapshot();
+  if (chat === undefined)
     return [];
-  return [...snapshot.chat.nodes.values()];
+  return [...chat.nodes.values()];
 }
 function perNode(key, derive) {
   let cache = new Map;
@@ -17853,7 +18238,6 @@ function CanvasPanel({ canvases, offerable, cwd, onOpen, onClose, onWidth, onCar
         }) : /* @__PURE__ */ jsx_runtime2.jsx(GenUISurface, {
           code: resolved,
           streaming: active.streaming,
-          preserveState: false,
           onError: (error, phase) => onCardError?.(error.message, phase),
           onRendered: onCardRendered
         }, active.id)
@@ -18474,6 +18858,7 @@ function apply(ctx) {
   const currentSession = () => ctx.sessions.list.getSnapshot().current;
   const sessionId = () => currentSession() ?? "";
   ctx.effect(() => disposeRegistry, "dsh-generative-ui: blob module URLs");
+  ctx.effect(() => () => cancelPendingReport(), "dsh-generative-ui: pending error report");
   ctx.effect(() => () => {
     disposeCompiler();
     dropSharedCompiler();
@@ -18499,14 +18884,15 @@ function apply(ctx) {
       };
     }, "dsh-generative-ui: $dsh host");
   });
-  const sendToModel = (text2) => {
+  const sendToModel = (report) => {
     const id = currentSession();
-    const session = id === undefined ? undefined : ctx.sessions.scope(id);
-    if (session === undefined)
+    if (id === undefined)
       return;
-    session.inject(["conversation"], (addressed) => {
-      addressed.conversation.send(text2).catch((error) => console.error("[dsh-generative-ui] card error report failed", error));
-    });
+    fetch(`${CARD_ERROR_PATH}?session=${encodeURIComponent(id)}`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(report ?? {})
+    }).catch((error) => console.error("[dsh-generative-ui] card error report failed", error));
   };
   let showCanvas = null;
   ctx.effect(() => {
@@ -18536,7 +18922,7 @@ function apply(ctx) {
   });
   ctx.effect(() => claimInlineFences({
     segments,
-    render: ({ code, streaming }) => import_react9.createElement(GenUISurface, { code, streaming, onError: (error, phase) => reportCardError(sendToModel, error.message, phase), onRendered: cardRendered })
+    render: ({ code, streaming, last }) => import_react9.createElement(GenUISurface, { code, streaming, onError: (error, phase) => reportCardError(sendToModel, error.message, phase, last), onRendered: (restored) => cardRendered(restored, last) })
   }), "dsh-generative-ui: inline fences");
 }
 function textOf(node) {
@@ -18564,5 +18950,5 @@ function callsKeyOf(node) {
 
 return module.exports; } });
 
-//# debugId=86F35A693577D63964756E2164756E21
+//# debugId=5ED6C7BECA8B837364756E2164756E21
 //# sourceMappingURL=client.js.map