@tomaszjarosz/react-visualizers 0.4.4 → 0.4.5

package/dist/index.cjs

@@ -6032,7 +6032,7 @@ const HashMapVisualizerComponent = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center text-indigo-700 font-bold mb-2", children: "index = hashCode(key) % capacity" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500 text-center", children: "Same key → same index (deterministic) • Different keys may collide → chaining" })
       ] }),
-      stepData.hash !== void 0 && stepData.key && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 p-3 bg-white rounded-lg border border-indigo-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 p-3 bg-white rounded-lg border border-indigo-200 min-h-[80px]", children: stepData.hash !== void 0 && stepData.key ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-mono mb-1", children: [
           "hashCode(",
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-indigo-600 font-bold", children: [
@@ -6055,7 +6055,7 @@ const HashMapVisualizerComponent = ({
           stepData.bucketIndex,
           "]"
         ] })
-      ] }) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-400 text-center py-4", children: "Ready to hash..." }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm font-medium text-gray-700 mb-2", children: [
@@ -13665,7 +13665,7 @@ const LinkedListVisualizerComponent = ({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500 font-mono ml-2", children: "← tail" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-16 flex items-center justify-center text-gray-400 text-sm", children: "Empty list (head = tail = null)" }) })
     ] }),
-    nodes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-600 flex gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-gray-100 rounded-lg min-h-[44px]", children: nodes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-600 flex gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "head:" }),
         " ",
@@ -13681,7 +13681,7 @@ const LinkedListVisualizerComponent = ({
         " ",
         nodes.length
       ] })
-    ] }) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-400 text-center", children: "head = tail = null, size = 0" }) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseVisualizerLayout,
@@ -14162,7 +14162,7 @@ const LinkedHashMapVisualizerComponent = ({
         linkedOrder.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 pt-2 border-t border-orange-200 text-[10px] text-gray-500 text-center", children: "Doubly linked: each entry has prev/next pointers" })
       ] })
     ] }),
-    accessOrder && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-blue-50 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-blue-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-blue-50 rounded-lg min-h-[52px]", children: accessOrder ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-blue-700", children: [
       /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "LRU Cache Usage:" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-[11px]", children: linkedOrder.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "Least Recently Used: ",
@@ -14170,7 +14170,7 @@ const LinkedHashMapVisualizerComponent = ({
         " | Most Recently Used: ",
         /* @__PURE__ */ jsxRuntime.jsx("strong", { children: linkedOrder[linkedOrder.length - 1] })
       ] }) : "Cache empty" })
-    ] }) })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-400 text-center", children: "Insertion order mode (switch to access order for LRU behavior)" }) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseVisualizerLayout,
@@ -16192,7 +16192,7 @@ const PriorityQueueVisualizerComponent = ({ showControls = true, showCode = true
           ] })
         ] })
       ] }),
-      currentIndex !== void 0 && currentIndex >= 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 p-2 bg-white rounded-lg border border-purple-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-600 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 p-2 bg-white rounded-lg border border-purple-200 min-h-[36px]", children: currentIndex !== void 0 && currentIndex >= 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-600 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-purple-700", children: [
           "Current: i = ",
           currentIndex
@@ -16211,7 +16211,7 @@ const PriorityQueueVisualizerComponent = ({ showControls = true, showCode = true
           ") = ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-purple-600 font-bold", children: 2 * currentIndex + 1 })
         ] })
-      ] }) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-400 text-center", children: "Ready for heap operations..." }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-700 mb-2", children: "Binary Heap Structure" }),
@@ -16659,7 +16659,7 @@ const ConcurrentHashMapVisualizerComponent = ({ showControls = true, showCode =
                 seg.lockOwner
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: seg.entries.length > 0 ? seg.entries.map((entry, eIdx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 min-h-[60px]", children: seg.entries.length > 0 ? seg.entries.map((entry, eIdx) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 className: "flex justify-between px-2 py-1 bg-white rounded text-xs border border-gray-200",