@justai/cuts 0.153.0 → 0.155.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justai/cuts",
3
- "version": "0.153.0",
3
+ "version": "0.155.0",
4
4
  "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
@@ -41,7 +41,7 @@
41
41
  "access": "public"
42
42
  },
43
43
  "dependencies": {
44
- "@justai/core": "^0.42.0",
44
+ "@justai/core": "^0.43.0",
45
45
  "@justai/ui": "^0.29.0",
46
46
  "@justai/atrium": "^0.1.9"
47
47
  },
@@ -494,7 +494,13 @@ const isNew = (added: string): boolean => { const t0 = Date.parse(added || "");
494
494
  .opt.active .tick { visibility: visible; }
495
495
  .opt.active .lb { font-weight: 600; }
496
496
 
497
- .grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
497
+ /* A SHELF, NOT A STRETCHED LIST (2026-10-14). The column became 1280 and a one-track grid turned every
498
+ card into a 1220px strip with its line running the width of a desk. The founder's rule for the wide
499
+ column: it is a room, and the kernel arranges itself in it without losing its mobile soul — so the
500
+ card stays the PHONE's card (a track never narrower than 340, about a phone's), and the grid simply
501
+ fits as many of them side by side as the room holds: one on a phone, two on a tablet, three in the
502
+ 1280 column. Intrinsic, so there is no width branch, and on a phone nothing moves. */
503
+ .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 14px; }
498
504
  /* no entrance animation — when you walk into the room, everyone is already in their place.
499
505
  the cards are simply there on load; the only motion is a whisper on hover. */
500
506
  .empty { text-align: center; color: var(--text-dim); padding: 40px 0; }