lavish-axi 0.1.14 → 0.1.15

package/README.md

@@ -97,7 +97,7 @@ pnpm link
 - **File-path identity** - Sessions are keyed by the canonical HTML file path, so agents do not need opaque IDs.
 - **Portable artifacts** - The artifact runs in an iframe while Lavish injects a small SDK for annotations, snapshots, and feedback controls. Lavish does not inject any design system, so the saved HTML file renders identically whether you open it through `lavish-axi` or directly in a browser. Run `lavish-axi design` for a copy-pasteable CDN snippet to opt in to Tailwind CSS v4 + DaisyUI v5, or use any other design system (or none).
 - **Local assets** - Copy local images, CSS, fonts, and scripts next to the HTML artifact and reference them with relative paths from that directory; root-prefixed paths such as `/assets/logo.png` will not resolve through Lavish's artifact route.
-- **Live reload** - Lavish watches the HTML artifact file by default. To also reload on sibling asset changes, add `data-lavish-live-reload-root` to the root element or `<meta name="lavish-live-reload" content="root">`.
+- **Live reload** - Lavish watches the HTML artifact file by default and preserves the artifact iframe scroll position across reloads. To also reload on sibling asset changes, add `data-lavish-live-reload-root` to the root element or `<meta name="lavish-live-reload" content="root">`.
 - **Feedback controls** - Mark buttons, choices, and other interactive elements with `data-lavish-action` so Lavish does not annotate them, then call `window.lavish.queuePrompt()` or `window.lavish.sendQueuedPrompts()` from the control handler.
 - **Agent presence** - The browser shows when no agent is listening, keeps queued feedback for the next successful `lavish-axi poll` send even across reloads, and only blocks sending while the agent is working on delivered feedback.
 - **Precise targets** - Text annotations include selected text plus range anchors, so agents are not limited to whole-element selectors.

package/dist/chrome-client.js

@@ -24,6 +24,7 @@ let pendingSnapshot = "";
 let workingBubble = null;
 let submitQueuedPromise = null;
 let submitQueuedAgain = false;
+let lastScroll = { x: 0, y: 0 };
 
 function escapeHtml(value) {
   return String(value).replace(
@@ -244,6 +245,9 @@ window.addEventListener("message", (event) => {
     pendingSnapshot = msg.snapshot || "";
     submitQueued();
   }
+  if (msg.type === "lavish:scroll") {
+    lastScroll = { x: Number(msg.x) || 0, y: Number(msg.y) || 0 };
+  }
   if (msg.type === "lavish:sendQueuedPrompts") sendQueued();
   if (msg.type === "lavish:endSession") endSession();
 });
@@ -258,7 +262,11 @@ annotationButton.onclick = () => {
 sendButton.onclick = sendQueued;
 copyPathButton.onclick = copyFilePath;
 endButton.onclick = endSession;
-frame.addEventListener("load", () => postToFrame({ type: "lavish:setAnnotationMode", enabled: annotation }));
+frame.addEventListener("load", () => {
+  postToFrame({ type: "lavish:setAnnotationMode", enabled: annotation });
+  // Replay the pre-reload scroll position so hot reloads don't jump the artifact to the top.
+  postToFrame({ type: "lavish:restoreScroll", x: lastScroll.x, y: lastScroll.y });
+});
 
 const events = new EventSource("/events/" + key);
 events.addEventListener("reload", () => {

package/dist/cli.mjs

@@ -955,7 +955,22 @@ function createArtifactSdk() {
     if (msg.type === "lavish:requestSnapshot") {
       parent.postMessage({ type: "lavish:snapshot", snapshot: snapshot() }, "*");
     }
+    if (msg.type === "lavish:restoreScroll") {
+      window.scrollTo(Number(msg.x) || 0, Number(msg.y) || 0);
+    }
   });
+  let scrollFrame = 0;
+  window.addEventListener(
+    "scroll",
+    () => {
+      if (scrollFrame) return;
+      scrollFrame = window.requestAnimationFrame(() => {
+        scrollFrame = 0;
+        parent.postMessage({ type: "lavish:scroll", x: window.scrollX, y: window.scrollY }, "*");
+      });
+    },
+    { passive: true }
+  );
   document.addEventListener(
     "mouseover",
     (event) => {
@@ -1747,7 +1762,7 @@ var HttpTelemetryClient = class {
     await Promise.race([
       drained,
       new Promise((resolve) => {
-        setTimeout(resolve, timeoutMs).unref?.();
+        setTimeout(resolve, timeoutMs);
       })
     ]);
   }
@@ -1822,7 +1837,7 @@ function normalizePagePath(path5) {
 // src/cli.js
 var COMMANDS = /* @__PURE__ */ new Set(["open", "poll", "end", "server", "playbook", "design", "setup"]);
 var DESCRIPTION = "Lavish Editor helps agents turn rich HTML artifacts into collaborative human review surfaces. Whenever you are about to give user a complex response that will be easier to understand via a rich / interactive page, consider using Lavish Editor. First generate an interactive HTML artifact according to user request, then run `lavish-axi <html-file>` so the user can visually review it, annotate elements or selected text, queue prompts, and send feedback back through `lavish-axi poll`.";
-var VERSION = "0.1.14";
+var VERSION = "0.1.15";
 async function run(argv) {
   await ensureStateDir();
   const normalizedArgv = normalizeArgv(argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lavish-axi",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "packageManager": "pnpm@11.1.1",
   "description": "HTML is the new markdown. Lavish is the new editor for your HTML artifacts.",
   "type": "module",