@almadar/ui 5.12.0 → 5.13.2

package/dist/avl/index.cjs

@@ -14619,7 +14619,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect89, useRef: useRef88, useCallback: useCallback130, useState: useState124 } = React98__namespace.default;
+      const { useEffect: useEffect89, useRef: useRef88, useCallback: useCallback130, useState: useState125 } = React98__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -14664,7 +14664,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState124(null);
+        const [clickedPosition, setClickedPosition] = useState125(null);
         const handleMapClick = useCallback130((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -21491,6 +21491,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = React98.useRef(null);
   const resolvedWeekStart = React98.useMemo(
@@ -21539,7 +21540,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = React98.useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -21654,7 +21655,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -30441,8 +30442,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React98__namespace.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React98__namespace.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React98__namespace.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React98__namespace.useRef(width);
+  widthRef.current = width;
+  const heightRef = React98__namespace.useRef(height);
+  heightRef.current = height;
   const loadImage = React98__namespace.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -30452,7 +30461,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React98__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -30474,10 +30483,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -30493,7 +30502,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -31635,15 +31644,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = React98.useRef(/* @__PURE__ */ new Set());
   const imageCache = React98.useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = React98.useState(/* @__PURE__ */ new Set());
   const loadImage = React98.useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -31653,7 +31669,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   React98.useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -31835,7 +31851,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -33864,7 +33880,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -33872,6 +33888,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = React98.useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -37368,9 +37385,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = React98.useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = React98.useCallback((id) => {
@@ -37384,10 +37402,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
         ReplyTreeNode,
         {
           node,

package/dist/avl/index.js

@@ -14570,7 +14570,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect89, useRef: useRef88, useCallback: useCallback130, useState: useState124 } = React98__default;
+      const { useEffect: useEffect89, useRef: useRef88, useCallback: useCallback130, useState: useState125 } = React98__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -14615,7 +14615,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState124(null);
+        const [clickedPosition, setClickedPosition] = useState125(null);
         const handleMapClick = useCallback130((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -21442,6 +21442,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = useRef(null);
   const resolvedWeekStart = useMemo(
@@ -21490,7 +21491,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -21605,7 +21606,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -30392,8 +30393,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React98.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React98.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React98.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React98.useRef(width);
+  widthRef.current = width;
+  const heightRef = React98.useRef(height);
+  heightRef.current = height;
   const loadImage = React98.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -30403,7 +30412,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React98.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -30425,10 +30434,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -30444,7 +30453,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsx(Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -31586,15 +31595,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
   const imageCache = useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -31604,7 +31620,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -31786,7 +31802,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsx(
     "canvas",
     {
@@ -33815,7 +33831,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -33823,6 +33839,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -37319,9 +37336,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = useCallback((id) => {
@@ -37335,10 +37353,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsx(Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsx(
         ReplyTreeNode,
         {
           node,

package/dist/components/atoms/Input.d.ts

@@ -34,4 +34,4 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     /** onChange handler - accepts events from input, select, or textarea */
     onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLSelectElement | HTMLInputElement | HTMLTextAreaElement>>;

package/dist/components/index.cjs

@@ -8676,7 +8676,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect72, useRef: useRef66, useCallback: useCallback128, useState: useState110 } = React80__namespace.default;
+      const { useEffect: useEffect72, useRef: useRef66, useCallback: useCallback128, useState: useState111 } = React80__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -8721,7 +8721,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState110(null);
+        const [clickedPosition, setClickedPosition] = useState111(null);
         const handleMapClick = useCallback128((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -16427,6 +16427,7 @@ function CalendarGrid({
   swipeRightEvent,
   dayWindow = "auto"
 }) {
+  const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
   const longPressTimer = React80.useRef(null);
   const resolvedWeekStart = React80.useMemo(
@@ -16475,7 +16476,7 @@ function CalendarGrid({
     [onEventClick]
   );
   const eventsForDayCount = React80.useCallback(
-    (day) => events2.filter(
+    (day) => evs.filter(
       (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
     ).length,
     [events2]
@@ -16590,7 +16591,7 @@ function CalendarGrid({
                   }
                 ) }),
                 visibleDays.map((day) => {
-                  const slotEvents = events2.filter(
+                  const slotEvents = evs.filter(
                     (ev) => eventInSlot(ev, day, time)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -25826,8 +25827,16 @@ function GameCanvas2D({
   drawEventRef.current = drawEvent;
   const emitRef = React80__namespace.useRef(emit);
   emitRef.current = emit;
+  const assetBaseUrlRef = React80__namespace.useRef(assetBaseUrl);
+  assetBaseUrlRef.current = assetBaseUrl;
+  const backgroundImageRef = React80__namespace.useRef(backgroundImage);
+  backgroundImageRef.current = backgroundImage;
+  const widthRef = React80__namespace.useRef(width);
+  widthRef.current = width;
+  const heightRef = React80__namespace.useRef(height);
+  heightRef.current = height;
   const loadImage = React80__namespace.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
+    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -25837,7 +25846,7 @@ function GameCanvas2D({
       imageCache.current.set(fullUrl, img);
     }
     return null;
-  }, [assetBaseUrl]);
+  }, []);
   React80__namespace.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
@@ -25859,10 +25868,10 @@ function GameCanvas2D({
         if (tickEventRef.current) {
           emitRef.current(tickEventRef.current, { dt, frame });
         }
-        if (backgroundImage) {
-          const bgImg = loadImage(backgroundImage);
+        if (backgroundImageRef.current) {
+          const bgImg = loadImage(backgroundImageRef.current);
           if (bgImg) {
-            ctx.drawImage(bgImg, 0, 0, width, height);
+            ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           }
         }
         onDrawRef.current?.(ctx, frame);
@@ -25878,7 +25887,7 @@ function GameCanvas2D({
       running = false;
       cancelAnimationFrame(rafRef.current);
     };
-  }, [fps]);
+  }, [fps, loadImage]);
   return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("inline-block", className), children: /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -27072,15 +27081,22 @@ function PlatformerCanvas({
   const eventBus = useEventBus();
   const keysRef = React80.useRef(/* @__PURE__ */ new Set());
   const imageCache = React80.useRef(/* @__PURE__ */ new Map());
+  const [loadedImages, setLoadedImages] = React80.useState(/* @__PURE__ */ new Set());
   const loadImage = React80.useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
-    if (cached?.complete && cached.naturalWidth > 0) return cached;
+    if (cached?.complete && cached.naturalWidth > 0) {
+      if (!loadedImages.has(fullUrl)) {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
+      }
+      return cached;
+    }
     if (!cached) {
       const img = new Image();
       img.crossOrigin = "anonymous";
       img.src = fullUrl;
       img.onload = () => {
+        setLoadedImages((prev) => new Set(prev).add(fullUrl));
         updateAssetStatus(fullUrl, "loaded");
       };
       img.onerror = () => {
@@ -27090,7 +27106,7 @@ function PlatformerCanvas({
       updateAssetStatus(fullUrl, "pending");
     }
     return null;
-  }, [assetBaseUrl]);
+  }, [assetBaseUrl, loadedImages]);
   React80.useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -27272,7 +27288,7 @@ function PlatformerCanvas({
       ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
       ctx.fill();
     }
-  });
+  }, [player, platforms, worldWidth, worldHeight, canvasWidth, canvasHeight, followCamera, bgColor, playerSprite, tileSprites, backgroundImage, assetBaseUrl, loadedImages]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "canvas",
     {
@@ -29323,7 +29339,7 @@ function useSafeEventBus10() {
   }
 }
 function SortableListInner({
-  items: initialItems = EMPTY_ITEMS,
+  items: initialItemsProp = EMPTY_ITEMS,
   renderItem,
   reorderEvent,
   reorderPayload,
@@ -29331,6 +29347,7 @@ function SortableListInner({
   className
 }) {
   const eventBus = useSafeEventBus10();
+  const initialItems = Array.isArray(initialItemsProp) ? initialItemsProp : initialItemsProp ? [initialItemsProp] : [];
   const handleReorder = React80.useCallback(
     (fromIndex, toIndex, item) => {
       eventBus.emit(`UI:${reorderEvent}`, {
@@ -32827,9 +32844,10 @@ var init_ReplyTree = __esm({
       showActions = true,
       className
     }) => {
+      const nodeList = Array.isArray(nodes) ? nodes : nodes ? [nodes] : [];
       const [collapsedSet, setCollapsedSet] = React80.useState(() => {
         const acc = /* @__PURE__ */ new Set();
-        collectInitiallyCollapsed(nodes, acc);
+        collectInitiallyCollapsed(nodeList, acc);
         return acc;
       });
       const toggleCollapse = React80.useCallback((id) => {
@@ -32843,10 +32861,10 @@ var init_ReplyTree = __esm({
           return next;
         });
       }, []);
-      if (nodes.length === 0) {
+      if (nodeList.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("text-sm text-muted-foreground", className), children: "No replies yet." });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("flex flex-col gap-2 min-w-0", className), children: nodeList.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
         ReplyTreeNode,
         {
           node,