@commonpub/layer 0.21.19 → 0.21.21

package/components/blocks/BlockBuildStepView.vue

@@ -70,6 +70,9 @@ const hasChildren = computed(() => children.value.length > 0);
   padding: 12px 16px;
   background: var(--border);
   color: var(--surface);
+  /* Universal radius leak — see BlockCodeView. Inner dark bar must tile
+     flush with the body below on themes with non-zero --radius. */
+  border-radius: 0;
 }
 
 .cpub-step-num {

package/components/blocks/BlockCodeView.vue

@@ -156,6 +156,14 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
   padding: 8px 14px;
   background: var(--code-header-bg);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Reset the universal `*,::before,::after{border-radius:var(--radius)}`
+     rule from base.css. Themes that override --radius to non-zero (e.g.
+     deveco --radius:6px) leave the inner header + body with their own
+     rounded corners — the rounded edges curve AWAY from each other inside
+     the outer rounded container, leaving wedges of empty page-bg between
+     them. Sharp inner edges tile flush inside the outer overflow:hidden
+     rounded box. (deveco.io report, 2026-05-21) */
+  border-radius: 0;
 }
 
 .cpub-code-lang {
@@ -201,6 +209,16 @@ pre.hljs .hljs-title.class_ { color: var(--hljs-variable); }
   font-size: 13px;
   line-height: 1.6;
   overflow-x: auto;
+  /* Reset the global `.cpub-prose pre` rule from prose.css that adds
+     border + 16px top/bottom margin to every <pre> inside prose. Inside
+     a BlockCodeView the container already owns the border + the header
+     sits directly above the body — the global rule's margin and extra
+     border created a visible "floating bar with gap then code block"
+     effect (heatsynclabs.io report, 2026-05-21). */
+  border: 0 !important;
+  /* Also reset universal border-radius for the same wedge-gap reason
+     described on .cpub-code-header above. */
+  border-radius: 0;
 }
 
 .cpub-code-body code {

package/components/blocks/BlockDownloadsView.vue

@@ -52,6 +52,9 @@ const files = computed<FileItem[]>(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Universal radius leak — see BlockCodeView. Inner sections must tile
+     flush inside the rounded outer container. */
+  border-radius: 0;
 }
 
 .cpub-dl-icon { font-size: 12px; color: var(--accent); }
@@ -66,6 +69,7 @@ const files = computed<FileItem[]>(() => {
   gap: 12px;
   padding: 10px 14px;
   border-bottom: var(--border-width-default) solid var(--border2);
+  border-radius: 0;
 }
 
 .cpub-dl-item:last-child { border-bottom: none; }

package/components/blocks/BlockEmbedView.vue

@@ -36,6 +36,9 @@ const embedUrl = computed(() => toEmbedUrl(props.content.url as string));
   display: flex;
   align-items: center;
   gap: 6px;
+  /* Universal *,::before,::after{border-radius:var(--radius)} leak — see
+     BlockCodeView for the pattern. */
+  border-radius: 0;
 }
 
 .cpub-embed-label i { color: var(--accent); }
@@ -44,6 +47,7 @@ const embedUrl = computed(() => toEmbedUrl(props.content.url as string));
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
+  border-radius: 0;
 }
 
 .cpub-embed-iframe {

package/components/blocks/BlockPartsListView.vue

@@ -69,6 +69,10 @@ const totalPrice = computed(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Reset universal *,::before,::after{border-radius:var(--radius)} so the
+     dark header tiles flush against the table below on themes with
+     non-zero --radius (deveco). See BlockCodeView for the full pattern. */
+  border-radius: 0;
 }
 
 .cpub-parts-icon { font-size: 12px; color: var(--accent); }
@@ -77,6 +81,15 @@ const totalPrice = computed(() => {
 
 .cpub-parts-table { width: 100%; border-collapse: collapse; }
 
+/* Reset the global `.cpub-prose th` rule from prose.css that puts a
+   1px border on every <th>. With `border-collapse: collapse`, those
+   borders merge into thin lines that visually split the dark header
+   row into separate "rounded gap" boxes against the var(--text)
+   background. The container's outer border already frames the row;
+   internal cell borders are not wanted (heatsynclabs.io report,
+   2026-05-21). Use !important to beat the global rule (specificity
+   0,2,0 vs 0,1,1 would normally win, but the global rule sets
+   `border` which the scoped rule doesn't, so it leaks through). */
 .cpub-parts-table th {
   font-family: var(--font-mono);
   font-size: 9px;
@@ -87,13 +100,19 @@ const totalPrice = computed(() => {
   padding: 8px 12px;
   background: var(--text);
   color: var(--surface);
+  border: 0 !important;
+  /* Universal radius leak — sharp cells tile flush with no rounded gaps
+     between them on themes with non-zero --radius. */
+  border-radius: 0;
 }
 
 .cpub-parts-table td {
   padding: 10px 12px;
+  border: 0;
   border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 13px;
   color: var(--text-dim);
+  border-radius: 0;
 }
 
 .cpub-part-name { font-weight: 500; color: var(--text); }

package/components/blocks/BlockToolListView.vue

@@ -51,6 +51,8 @@ const tools = computed<Tool[]>(() => {
   padding: 10px 14px;
   background: var(--surface2);
   border-bottom: var(--border-width-default) solid var(--border);
+  /* Universal radius leak — see BlockCodeView. */
+  border-radius: 0;
 }
 
 .cpub-tools-icon { font-size: 12px; color: var(--accent); }

package/components/blocks/BlockVideoView.vue

@@ -52,6 +52,10 @@ const platform = computed(() => {
   display: flex;
   align-items: center;
   gap: 6px;
+  /* Universal *,::before,::after{border-radius:var(--radius)} leak — sharp
+     inner sections tile flush inside the rounded outer container on
+     themes with non-zero --radius (deveco). */
+  border-radius: 0;
 }
 
 .cpub-video-label i { color: var(--accent); }
@@ -61,6 +65,7 @@ const platform = computed(() => {
   padding-bottom: 56.25%;
   height: 0;
   background: var(--text);
+  border-radius: 0;
 }
 
 .cpub-video-iframe {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.21.19",
+  "version": "0.21.21",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -50,16 +50,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
+    "@commonpub/auth": "0.6.0",
     "@commonpub/config": "0.13.0",
     "@commonpub/docs": "0.6.3",
+    "@commonpub/schema": "0.16.0",
+    "@commonpub/learning": "0.5.2",
     "@commonpub/editor": "0.7.11",
+    "@commonpub/explainer": "0.7.15",
     "@commonpub/protocol": "0.12.0",
-    "@commonpub/schema": "0.16.0",
     "@commonpub/server": "2.55.0",
-    "@commonpub/ui": "0.8.5",
-    "@commonpub/auth": "0.6.0",
-    "@commonpub/learning": "0.5.2",
-    "@commonpub/explainer": "0.7.15"
+    "@commonpub/ui": "0.8.5"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",