handzon-core 0.15.1 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handzon-core",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "description": "Core framework for Handzon — layouts, components, content + AI libs, and server runtime (handlers, DB, auth, migration runner) consumed by Handzon scaffolds.",
   "publishConfig": {
     "access": "public"

package/src/components/Sidebar.astro

@@ -172,6 +172,8 @@ const slug = tutorial.id;
     letter-spacing: -0.015em;
     margin: 0.5rem 0 0.25rem;
     line-height: 1.2;
+    min-height: calc(1.15rem * 1.2 * 2);
+    text-wrap: balance;
   }
   .sb-title a { color: var(--color-fg); text-decoration: none; }
   .sb-meta {

package/src/components/auth/UserMenu.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useLayoutEffect, useState } from "react";
 import { withBase } from "../../lib/base";
 
 /**
@@ -132,7 +132,7 @@ export default function UserMenu() {
     };
   }, []);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     // Only retire the static fallback once the island has something to
     // show in its place (a known user or the wired sign-in form) or the
     // fetch has resolved with nothing to show (Tier-1). Until then, keep

package/styles/components/mermaid.css

@@ -6,8 +6,12 @@
   display: grid;
   place-items: center;
   border-radius: 0;
+  min-height: var(--mermaid-min-height, 14rem);
 }
 .mermaid-wrap :global(svg) { max-width: 100%; height: auto; }
+pre.mermaid {
+  min-height: var(--mermaid-min-height, 14rem);
+}
 .mermaid-error {
   padding: 0.75rem;
   background: color-mix(in oklab, var(--color-danger) 14%, var(--color-bg));