@lv-x-software-house/x_view 1.2.2-dev.10 → 1.2.2-dev.12

package/dist/index.js

@@ -4573,7 +4573,6 @@ function DescriptionReadModePanel({
   title,
   description,
   ancestryId,
-  // <-- NOVO: Prop recebida do XViewScene
   savedSections,
   onBack,
   onEdit,
@@ -4682,7 +4681,7 @@ function DescriptionReadModePanel({
   return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
-      className: "flex flex-col h-full w-full bg-slate-950/50 relative overflow-hidden group",
+      className: "flex flex-col h-full max-h-full w-full bg-slate-950/50 relative overflow-hidden group min-h-0",
       onPointerDown: swallow,
       onClick: swallow
     },
@@ -4754,7 +4753,7 @@ function DescriptionReadModePanel({
       },
       "\xD7"
     ))),
-    /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ import_react7.default.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10 min-h-0", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ import_react7.default.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {
         onClick: (e) => {
@@ -7623,10 +7622,10 @@ function NodeDetailsPanel({
   return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out
             ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
         `,
-      style: { top: 16, right: 16, zIndex: 1100 },
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,

package/dist/index.mjs

@@ -4543,7 +4543,6 @@ function DescriptionReadModePanel({
   title,
   description,
   ancestryId,
-  // <-- NOVO: Prop recebida do XViewScene
   savedSections,
   onBack,
   onEdit,
@@ -4652,7 +4651,7 @@ function DescriptionReadModePanel({
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
-      className: "flex flex-col h-full w-full bg-slate-950/50 relative overflow-hidden group",
+      className: "flex flex-col h-full max-h-full w-full bg-slate-950/50 relative overflow-hidden group min-h-0",
       onPointerDown: swallow,
       onClick: swallow
     },
@@ -4724,7 +4723,7 @@ function DescriptionReadModePanel({
       },
       "\xD7"
     ))),
-    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10 min-h-0", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
       "button",
       {
         onClick: (e) => {
@@ -7609,10 +7608,10 @@ function NodeDetailsPanel({
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out
             ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
         `,
-      style: { top: 16, right: 16, zIndex: 1100 },
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lv-x-software-house/x_view",
-    "version": "1.2.2-dev.10",
+    "version": "1.2.2-dev.12",
     "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
     "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
     "license": "UNLICENSED",