@ai-matrx/canvas 0.9.0 → 0.9.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.9.2
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/canvas/v0.9.1..npm/canvas/v0.9.2 -- apps/shared/canvas`).
+No source changes intended and no consumer action required.
+
+## 0.9.1
+
+Live walk of 0.9.0 (localhost, 2026-10-07): a tab spun forever when its code never arrived (the dev server was paused mid-load), and a failed one showed "This item failed to load".
+
+- **A body whose code does not arrive is never a silent spinner.** A failed load already ended in "This item failed to load" with Try again; a load that never answers now ends the same way after `CANVAS_BODY_STALL_MS` (20s): "This item is taking a long time to load." with Try again and Close tab. Try again (both paths) asks for the code from a fresh lazy component. The tab's data (a conversation, a draft's alias) lives outside the body and is untouched.
+
+### Consumer action
+
+- None.
+
 ## 0.9.0
 
 Live walk of 0.8.5 (localhost, 2026-10-07): the scrolling strip showed the tabs beside the current one sliced at its edges ("uick Chat", "aved items", "atchpad"), and at 375px the second tab was just "("; Quick Notes / Notifications / Quick Chat stacked in an 800px window left Notifications its header and one row.

package/dist/react.cjs

@@ -2990,8 +2990,23 @@ var Rendered = (0, import_react8.memo)(function Rendered2({
   presentation
 }) {
   const props = { item, data: item.data, paneId, isFocused, isVisible, canvas, windowId, presentation };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ItemBoundary, { item, onClose: () => canvas.close(item.id), onRetry: () => resetKindComponent(kind), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react8.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mxc-loading", "aria-busy": "true" }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KindRender, { kind, props }) }) });
+  const [attempt, setAttempt] = (0, import_react8.useState)(0);
+  const retry = () => {
+    resetKindComponent(kind);
+    setAttempt((n) => n + 1);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ItemBoundary, { item, onClose: () => canvas.close(item.id), onRetry: retry, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react8.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LoadingBody, { onRetry: retry, onClose: () => canvas.close(item.id) }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KindRender, { kind, props }) }, attempt) });
 });
+var CANVAS_BODY_STALL_MS = 2e4;
+function LoadingBody({ onRetry, onClose }) {
+  const [stalled, setStalled] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    const timer = setTimeout(() => setStalled(true), CANVAS_BODY_STALL_MS);
+    return () => clearTimeout(timer);
+  }, []);
+  if (!stalled) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mxc-loading", "aria-busy": "true" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ItemProblem, { message: "This item is taking a long time to load.", onRetry, onClose });
+}
 function KindRender({ kind, props }) {
   const Render = kindComponent(kind);
   if (!Render) throw new Error(`[@ai-matrx/canvas] kind "${kind.id}" has nothing to render.`);