@almadar/ui 4.40.0 → 4.41.0

package/dist/avl/index.cjs

@@ -52828,8 +52828,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 +53001,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

@@ -52782,8 +52782,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 +52955,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.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [