@almadar/ui 4.40.0 → 4.41.1

package/dist/avl/index.cjs

@@ -52646,13 +52646,16 @@ function layoutOrbitals(count, containerW, containerH) {
   if (count === 1) return [{ cx: containerW / 2, cy: containerH / 2 }];
   const cols = Math.min(count, Math.ceil(Math.sqrt(count)));
   const rows = Math.ceil(count / cols);
-  const cellW = containerW / (cols + 0.3);
-  const cellH = containerH / (rows + 0.3);
-  const originX = (containerW - cols * cellW) / 2 + cellW / 2;
-  const originY = (containerH - rows * cellH) / 2 + cellH / 2;
+  const edgePad = 24;
+  const minCx = UNIT_DISPLAY_W / 2 + edgePad;
+  const minCy = UNIT_DISPLAY_H / 2 + edgePad;
+  const maxCx = Math.max(minCx, containerW - UNIT_DISPLAY_W / 2 - edgePad);
+  const maxCy = Math.max(minCy, containerH - UNIT_DISPLAY_H / 2 - edgePad);
+  const stepX = cols > 1 ? (maxCx - minCx) / (cols - 1) : 0;
+  const stepY = rows > 1 ? (maxCy - minCy) / (rows - 1) : 0;
   return Array.from({ length: count }, (_, i) => ({
-    cx: originX + i % cols * cellW,
-    cy: originY + Math.floor(i / cols) * cellH
+    cx: minCx + i % cols * stepX,
+    cy: minCy + Math.floor(i / cols) * stepY
   }));
 }
 var avlOczWireId = 0;
@@ -52828,8 +52831,24 @@ var AvlOrbitalsCosmicZoom = ({
     () => parseApplicationLevel(parsedSchema),
     [parsedSchema]
   );
-  const containerW = typeof width === "number" ? width : 800;
-  const containerH = typeof height === "number" ? height : 450;
+  const outerRef = React119.useRef(null);
+  const [measured, setMeasured] = React119.useState(null);
+  React119.useLayoutEffect(() => {
+    const el = outerRef.current;
+    if (!el) return;
+    const update = () => {
+      const r2 = el.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) setMeasured({ w: r2.width, h: r2.height });
+    };
+    update();
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const fallbackW = typeof width === "number" ? width : 800;
+  const fallbackH = typeof height === "number" ? height : 450;
+  const containerW = measured?.w ?? fallbackW;
+  const containerH = measured?.h ?? fallbackH;
   const positions = React119.useMemo(
     () => layoutOrbitals(orbitals.length, containerW, containerH),
     [orbitals.length, containerW, containerH]
@@ -52985,10 +53004,11 @@ var AvlOrbitalsCosmicZoom = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Box,
     {
+      ref: outerRef,
       className,
       position: "relative",
       overflow: "visible",
-      style: { width, height: containerH },
+      style: { width, height },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Box,

package/dist/avl/index.js

@@ -52600,13 +52600,16 @@ function layoutOrbitals(count, containerW, containerH) {
   if (count === 1) return [{ cx: containerW / 2, cy: containerH / 2 }];
   const cols = Math.min(count, Math.ceil(Math.sqrt(count)));
   const rows = Math.ceil(count / cols);
-  const cellW = containerW / (cols + 0.3);
-  const cellH = containerH / (rows + 0.3);
-  const originX = (containerW - cols * cellW) / 2 + cellW / 2;
-  const originY = (containerH - rows * cellH) / 2 + cellH / 2;
+  const edgePad = 24;
+  const minCx = UNIT_DISPLAY_W / 2 + edgePad;
+  const minCy = UNIT_DISPLAY_H / 2 + edgePad;
+  const maxCx = Math.max(minCx, containerW - UNIT_DISPLAY_W / 2 - edgePad);
+  const maxCy = Math.max(minCy, containerH - UNIT_DISPLAY_H / 2 - edgePad);
+  const stepX = cols > 1 ? (maxCx - minCx) / (cols - 1) : 0;
+  const stepY = rows > 1 ? (maxCy - minCy) / (rows - 1) : 0;
   return Array.from({ length: count }, (_, i) => ({
-    cx: originX + i % cols * cellW,
-    cy: originY + Math.floor(i / cols) * cellH
+    cx: minCx + i % cols * stepX,
+    cy: minCy + Math.floor(i / cols) * stepY
   }));
 }
 var avlOczWireId = 0;
@@ -52782,8 +52785,24 @@ var AvlOrbitalsCosmicZoom = ({
     () => parseApplicationLevel(parsedSchema),
     [parsedSchema]
   );
-  const containerW = typeof width === "number" ? width : 800;
-  const containerH = typeof height === "number" ? height : 450;
+  const outerRef = useRef(null);
+  const [measured, setMeasured] = useState(null);
+  useLayoutEffect(() => {
+    const el = outerRef.current;
+    if (!el) return;
+    const update = () => {
+      const r2 = el.getBoundingClientRect();
+      if (r2.width > 0 && r2.height > 0) setMeasured({ w: r2.width, h: r2.height });
+    };
+    update();
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const fallbackW = typeof width === "number" ? width : 800;
+  const fallbackH = typeof height === "number" ? height : 450;
+  const containerW = measured?.w ?? fallbackW;
+  const containerH = measured?.h ?? fallbackH;
   const positions = useMemo(
     () => layoutOrbitals(orbitals.length, containerW, containerH),
     [orbitals.length, containerW, containerH]
@@ -52939,10 +52958,11 @@ var AvlOrbitalsCosmicZoom = ({
   return /* @__PURE__ */ jsxs(
     Box,
     {
+      ref: outerRef,
       className,
       position: "relative",
       overflow: "visible",
-      style: { width, height: containerH },
+      style: { width, height },
       children: [
         /* @__PURE__ */ jsx(
           Box,

package/dist/components/index.cjs

@@ -26895,6 +26895,16 @@ function nextBlockId(prefix = "blk") {
   const random = Math.random().toString(36).slice(2, 8);
   return `${prefix}-${Date.now().toString(36)}-${_idSeq}-${random}`;
 }
+function normalizeBlocks(raw) {
+  if (!raw || raw.length === 0) return [createBlock("paragraph")];
+  return raw.map((row) => {
+    const r = row;
+    const rawType = r.type;
+    const type = typeof rawType === "string" && BLOCK_TYPES.has(rawType) ? rawType : "paragraph";
+    const id = typeof r.id === "string" && r.id ? r.id : nextBlockId(type);
+    return { ...r, id, type };
+  });
+}
 function createBlock(type) {
   switch (type) {
     case "bullet-list":
@@ -27445,7 +27455,7 @@ function BlockRow({
     }
   );
 }
-var TOOLBAR_ENTRIES, BLOCK_TYPE_LABEL, CHANGEABLE_TYPES, _idSeq; exports.RichBlockEditor = void 0;
+var TOOLBAR_ENTRIES, BLOCK_TYPE_LABEL, CHANGEABLE_TYPES, _idSeq, BLOCK_TYPES; exports.RichBlockEditor = void 0;
 var init_RichBlockEditor = __esm({
   "components/molecules/RichBlockEditor.tsx"() {
     "use client";
@@ -27492,6 +27502,18 @@ var init_RichBlockEditor = __esm({
       "code"
     ];
     _idSeq = 0;
+    BLOCK_TYPES = /* @__PURE__ */ new Set([
+      "paragraph",
+      "heading-1",
+      "heading-2",
+      "heading-3",
+      "bullet-list",
+      "numbered-list",
+      "quote",
+      "code",
+      "divider",
+      "image"
+    ]);
     exports.RichBlockEditor = ({
       initialBlocks,
       onChange,
@@ -27502,7 +27524,7 @@ var init_RichBlockEditor = __esm({
       className
     }) => {
       const [blocks, setBlocks] = React121.useState(
-        () => initialBlocks ?? [createBlock("paragraph")]
+        () => normalizeBlocks(initialBlocks)
       );
       const onChangeRef = React121.useRef(onChange);
       React121.useEffect(() => {

package/dist/components/index.js

@@ -26850,6 +26850,16 @@ function nextBlockId(prefix = "blk") {
   const random = Math.random().toString(36).slice(2, 8);
   return `${prefix}-${Date.now().toString(36)}-${_idSeq}-${random}`;
 }
+function normalizeBlocks(raw) {
+  if (!raw || raw.length === 0) return [createBlock("paragraph")];
+  return raw.map((row) => {
+    const r = row;
+    const rawType = r.type;
+    const type = typeof rawType === "string" && BLOCK_TYPES.has(rawType) ? rawType : "paragraph";
+    const id = typeof r.id === "string" && r.id ? r.id : nextBlockId(type);
+    return { ...r, id, type };
+  });
+}
 function createBlock(type) {
   switch (type) {
     case "bullet-list":
@@ -27400,7 +27410,7 @@ function BlockRow({
     }
   );
 }
-var TOOLBAR_ENTRIES, BLOCK_TYPE_LABEL, CHANGEABLE_TYPES, _idSeq, RichBlockEditor;
+var TOOLBAR_ENTRIES, BLOCK_TYPE_LABEL, CHANGEABLE_TYPES, _idSeq, BLOCK_TYPES, RichBlockEditor;
 var init_RichBlockEditor = __esm({
   "components/molecules/RichBlockEditor.tsx"() {
     "use client";
@@ -27447,6 +27457,18 @@ var init_RichBlockEditor = __esm({
       "code"
     ];
     _idSeq = 0;
+    BLOCK_TYPES = /* @__PURE__ */ new Set([
+      "paragraph",
+      "heading-1",
+      "heading-2",
+      "heading-3",
+      "bullet-list",
+      "numbered-list",
+      "quote",
+      "code",
+      "divider",
+      "image"
+    ]);
     RichBlockEditor = ({
       initialBlocks,
       onChange,
@@ -27457,7 +27479,7 @@ var init_RichBlockEditor = __esm({
       className
     }) => {
       const [blocks, setBlocks] = useState(
-        () => initialBlocks ?? [createBlock("paragraph")]
+        () => normalizeBlocks(initialBlocks)
       );
       const onChangeRef = useRef(onChange);
       useEffect(() => {

package/dist/components/molecules/RichBlockEditor.d.ts

@@ -8,7 +8,7 @@
  * scope for the Phase 10 scaffold.
  */
 import React from "react";
-import type { EventEmit, EventPayloadValue } from '@almadar/core';
+import type { EntityRow, EventEmit, EventPayloadValue } from '@almadar/core';
 export type BlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "bullet-list" | "numbered-list" | "quote" | "code" | "divider" | "image";
 export interface RichBlock {
     id: string;
@@ -19,7 +19,14 @@ export interface RichBlock {
     [key: string]: EventPayloadValue;
 }
 export interface RichBlockEditorProps {
-    initialBlocks?: RichBlock[];
+    /**
+     * Initial block payload. Accepts strongly-typed RichBlock[] from native
+     * callers and the wider EntityRow[] shape that orb-bound traits emit
+     * (orb `[object]` lowers to `Record<string, FieldValue | undefined>[]`,
+     * which is structurally EntityRow[]). Items missing id/type are normalized
+     * into paragraph blocks at mount.
+     */
+    initialBlocks?: readonly RichBlock[] | readonly EntityRow[];
     onChange?: (blocks: RichBlock[]) => void;
     changeEvent?: EventEmit<{
         blocks: RichBlock[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.40.0",
+  "version": "4.41.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [