@lv-x-software-house/x_view 1.2.2-dev.7 → 1.2.2-dev.9

package/dist/index.js

@@ -1649,27 +1649,50 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveNode: async (context, newNodeData) => {
-    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters } = context;
+    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = creationMode;
-    const newNode = { id: import_short_uuid.default.generate(), ...newNodeData };
+    const { targetDatasetId, ...nodeDataToSave } = newNodeData;
+    const newNode = { id: import_short_uuid.default.generate(), ...nodeDataToSave };
     const newLink = { id: `link_${import_short_uuid.default.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id);
-    if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
+    const sourceParentInfo = stateRef.current.nodeIdToParentFileMap.get(String(sourceNodeData.id));
+    const finalTargetDatasetId = targetDatasetId || sourceParentInfo.parentFileId;
+    const targetParentInfo = sceneDataRef.current.parent_dbs.find((db) => String(db.db_id) === String(finalTargetDatasetId));
+    if (!sourceParentInfo || !targetParentInfo) {
+      alert("Erro ao identificar os datasets de origem ou destino.");
       return;
     }
-    const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    specificParentData.nodes.push(newNode);
-    specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+    const isCrossDataset = String(sourceParentInfo.parentFileId) !== String(finalTargetDatasetId);
+    const sourceDataToUpdate = JSON.parse(JSON.stringify(graphDataRef.current[sourceParentInfo.parentFileId]));
+    let targetDataToUpdate = isCrossDataset ? JSON.parse(JSON.stringify(graphDataRef.current[finalTargetDatasetId])) : sourceDataToUpdate;
+    targetDataToUpdate.nodes.push(newNode);
+    sourceDataToUpdate.links.push(newLink);
+    const savePromises = [];
+    if (isCrossDataset) {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`, targetDataToUpdate)
+      );
+    } else {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+    }
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
-      graphDataRef.current[parentFileId] = specificParentData;
+      await Promise.all(savePromises);
+      graphDataRef.current[sourceParentInfo.parentFileId] = sourceDataToUpdate;
+      if (isCrossDataset) {
+        graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
+      stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
+        parentFileId: finalTargetDatasetId,
+        ownerId: targetParentInfo.owner_id,
+        datasetName: targetDataToUpdate.dataset_name || "Dataset Desconhecido"
+      });
       setters.setSceneVersion((v) => v + 1);
     } catch (error) {
       console.error("Falha ao salvar os dados do grafo:", error);
@@ -6779,8 +6802,12 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
+  var _a;
   const [name, setName] = (0, import_react13.useState)("");
   const [types, setTypes] = (0, import_react13.useState)([]);
   const [typeInput, setTypeInput] = (0, import_react13.useState)("");
@@ -6794,6 +6821,25 @@ function InSceneCreationForm({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react13.useState)(false);
   const [useImageAsTexture, setUseImageAsTexture] = (0, import_react13.useState)(false);
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react13.useState)(null);
+  const [targetDatasetId, setTargetDatasetId] = (0, import_react13.useState)(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = (0, import_react13.useState)(false);
+  const datasetDropdownRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
+  (0, import_react13.useEffect)(() => {
+    function handleClickOutside(event) {
+      if (datasetDropdownRef.current && !datasetDropdownRef.current.contains(event.target)) {
+        setIsDatasetDropdownOpen(false);
+      }
+    }
+    if (isDatasetDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDatasetDropdownOpen]);
   const propsEndRef = (0, import_react13.useRef)(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   (0, import_react13.useEffect)(() => {
@@ -6839,8 +6885,8 @@ function InSceneCreationForm({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (index) => setCustomProps(customProps.filter((_, i) => i !== index));
@@ -6873,12 +6919,12 @@ function InSceneCreationForm({
     onSizeChange == null ? void 0 : onSizeChange(newSize);
   };
   const handleToggleImageMode = () => {
-    var _a, _b;
+    var _a2, _b;
     const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
-      if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
+      if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
         setSelectedImageUrl(url);
         onImageChange == null ? void 0 : onImageChange(true, url);
@@ -6911,6 +6957,7 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
       ...additionalData
     });
   };
@@ -6931,6 +6978,7 @@ function InSceneCreationForm({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
+  const selectedDatasetName = ((_a = availableDatasets.find((ds) => ds.id === targetDatasetId)) == null ? void 0 : _a.name) || "Selecione um Dataset...";
   return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
@@ -6988,7 +7036,27 @@ function InSceneCreationForm({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ import_react13.default.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ import_react13.default.createElement(
+    ))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ import_react13.default.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), viewType === "view" && availableDatasets.length > 0 && /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative", ref: datasetDropdownRef }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ import_react13.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsDatasetDropdownOpen(!isDatasetDropdownOpen),
+        className: "w-full flex items-center justify-between bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 hover:bg-slate-700/70 transition-colors text-slate-200 text-left"
+      },
+      /* @__PURE__ */ import_react13.default.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
+      /* @__PURE__ */ import_react13.default.createElement(import_fi12.FiChevronDown, { className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}` })
+    ), isDatasetDropdownOpen && /* @__PURE__ */ import_react13.default.createElement("ul", { className: "custom-scrollbar absolute top-[66px] left-0 z-20 w-full max-h-48 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-xl py-1" }, availableDatasets.map((ds) => /* @__PURE__ */ import_react13.default.createElement(
+      "li",
+      {
+        key: ds.id,
+        onClick: () => {
+          setTargetDatasetId(ds.id);
+          setIsDatasetDropdownOpen(false);
+        },
+        className: `px-3 py-2 text-sm cursor-pointer transition-colors ${targetDatasetId === ds.id ? "bg-indigo-600/40 text-indigo-200 font-medium" : "text-slate-300 hover:bg-white/5"}`
+      },
+      ds.name
+    )))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ import_react13.default.createElement(
       DescriptionDisplay,
       {
         description,
@@ -7324,7 +7392,8 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
   const [name, setName] = (0, import_react15.useState)((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = (0, import_react15.useState)([]);
@@ -7735,7 +7804,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ import_react15.default.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ import_react15.default.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ import_react15.default.createElement(
+    )), /* @__PURE__ */ import_react15.default.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ import_react15.default.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center gap-2 text-xs text-slate-400" }, /* @__PURE__ */ import_react15.default.createElement(import_fi14.FiDatabase, { className: "text-indigo-400 shrink-0", size: 14 }), /* @__PURE__ */ import_react15.default.createElement("span", { className: "truncate" }, "Dataset ", /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ import_react15.default.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ import_react15.default.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -9056,7 +9125,7 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { data: session, status } = (0, import_react24.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
@@ -9208,9 +9277,10 @@ function XViewScene({
         const parentFile = allParentData[parentFileId];
         const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
         const ownerId2 = (parentDbInfo == null ? void 0 : parentDbInfo.owner_id) || null;
+        const datasetName = parentFile.dataset_name || `Dataset #${parentFileId.substring(0, 6)}`;
         if (parentFile.nodes && ownerId2) {
           for (const node of parentFile.nodes) {
-            map.set(String(node.id), { parentFileId, ownerId: ownerId2 });
+            map.set(String(node.id), { parentFileId, ownerId: ownerId2, datasetName });
           }
         }
       }
@@ -12059,6 +12129,18 @@ function XViewScene({
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
+  const availableDatasets = (0, import_react23.useMemo)(() => {
+    if (!sceneDataRef.current || !parentDataRef.current) return [];
+    return sceneDataRef.current.parent_dbs.map((db) => {
+      var _a2;
+      return {
+        id: db.db_id,
+        name: ((_a2 = parentDataRef.current[db.db_id]) == null ? void 0 : _a2.dataset_name) || `Dataset #${db.db_id.substring(0, 6)}`
+      };
+    });
+  }, [sceneVersion, isInitialized]);
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
+  const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   (0, import_react23.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
@@ -12148,10 +12230,13 @@ function XViewScene({
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_b = creationMode.sourceNodeData) == null ? void 0 : _b.color,
-        sourceTypes: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.type,
+        initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
+        sourceTypes: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.type,
         onIntensityChange: handleGhostNodeIntensityChange,
-        onUploadFile: upload_file_action
+        onUploadFile: upload_file_action,
+        availableDatasets,
+        sourceNodeDatasetId,
+        viewType: viewParams == null ? void 0 : viewParams.type
       }
     ),
     versionMode.isActive && /* @__PURE__ */ import_react23.default.createElement(
@@ -12166,8 +12251,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
-        fixedType: (_d = versionMode.sourceNodeData) == null ? void 0 : _d.type,
-        fixedColor: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.color,
+        fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
+        fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
         onUploadFile: upload_file_action
       }
     ),
@@ -12276,7 +12361,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
     detailsLink && /* @__PURE__ */ import_react23.default.createElement(
@@ -12404,7 +12490,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_f = sceneDataRef.current) == null ? void 0 : _f.parent_dbs) || [],
+        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/dist/index.mjs

@@ -1605,27 +1605,50 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveNode: async (context, newNodeData) => {
-    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters } = context;
+    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = creationMode;
-    const newNode = { id: short.generate(), ...newNodeData };
+    const { targetDatasetId, ...nodeDataToSave } = newNodeData;
+    const newNode = { id: short.generate(), ...nodeDataToSave };
     const newLink = { id: `link_${short.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id);
-    if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
+    const sourceParentInfo = stateRef.current.nodeIdToParentFileMap.get(String(sourceNodeData.id));
+    const finalTargetDatasetId = targetDatasetId || sourceParentInfo.parentFileId;
+    const targetParentInfo = sceneDataRef.current.parent_dbs.find((db) => String(db.db_id) === String(finalTargetDatasetId));
+    if (!sourceParentInfo || !targetParentInfo) {
+      alert("Erro ao identificar os datasets de origem ou destino.");
       return;
     }
-    const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    specificParentData.nodes.push(newNode);
-    specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+    const isCrossDataset = String(sourceParentInfo.parentFileId) !== String(finalTargetDatasetId);
+    const sourceDataToUpdate = JSON.parse(JSON.stringify(graphDataRef.current[sourceParentInfo.parentFileId]));
+    let targetDataToUpdate = isCrossDataset ? JSON.parse(JSON.stringify(graphDataRef.current[finalTargetDatasetId])) : sourceDataToUpdate;
+    targetDataToUpdate.nodes.push(newNode);
+    sourceDataToUpdate.links.push(newLink);
+    const savePromises = [];
+    if (isCrossDataset) {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`, targetDataToUpdate)
+      );
+    } else {
+      savePromises.push(
+        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+      );
+    }
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
-      graphDataRef.current[parentFileId] = specificParentData;
+      await Promise.all(savePromises);
+      graphDataRef.current[sourceParentInfo.parentFileId] = sourceDataToUpdate;
+      if (isCrossDataset) {
+        graphDataRef.current[finalTargetDatasetId] = targetDataToUpdate;
+      }
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
+      stateRef.current.nodeIdToParentFileMap.set(String(newNode.id), {
+        parentFileId: finalTargetDatasetId,
+        ownerId: targetParentInfo.owner_id,
+        datasetName: targetDataToUpdate.dataset_name || "Dataset Desconhecido"
+      });
       setters.setSceneVersion((v) => v + 1);
     } catch (error) {
       console.error("Falha ao salvar os dados do grafo:", error);
@@ -6747,7 +6770,7 @@ function ColorPicker({ color, onChange, disabled }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun } from "react-icons/fi";
+import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun, FiChevronDown as FiChevronDown4 } from "react-icons/fi";
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -6765,8 +6788,12 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
+  var _a;
   const [name, setName] = useState13("");
   const [types, setTypes] = useState13([]);
   const [typeInput, setTypeInput] = useState13("");
@@ -6780,6 +6807,25 @@ function InSceneCreationForm({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState13(false);
   const [useImageAsTexture, setUseImageAsTexture] = useState13(false);
   const [selectedImageUrl, setSelectedImageUrl] = useState13(null);
+  const [targetDatasetId, setTargetDatasetId] = useState13(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState13(false);
+  const datasetDropdownRef = useRef10(null);
+  useEffect13(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
+  useEffect13(() => {
+    function handleClickOutside(event) {
+      if (datasetDropdownRef.current && !datasetDropdownRef.current.contains(event.target)) {
+        setIsDatasetDropdownOpen(false);
+      }
+    }
+    if (isDatasetDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDatasetDropdownOpen]);
   const propsEndRef = useRef10(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect13(() => {
@@ -6825,8 +6871,8 @@ function InSceneCreationForm({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (index) => setCustomProps(customProps.filter((_, i) => i !== index));
@@ -6859,12 +6905,12 @@ function InSceneCreationForm({
     onSizeChange == null ? void 0 : onSizeChange(newSize);
   };
   const handleToggleImageMode = () => {
-    var _a, _b;
+    var _a2, _b;
     const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
-      if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
+      if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
         setSelectedImageUrl(url);
         onImageChange == null ? void 0 : onImageChange(true, url);
@@ -6897,6 +6943,7 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
       ...additionalData
     });
   };
@@ -6917,6 +6964,7 @@ function InSceneCreationForm({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
+  const selectedDatasetName = ((_a = availableDatasets.find((ds) => ds.id === targetDatasetId)) == null ? void 0 : _a.name) || "Selecione um Dataset...";
   return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     "div",
     {
@@ -6974,7 +7022,27 @@ function InSceneCreationForm({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
+    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), viewType === "view" && availableDatasets.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative", ref: datasetDropdownRef }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ React13.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsDatasetDropdownOpen(!isDatasetDropdownOpen),
+        className: "w-full flex items-center justify-between bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 hover:bg-slate-700/70 transition-colors text-slate-200 text-left"
+      },
+      /* @__PURE__ */ React13.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
+      /* @__PURE__ */ React13.createElement(FiChevronDown4, { className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}` })
+    ), isDatasetDropdownOpen && /* @__PURE__ */ React13.createElement("ul", { className: "custom-scrollbar absolute top-[66px] left-0 z-20 w-full max-h-48 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-xl py-1" }, availableDatasets.map((ds) => /* @__PURE__ */ React13.createElement(
+      "li",
+      {
+        key: ds.id,
+        onClick: () => {
+          setTargetDatasetId(ds.id);
+          setIsDatasetDropdownOpen(false);
+        },
+        className: `px-3 py-2 text-sm cursor-pointer transition-colors ${targetDatasetId === ds.id ? "bg-indigo-600/40 text-indigo-200 font-medium" : "text-slate-300 hover:bg-white/5"}`
+      },
+      ds.name
+    )))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
       DescriptionDisplay,
       {
         description,
@@ -7292,7 +7360,7 @@ function InSceneVersionForm({
 
 // src/components/NodeDetailsPanel.jsx
 import React15, { useState as useState15, useEffect as useEffect15, useRef as useRef12 } from "react";
-import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5 } from "react-icons/fi";
+import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -7310,7 +7378,8 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
   const [name, setName] = useState15((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = useState15([]);
@@ -7721,7 +7790,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
+    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React15.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center gap-2 text-xs text-slate-400" }, /* @__PURE__ */ React15.createElement(FiDatabase, { className: "text-indigo-400 shrink-0", size: 14 }), /* @__PURE__ */ React15.createElement("span", { className: "truncate" }, "Dataset ", /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -9055,7 +9124,7 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { data: session, status } = useSession();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -9207,9 +9276,10 @@ function XViewScene({
         const parentFile = allParentData[parentFileId];
         const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
         const ownerId2 = (parentDbInfo == null ? void 0 : parentDbInfo.owner_id) || null;
+        const datasetName = parentFile.dataset_name || `Dataset #${parentFileId.substring(0, 6)}`;
         if (parentFile.nodes && ownerId2) {
           for (const node of parentFile.nodes) {
-            map.set(String(node.id), { parentFileId, ownerId: ownerId2 });
+            map.set(String(node.id), { parentFileId, ownerId: ownerId2, datasetName });
           }
         }
       }
@@ -12058,6 +12128,18 @@ function XViewScene({
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
+  const availableDatasets = useMemo12(() => {
+    if (!sceneDataRef.current || !parentDataRef.current) return [];
+    return sceneDataRef.current.parent_dbs.map((db) => {
+      var _a2;
+      return {
+        id: db.db_id,
+        name: ((_a2 = parentDataRef.current[db.db_id]) == null ? void 0 : _a2.dataset_name) || `Dataset #${db.db_id.substring(0, 6)}`
+      };
+    });
+  }, [sceneVersion, isInitialized]);
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
+  const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect21(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
@@ -12147,10 +12229,13 @@ function XViewScene({
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
         existingTypes: existingNodeTypes,
-        initialColor: (_b = creationMode.sourceNodeData) == null ? void 0 : _b.color,
-        sourceTypes: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.type,
+        initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
+        sourceTypes: (_d = creationMode.sourceNodeData) == null ? void 0 : _d.type,
         onIntensityChange: handleGhostNodeIntensityChange,
-        onUploadFile: upload_file_action
+        onUploadFile: upload_file_action,
+        availableDatasets,
+        sourceNodeDatasetId,
+        viewType: viewParams == null ? void 0 : viewParams.type
       }
     ),
     versionMode.isActive && /* @__PURE__ */ React23.createElement(
@@ -12165,8 +12250,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
-        fixedType: (_d = versionMode.sourceNodeData) == null ? void 0 : _d.type,
-        fixedColor: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.color,
+        fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
+        fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
         onUploadFile: upload_file_action
       }
     ),
@@ -12275,7 +12360,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onIntensityChange: handleDetailNodeIntensityChange,
         onUploadFile: upload_file_action,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
     detailsLink && /* @__PURE__ */ React23.createElement(
@@ -12403,7 +12489,7 @@ function XViewScene({
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_f = sceneDataRef.current) == null ? void 0 : _f.parent_dbs) || [],
+        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lv-x-software-house/x_view",
-    "version": "1.2.2-dev.7",
+    "version": "1.2.2-dev.9",
     "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",