@commonpub/layer 0.63.0 → 0.64.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.63.0",
+  "version": "0.64.1",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -53,16 +53,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/auth": "0.8.0",
     "@commonpub/config": "0.19.0",
-    "@commonpub/editor": "0.7.11",
-    "@commonpub/schema": "0.35.0",
+    "@commonpub/auth": "0.8.0",
+    "@commonpub/explainer": "0.7.15",
     "@commonpub/docs": "0.6.3",
-    "@commonpub/learning": "0.5.2",
-    "@commonpub/server": "2.82.0",
-    "@commonpub/ui": "0.10.0",
+    "@commonpub/schema": "0.35.0",
+    "@commonpub/editor": "0.7.11",
     "@commonpub/protocol": "0.13.0",
-    "@commonpub/explainer": "0.7.15"
+    "@commonpub/server": "2.82.0",
+    "@commonpub/ui": "0.11.1",
+    "@commonpub/learning": "0.5.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/admin/theme/index.vue

@@ -155,14 +155,45 @@ async function removeTheme(themeId: string): Promise<void> {
 // --- Create / Capture / Import ---
 
 function createBlank(): void {
+  // "New custom theme" forks the CURRENTLY ACTIVE theme so you start from the
+  // look on screen, not a blank Classic slate. (It previously seeded an empty,
+  // base-parented theme — which is why saving reverted everything to Classic.)
+  const active = instanceDefault.value;
+  const customId = parseCustomThemeId(active);
+
+  // Active theme is itself a custom theme → copy its stored tokens directly
+  // (computed-style capture can't reconstruct a custom theme's full set).
+  if (customId && themesApi.data.value) {
+    const src = themesApi.data.value.custom.find((t) => t.id === customId);
+    if (src) {
+      const seed = {
+        id: nextAvailableId(`${src.id}-copy`),
+        name: `${src.name} (copy)`,
+        description: src.description ?? '',
+        family: 'custom',
+        isDark: src.isDark,
+        parentTheme: src.parentTheme,
+        tokens: { ...src.tokens },
+      };
+      sessionStorage.setItem('cpub-theme-editor-seed', JSON.stringify(seed));
+      router.push('/admin/theme/edit/__new');
+      return;
+    }
+  }
+
+  // Built-in / registered active theme → capture its applied tokens so the new
+  // theme reproduces the current look (a custom theme renders as base + tokens,
+  // so a complete capture is what keeps it from falling back to Classic).
+  const detected = detectAppliedOverrides();
+  const isBuiltInParent = themesApi.data.value?.builtIn.some((t) => t.id === active) ?? false;
   const seed = {
     id: nextAvailableId('my-theme'),
     name: 'My theme',
-    description: '',
+    description: detected.count ? `Forked from the active theme (${detected.count} tokens).` : '',
     family: 'custom',
-    isDark: false,
-    parentTheme: 'base',
-    tokens: {},
+    isDark: detected.isDark,
+    parentTheme: isBuiltInParent ? active : 'base',
+    tokens: detected.tokens,
   };
   sessionStorage.setItem('cpub-theme-editor-seed', JSON.stringify(seed));
   router.push('/admin/theme/edit/__new');

package/theme/stoa.css

@@ -340,6 +340,40 @@
 }
 
 
+/* ═══════════════════════════════════════════
+   UNIVERSAL-RADIUS GUARD
+   base.css applies `* { border-radius: var(--radius) }`. With Stoa's rounded
+   --radius that rounds things that must stay sharp — most visibly it clipped
+   the Town Square logo SVG into a blob. Keep SVG marks / icons / illustrations
+   square (avatars use <img> + --radius-full, so they're unaffected). Also pin
+   media inside cards to the card's own corners so the rounded, overflow-hidden
+   card clips them cleanly instead of leaving wedge gaps.
+   ═══════════════════════════════════════════ */
+
+[data-theme="stoa"] svg,
+[data-theme="stoa-dark"] svg { border-radius: 0; }
+
+[data-theme="stoa"] .cpub-content-card img,
+[data-theme="stoa-dark"] .cpub-content-card img,
+[data-theme="stoa"] .cpub-card-cover,
+[data-theme="stoa-dark"] .cpub-card-cover { border-radius: 0; }
+
+
+/* ═══════════════════════════════════════════
+   EDGE DEFINITION
+   Slightly firmer card/panel borders so cards read as objects on the warm
+   grounds rather than floating tints.
+   ═══════════════════════════════════════════ */
+
+[data-theme="stoa"] .cpub-content-card,
+[data-theme="stoa"] .cpub-sb-card,
+[data-theme="stoa"] .cpub-stat-card { border-color: rgba(42, 38, 32, 0.18); }
+
+[data-theme="stoa-dark"] .cpub-content-card,
+[data-theme="stoa-dark"] .cpub-sb-card,
+[data-theme="stoa-dark"] .cpub-stat-card { border-color: rgba(241, 235, 218, 0.16); }
+
+
 /* ═══════════════════════════════════════════
    LOGO SWITCH
    Stoa shares Agora's Town Square mark (hide