pandorga 1.4.6 → 1.4.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a8ea9638b4cbf0679fd3eeb328969878e5c4e7080be6a338257ccfc831f66213
-  data.tar.gz: 865776c26a7094cdf151ff21c6ecf492dd9e91171a6608bb23567323ff6ef8a2
+  metadata.gz: fdc6dcec6dea0007093b40500ca2ec287d17170029f68b3f4284090fe14236a1
+  data.tar.gz: be5ea215e27ebe6755ce5d09875c8ca175d16daf3d8328c94161255fba179531
 SHA512:
-  metadata.gz: f14807c5d0798c3dd75253faa2571fd142ee5f9e69017486a89cf65eead3c45707b683ab044bd45c3be03fe177287732a0cb95dfc1a57597917ea9a6e2b272b4
-  data.tar.gz: 86216efa57c77d99e3f1369d467edd57580f3046e558325b425ad1ecc85c5b0c9dacb162407840229c50f87de9233f8e668ef3abaa5cd2b34714b76644697042
+  metadata.gz: f2f5de4ed2c7737a20b33fe03018c49f8a2267a4903ed065c5af9f99bf1b36e708305186c3d022786152efc15ba39791c6f55c2cf9427d2bac4f97a61cda77a7
+  data.tar.gz: 43e93a55bd09913445387e511741522588d2fb51d37589dc51abc4d0d4e4145fa3fef32c7087a7b4d59fa841fe25b2e5cc799bc1c88c2efa3883e7dfb5d546d4

data/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [1.4.8] — 2026-10-08
+
+### Changed
+
+- Home project bench: specimen and inventory share equal ~45.6% columns;
+  inventory thumbnails fill row height at 16:9; list titles, copy, and
+  resource marks retuned (neutral gray icons, tighter type)
+- Specimen tagline flexes into spare card height and ellipsizes with a
+  proper "…" (CSS line-clamp was hard-clipping mid-glyph)
+
+## [1.4.7] — 2026-10-07
+
+### Fixed
+
+- Studio keeps the editor focused while the content-pipeline chip is spinning.
+  Status polls patch the toolbar chip instead of rebuilding the shell.
+- Home draft cards use 16:9 thumbnails and are 20% shorter on desktop and mobile.
+
 ## [1.4.6] — 2026-10-07
 
 ### Fixed

data/_layouts/home.html

@@ -250,6 +250,43 @@ layout: shell
         /* Lock height to the tallest project so swapping never moves the
            inventory. Remeasure on resize when the specimen column width
            changes (chip wrap / plate width). */
