@almadar/ui 4.39.0 → 4.39.1

package/dist/avl/index.cjs

@@ -51913,12 +51913,17 @@ function FlowCanvasInner({
   const [edges, setEdges, onEdgesChange] = react.useEdgesState(activeEdges);
   const reactFlow = react.useReactFlow();
   React119.useEffect(() => {
+    setEdges([]);
     setNodes(activeNodes);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.15 });
     });
   }, [activeNodes, activeEdges, setNodes, setEdges, reactFlow]);
+  const visibleEdges = React119.useMemo(() => {
+    const nodeIds = new Set(nodes.map((n) => n.id));
+    return edges.filter((e) => nodeIds.has(e.source) && nodeIds.has(e.target));
+  }, [nodes, edges]);
   const handleNodeDoubleClick = React119.useCallback((_, node) => {
     if (atBehaviorLevel && composeLevel === "behavior") {
       const d = node.data;
@@ -52052,7 +52057,7 @@ function FlowCanvasInner({
             react.ReactFlow,
             {
               nodes,
-              edges,
+              edges: visibleEdges,
               nodeTypes: NODE_TYPES,
               edgeTypes: EDGE_TYPES,
               defaultEdgeOptions: DEFAULT_EDGE_OPTIONS,
@@ -52727,7 +52732,10 @@ var EventWireOverlay = ({
             const y1 = fromPos.cy + ny * orbitalR;
             const x2 = toPos.cx - nx * (orbitalR + 6);
             const y2 = toPos.cy - ny * (orbitalR + 6);
-            const offset = 25 + wireIdx * 18;
+            const total = links.length;
+            const span = Math.min(90, Math.max(0, total - 1) * 14);
+            const step = total > 1 ? span / (total - 1) : 0;
+            const offset = 25 + (wireIdx - (total - 1) / 2) * step;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
             if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {

package/dist/avl/index.js

@@ -51867,12 +51867,17 @@ function FlowCanvasInner({
   const [edges, setEdges, onEdgesChange] = useEdgesState(activeEdges);
   const reactFlow = useReactFlow();
   useEffect(() => {
+    setEdges([]);
     setNodes(activeNodes);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.15 });
     });
   }, [activeNodes, activeEdges, setNodes, setEdges, reactFlow]);
+  const visibleEdges = useMemo(() => {
+    const nodeIds = new Set(nodes.map((n) => n.id));
+    return edges.filter((e) => nodeIds.has(e.source) && nodeIds.has(e.target));
+  }, [nodes, edges]);
   const handleNodeDoubleClick = useCallback((_, node) => {
     if (atBehaviorLevel && composeLevel === "behavior") {
       const d = node.data;
@@ -52006,7 +52011,7 @@ function FlowCanvasInner({
             ReactFlow,
             {
               nodes,
-              edges,
+              edges: visibleEdges,
               nodeTypes: NODE_TYPES,
               edgeTypes: EDGE_TYPES,
               defaultEdgeOptions: DEFAULT_EDGE_OPTIONS,
@@ -52681,7 +52686,10 @@ var EventWireOverlay = ({
             const y1 = fromPos.cy + ny * orbitalR;
             const x2 = toPos.cx - nx * (orbitalR + 6);
             const y2 = toPos.cy - ny * (orbitalR + 6);
-            const offset = 25 + wireIdx * 18;
+            const total = links.length;
+            const span = Math.min(90, Math.max(0, total - 1) * 14);
+            const step = total > 1 ? span / (total - 1) : 0;
+            const offset = 25 + (wireIdx - (total - 1) / 2) * step;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
             if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {

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.39.0",
+  "version": "4.39.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [