@ammduncan/easel 0.2.17 → 0.2.18

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to easel. This project adheres to [Semantic Versioning](https://semver.org/).
 
+## 0.2.18 — 2026-05-23
+
+### Reverted
+- **Reverted the 0.2.17 full-bleed *card* breakout.** That change made `kind: mockup/app` cards grow to near-full viewport width — wrong axis. The actual ask was for the *content* to fill the card edge-to-edge (no inner inset), with the card itself staying at the normal reading-column width. That's already handled by app-fidelity mode (0.2.13): the wrapper sets `body { margin:0; padding:0 }`, `.push-body` has no padding, and the iframe is `width:100%`, so mockup content fills the card to its rounded edges. Cards now stay column-width again; mockup content still bleeds to the card edges.
+
 ## 0.2.17 — 2026-05-23
 
 ### Added

package/dist/client/viewer.css

@@ -501,18 +501,6 @@ body {
   animation: pop-in 360ms cubic-bezier(0.2, 0.7, 0.2, 1);
 }
 
-/* App-fidelity pushes (kind: mockup / app) break out of the feed column to
-   near-full viewport width, so desktop UI recreations render at real desktop
-   proportions instead of being squeezed to the ~1540px reading column.
-   margin-left:50% moves the left edge to the column's centre line (which is
-   the viewport centre, since .feed is margin:0 auto), then translateX(-50%)
-   pulls back by half the element's own width → viewport-centred full bleed. */
-.push--full-bleed {
-  width: min(98vw, 1920px);
-  margin-left: 50%;
-  transform: translateX(-50%);
-}
-
 @keyframes pop-in {
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: none; }

package/dist/client/viewer.js

@@ -426,11 +426,6 @@
     const card = document.createElement("article");
     card.className = "push";
     if (opts && opts.fresh) card.classList.add("fresh");
-    // App-fidelity pushes (mockup / app) break out of the feed column to
-    // near-full viewport width so desktop screens render at real proportions.
-    if (push.kind === "mockup" || push.kind === "app") {
-      card.classList.add("push--full-bleed");
-    }
     card.id = "push-" + push.id;
 
     const meta = document.createElement("div");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ammduncan/easel",
-  "version": "0.2.17",
+  "version": "0.2.18",
   "description": "A live browser tab for every Claude Code (and MCP) session. The push MCP tool appends HTML cards to a scrolling feed you keep open in split-screen.",
   "type": "module",
   "license": "MIT",