+        /* `-webkit-line-clamp` fails on the specimen card (mid-glyph crop,
+           no ellipsis). Copy flexes into spare card height; fit text here. */
+        function ellipsizeSpecimenCopy(root) {
+          var copy = root.querySelector('.ledger-card-copy');
+          if (!copy) return;
+          var full = copy.getAttribute('data-full-text') || copy.textContent;
+          copy.setAttribute('data-full-text', full);
+          copy.textContent = full;
+          if (copy.scrollHeight <= copy.clientHeight + 1) return;
+
+          function fitted(n) {
+            if (n >= full.length) {
+              copy.textContent = full;
+              return copy.scrollHeight <= copy.clientHeight + 1;
+            }
+            var slice = full.slice(0, n);
+            var sp = slice.lastIndexOf(' ');
+            if (sp > Math.floor(n * 0.5)) slice = slice.slice(0, sp);
+            copy.textContent = slice.replace(/[.,;:\s]+$/u, '') + '…';
+            return copy.scrollHeight <= copy.clientHeight + 1;
+          }
+
+          var lo = 0;
+          var hi = full.length;
+          var best = 0;
+          while (lo <= hi) {
+            var mid = (lo + hi) >> 1;
+            if (fitted(mid)) {
+              best = mid;
+              lo = mid + 1;
+            } else {
+              hi = mid - 1;
+            }
+          }
+          fitted(best);
+        }
+
         function paintSpecimen(entry) {
           specimenSlot.innerHTML = '';
           specimenSlot.appendChild(runtime.renderProjectSpecimen(asItem(entry), {
@@ -258,6 +295,7 @@ layout: shell
             folio: positionOf(entry.slug) + 1,
             openLabel: 'Open project'
           }));
+          ellipsizeSpecimenCopy(specimenSlot);
         }
 
         function measureTallestSpecimen() {
@@ -302,8 +340,21 @@ layout: shell
           var bench = specimenSlot.closest('.home-projects-bench');
           if (!bench) return;
           var tallest = measureTallestSpecimen();
-          if (tallest > 0) {
-            bench.style.setProperty('--home-specimen-height', tallest + 'px');
+          /* Floor at the CSS inventory minimum so six rows always clear
+             three stacked resource icons (see --home-inventory-min-height). */
+          var inventoryMin = 0;
+          var raw = window.getComputedStyle(bench)
+            .getPropertyValue('--home-inventory-min-height').trim();
+          if (raw) {
+            var probe = document.createElement('div');
+            probe.style.cssText = 'position:absolute;visibility:hidden;height:' + raw;
+            bench.appendChild(probe);
+            inventoryMin = Math.ceil(probe.getBoundingClientRect().height);
+            probe.remove();
+          }
+          var locked = Math.max(tallest, inventoryMin);
+          if (locked > 0) {
+            bench.style.setProperty('--home-specimen-height', locked + 'px');
           }
         }
 

data/assets/css/ledger/home.css

@@ -845,10 +845,9 @@ html[data-theme="light"] .home-hero-plate {
     border-color var(--motion-duration-fast) var(--motion-ease-default);
 }
 
-/* ~40% taller poster than the shared 16/9 plate so the dropped-sheet body
-   keeps room for the excerpt (four-up columns were clipping copy to a sliver). */
+/* Shared 16:9 plate. The previous 16/12.6 crop made these thumbs tall. */
 .home-draft-card .ledger-poster {
-  aspect-ratio: 16 / 12.6;
+  aspect-ratio: 16 / 9;
 }
 
 /* A handful of fixed degrees per grid position — not a JS random() — so the
@@ -875,8 +874,9 @@ html[data-theme="light"] .home-hero-plate {
 }
 
 .home-draft-card .ledger-card-body {
-  padding: var(--space-md);
-  gap: var(--space-xs);
+  /* 20% shorter stack than the previous dropped-sheet body, both breakpoints. */
+  padding: calc(var(--space-md) * 0.8);
+  gap: calc(var(--space-xs) * 0.8);
 }
 
 /* Up from 1rem. The four dropped sheets are the only place on the home page
@@ -903,19 +903,29 @@ html[data-theme="light"] .home-hero-plate {
      `flex: 1` gives the paragraph a definite block size from the flex
      allocation, so line-clamp/overflow clip against that height instead of
      growing past the ellipsis (the old flex:1 + clamp:2 bug that left text
-     after "…" and sliced mid-glyph at the card edge).
-     min-height ~40% above the old six-line band so short posters still leave
-     readable excerpt room. */
+     after "…" and sliced mid-glyph at the card edge). */
   flex: 1 1 auto;
-  min-height: calc(var(--type-subtitle) * var(--leading-body) * 8.4);
+  /* With the 16:9 plate, this band keeps the whole card about 20% shorter
+     than the old 16/12.6 poster and 8.4-line excerpt, on narrow and wide grids. */
+  min-height: calc(var(--type-subtitle) * var(--leading-body) * 5.33);
   height: 0;
   display: -webkit-box;
-  -webkit-line-clamp: 8;
-  line-clamp: 8;
+  -webkit-line-clamp: 5;
+  line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 
+/* Four-up posters were the tall part of the old card. Give the excerpt a
+   little of that height back so the wide card is 20% shorter too, not more. */
+@media (min-width: 1024px) {
+  .home-draft-card .ledger-card-copy {
+    min-height: calc(var(--type-subtitle) * var(--leading-body) * 6.05);
+    -webkit-line-clamp: 6;
+    line-clamp: 6;
+  }
+}
+
 .home-draft-card .ledger-card-foot .ledger-cta {
   font-size: var(--type-cta);
 }
@@ -947,12 +957,13 @@ html[data-theme="light"] .home-hero-plate {
    A specimen card beside a filing rack of project cards. Height is locked to
    the tallest project (home.html measures once, then sets
    `--home-specimen-height`), so swapping projects never resizes the band or
-   the inventory. Taglines stay full length and chips wrap whole pills like
-   the projects index; spare height parks chips and the foot on the floor.
-   Every plate is 16:9, the ratio the thumbnails are drawn at, with the title
-   below it. From 900px the specimen is half the band and the rack a narrower
-   column beside it, the rest left blank. Below 900px the rack is an icon strip
-   above the specimen, one column per project. */
+   the inventory. Taglines clamp to two lines with an ellipsis; chips wrap
+   whole pills like the projects index; spare height parks chips and the foot
+   on the floor. Every plate is 16:9, the ratio the thumbnails are drawn at,
+   with the title below it. From 900px the specimen and the rack share equal
+   columns (~45.6% each); rows reserve height for three resource icons.
+   Below 900px the rack is an icon strip above the specimen, one column
+   per project. */
 .home-projects-bench {
   --home-specimen-height: 32rem;
   --home-icon-btn-size: 2.75rem;
@@ -1128,12 +1139,15 @@ html[data-theme="light"] .home-hero-plate {
   white-space: nowrap;
 }
 
-/* Full tagline, same as `.ledger-system-card` on the projects index — no
-   clamp and no flex-shrink that would crop mid-sentence. The chip row wraps
-   whole pills to the next line (never mid-label); spare height still parks
-   them and the foot on the floor. */
+/* Tagline fills spare height between the plate and the chips/foot.
+   `-webkit-line-clamp` hard-clips mid-glyph on this card, so home.html
+   ellipsizes against the flex-allocated box after paint (`height: 0` +
+   `flex: 1` is the same definite-size trick as `.home-draft-card`). */
 .home-project-specimen .ledger-card-copy {
-  flex: 0 0 auto;
+  flex: 1 1 auto;
+  min-height: calc(var(--type-body) * var(--leading-body) * 2);
+  height: 0;
+  overflow: hidden;
   font-size: var(--type-body);
   line-height: var(--leading-body);
   color: var(--color-on-surface-variant);
@@ -1143,14 +1157,14 @@ html[data-theme="light"] .home-hero-plate {
   flex: 0 0 auto;
   flex-wrap: wrap;
   gap: var(--space-xs);
-  margin: auto 0 0;
+  margin: 0;
 }
 
 .home-specimen-foot {
   flex: 0 0 auto;
   flex-wrap: wrap;
   gap: var(--space-md);
-  margin-top: auto;
+  margin-top: var(--space-sm);
   padding-top: var(--space-md);
 }
 
@@ -1271,11 +1285,25 @@ html[data-theme="light"] .home-hero-plate {
 
 @media (min-width: 900px) {
 
-  /* Desktop fallback before JS measures the tallest specimen. */
+  /* Desktop fallback before JS measures the tallest specimen.
+     Specimen and inventory share equal columns (specimen was 38% then
+     +20% → 45.6%; the list matches that width). Rows still reserve
+     height for three stacked resource icons. */
   .home-projects-bench {
-    --home-specimen-height: 36rem;
+    --home-inventory-icon-size: 1.55rem;
+    --home-inventory-icon-gap: 0.2rem;
+    --home-inventory-resources-height: calc(
+      3 * var(--home-inventory-icon-size) + 2 * var(--home-inventory-icon-gap)
+    );
+    --home-inventory-row-min: calc(
+      var(--home-inventory-resources-height) + 2 * var(--space-sm)
+    );
+    --home-inventory-min-height: calc(
+      6 * var(--home-inventory-row-min) + 5 * var(--space-sm) + 2 * var(--space-md)
+    );
+    --home-specimen-height: max(36rem, var(--home-inventory-min-height));
     display: grid;
-    grid-template-columns: minmax(0, 50%) minmax(20rem, 40%);
+    grid-template-columns: minmax(0, 45.6%) minmax(0, 45.6%);
     column-gap: var(--space-xl);
     align-items: stretch;
   }
@@ -1285,6 +1313,9 @@ html[data-theme="light"] .home-hero-plate {
     display: flex;
     flex-direction: column;
     gap: var(--space-sm);
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
     min-height: 0;
     overflow: hidden;
     padding: var(--space-md);
@@ -1297,10 +1328,11 @@ html[data-theme="light"] .home-hero-plate {
 
   .home-project-inventory-row {
     flex: 1 1 0;
+    align-items: flex-start;
     justify-content: flex-start;
     gap: var(--space-md);
     height: auto;
-    min-height: 0;
+    min-height: var(--home-inventory-row-min);
     padding: var(--space-sm) var(--space-md);
     border: 1px solid var(--border-gentle-divider);
     background: var(--color-surface-card);
@@ -1319,10 +1351,14 @@ html[data-theme="light"] .home-hero-plate {
     box-shadow: inset 3px 0 0 var(--color-primary);
   }
 
+  /* Plate fills the row’s content height; width follows 16:9. Stretch keeps
+     it tall while title/copy/icons stay top-aligned with its top edge. */
   .home-project-inventory-media {
     display: block;
     flex: 0 0 auto;
-    width: 5.5rem;
+    align-self: stretch;
+    width: auto;
+    height: auto;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     background: var(--color-surface-high);
@@ -1354,12 +1390,12 @@ html[data-theme="light"] .home-hero-plate {
   }
 
   .home-project-inventory-mark .material-symbols-outlined {
-    font-size: 1.5rem;
+    font-size: 2rem;
   }
 
   .home-project-inventory-mark--initial {
     font-family: var(--font-content-title);
-    font-size: var(--type-card);
+    font-size: var(--type-card-lg);
     font-weight: var(--weight-title);
     line-height: 1;
     color: var(--color-on-surface);
@@ -1368,10 +1404,12 @@ html[data-theme="light"] .home-hero-plate {
   .home-project-inventory-body {
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    gap: 0.1rem;
+    justify-content: flex-start;
+    align-self: flex-start;
+    gap: 0.2rem;
     flex: 1 1 0;
     min-width: 0;
+    padding-top: 0;
   }
 
   .home-project-inventory-resources {
@@ -1379,45 +1417,44 @@ html[data-theme="light"] .home-hero-plate {
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
-    align-self: stretch;
+    align-self: flex-start;
     flex: 0 0 auto;
-    gap: 0.2rem;
-    min-height: 0;
+    gap: var(--home-inventory-icon-gap);
+    width: var(--home-inventory-icon-size);
+    min-height: var(--home-inventory-resources-height);
     position: relative;
     z-index: 1;
   }
 
+  /* Neutral marks — same voice as list descriptions, not primary CTAs. */
   .home-project-inventory-resource {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: 1.55rem;
-    height: 1.55rem;
+    width: var(--home-inventory-icon-size);
+    height: var(--home-inventory-icon-size);
     flex: 0 0 auto;
-    background: var(--color-surface-card);
-    color: var(--color-primary);
-    border: 1px solid color-mix(in srgb, var(--border-gentle-divider) 80%, transparent);
-  }
-
-  .home-band--contrast .home-project-inventory-resource {
-    background: var(--color-surface-card-contrast);
-  }
-
-  .home-project-inventory-row.is-selected .home-project-inventory-resource,
-  .home-band--contrast .home-project-inventory-row.is-selected .home-project-inventory-resource {
-    background: var(--color-surface-card);
+    background: transparent;
+    color: var(--color-on-surface-variant);
+    border: 0;
   }
 
   .home-project-inventory-resource .material-symbols-outlined {
     font-size: 1rem;
     line-height: 1;
-    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
+    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
   }
 
-  .home-project-inventory-title {
-    margin: 0;
+  .home-project-inventory-code .ledger-meta {
     font-size: var(--type-label-lg);
-    line-height: 1.25;
+  }
+
+  .home-project-inventory-title {
+    margin: 0.2rem 0 0;
+    font-family: var(--font-content-title);
+    font-size: calc(var(--type-card) - 2pt);
+    font-weight: var(--weight-title);
+    line-height: 1.2;
     color: var(--color-on-surface);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1432,9 +1469,9 @@ html[data-theme="light"] .home-hero-plate {
 
   .home-project-inventory-copy {
     margin: 0;
-    font-size: var(--type-meta);
+    font-size: var(--type-label-lg);
     font-weight: var(--weight-body);
-    line-height: 1.4;
+    line-height: 1.35;
     color: var(--color-on-surface-variant);
     overflow: hidden;
     text-overflow: ellipsis;

data/lib/pandorga/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Pandorga
-  VERSION = "1.4.6"
+  VERSION = "1.4.8"
 end

data/scripts/test/render-parity/blocks/project-specimen.json

@@ -32,7 +32,6 @@
     "article.home-project-specimen",
     "div.home-specimen-strip",
     "div.ledger-meta",
-    "span.ledger-status",
     "div.home-specimen-figure",
     "div.ledger-poster",
     "img",
@@ -45,13 +44,16 @@
     "span.home-specimen-open"
   ],
   "forbidden": [
-    "projects-plate"
+    "projects-plate",
+    "span.ledger-status"
+  ],
+  "excludes": [
+    ">Ongoing<"
   ],
   "contains": [
     ">#01<",
     ">Simulation<",
     ">2024<",
-    ">Ongoing<",
     ">ARCO<",
     ">Repository<",
     ">Article<",

data/scripts/test/render-parity/blocks/system-card.json

@@ -27,22 +27,27 @@
     "div.ledger-poster",
     "img",
     "div.ledger-meta",
-    "span.ledger-status",
     "h3.ledger-card-title",
     "a.ledger-card-stretch",
     "p.ledger-card-copy",
     "div.ledger-chip-row",
     "div.ledger-card-links"
   ],
+  "forbidden": [
+    "span.ledger-status"
+  ],
+  "excludes": [
+    ">Ongoing<"
+  ],
   "contains": [
     ">Repository<",
     ">Article<",
     ">Visit<",
     ">ARCO<",
-    ">Simulation"
+    ">Simulation<"
   ],
   "counts": {
-    "ledger-meta-sep": 1,
+    "ledger-meta-sep": 0,
     "ledger-cta": 3
   }
 }

data/scripts/test/test-studio-api-contract.rb

@@ -45,6 +45,76 @@ check!(REPO_ROOT.join("studio-app/src/main.js").read.include?("armPipelineWatch"
        "SPA must watch the content pipeline after save")
 check!(REPO_ROOT.join("studio-app/src/main.js").read.include?("refreshPipelineStatus"),
        "SPA must hydrate pipeline status on boot")
+
+# Pipeline polls used to call renderShell(), which wipes #app and remounts
+# TipTap. That drops editor focus for the whole run.
+def function_source(source, name)
+  re = /(?:async\s+)?function\s+#{Regexp.escape(name)}\s*\(/
+  m = source.match(re)
+  raise "missing function #{name}" unless m
+  i = m.end(0)
+  paren = 1
+  while i < source.length && paren.positive?
+    c = source[i]
+    if c == "'" || c == '"' || c == "`"
+      q = c
+      i += 1
+      while i < source.length && source[i] != q
+        i += source[i] == "\\" ? 2 : 1
+      end
+      i += 1
+    elsif c == "/" && source[i + 1] == "/"
+      nl = source.index("\n", i)
+      i = nl ? nl + 1 : source.length
+    else
+      paren += 1 if c == "("
+      paren -= 1 if c == ")"
+      i += 1
+    end
+  end
+  i += 1 while i < source.length && source[i] != "{"
+  raise "missing body #{name}" if i >= source.length
+  depth = 0
+  start = i
+  while i < source.length
+    c = source[i]
+    if c == "{"
+      depth += 1
+      i += 1
+    elsif c == "}"
+      depth -= 1
+      return source[start..i] if depth == 0
+      i += 1
+    elsif c == "'" || c == '"' || c == "`"
+      q = c
+      i += 1
+      while i < source.length && source[i] != q
+        i += source[i] == "\\" ? 2 : 1
+      end
+      i += 1
+    elsif c == "/" && source[i + 1] == "/"
+      nl = source.index("\n", i)
+      i = nl ? nl + 1 : source.length
+    else
+      i += 1
+    end
+  end
+  raise "unclosed function #{name}"
+end
+
+studio_main = REPO_ROOT.join("studio-app/src/main.js").read
+%w[pollPipelineStatus refreshPipelineStatus armPipelineWatch].each do |fn|
+  body = function_source(studio_main, fn)
+  check!(!body.include?("renderShell"),
+         "#{fn} must not rebuild the shell (that drops editor focus while the chip spins)")
+  check!(body.include?("syncPipelineChip"),
+         "#{fn} must patch the pipeline chip in place")
+end
+reexport = function_source(studio_main, "reexportLocalContent")
+check!(!reexport.include?("renderShell"),
+       "local export must not rebuild the shell while the button spins")
+check!(reexport.include?("syncLocalExportButton"),
+       "local export must patch the export button in place")
 check!(!REPO_ROOT.join("studio-app/src/main.js").read.match?(/action:\s*"delete"/),
        "toolbar must not include a Delete action")