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

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,7 +6802,11 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  // Props do Dataset adicionadas
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
   const [name, setName] = (0, import_react13.useState)("");
   const [types, setTypes] = (0, import_react13.useState)([]);
@@ -6794,6 +6821,10 @@ 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 || "");
+  (0, import_react13.useEffect)(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
   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)(() => {
@@ -6911,6 +6942,8 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
+      // Alvo do Dataset adicionado no onSave
       ...additionalData
     });
   };
@@ -6988,7 +7021,15 @@ 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" }, /* @__PURE__ */ import_react13.default.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ import_react13.default.createElement(
+      "select",
+      {
+        value: targetDatasetId,
+        onChange: (e) => setTargetDatasetId(e.target.value),
+        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 text-slate-200 cursor-pointer appearance-none"
+      },
+      availableDatasets.map((ds) => /* @__PURE__ */ import_react13.default.createElement("option", { key: ds.id, value: ds.id }, 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 +7365,9 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
+  // Prop currentDatasetName adicionada
 }) {
   const [name, setName] = (0, import_react15.useState)((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = (0, import_react15.useState)([]);
@@ -7735,7 +7778,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-2 mt-4 border-t border-white/10" }, /* @__PURE__ */ import_react15.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Hospedado no Dataset"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2 mt-1.5 px-3 py-2 bg-slate-800/40 rounded-lg border border-white/5" }, /* @__PURE__ */ import_react15.default.createElement(import_fi14.FiDatabase, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-xs text-slate-300 truncate 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 +9099,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 +9251,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 +12103,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 +12204,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 +12225,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 +12335,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 +12464,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);
@@ -6765,7 +6788,11 @@ function InSceneCreationForm({
   availableAncestries = [],
   onMentionClick,
   sourceTypes,
-  onUploadFile
+  onUploadFile,
+  // Props do Dataset adicionadas
+  availableDatasets = [],
+  sourceNodeDatasetId,
+  viewType
 }) {
   const [name, setName] = useState13("");
   const [types, setTypes] = useState13([]);
@@ -6780,6 +6807,10 @@ function InSceneCreationForm({
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState13(false);
   const [useImageAsTexture, setUseImageAsTexture] = useState13(false);
   const [selectedImageUrl, setSelectedImageUrl] = useState13(null);
+  const [targetDatasetId, setTargetDatasetId] = useState13(sourceNodeDatasetId || "");
+  useEffect13(() => {
+    if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
+  }, [sourceNodeDatasetId]);
   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(() => {
@@ -6897,6 +6928,8 @@ function InSceneCreationForm({
       description_sections: processedSections,
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
+      targetDatasetId,
+      // Alvo do Dataset adicionado no onSave
       ...additionalData
     });
   };
@@ -6974,7 +7007,15 @@ 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" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ React13.createElement(
+      "select",
+      {
+        value: targetDatasetId,
+        onChange: (e) => setTargetDatasetId(e.target.value),
+        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 text-slate-200 cursor-pointer appearance-none"
+      },
+      availableDatasets.map((ds) => /* @__PURE__ */ React13.createElement("option", { key: ds.id, value: ds.id }, 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 +7333,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 +7351,9 @@ function NodeDetailsPanel({
   onMentionClick,
   onIntensityChange,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
+  // Prop currentDatasetName adicionada
 }) {
   const [name, setName] = useState15((node == null ? void 0 : node.name) ?? "");
   const [types, setTypes] = useState15([]);
@@ -7721,7 +7764,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-2 mt-4 border-t border-white/10" }, /* @__PURE__ */ React15.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Hospedado no Dataset"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mt-1.5 px-3 py-2 bg-slate-800/40 rounded-lg border border-white/5" }, /* @__PURE__ */ React15.createElement(FiDatabase, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-slate-300 truncate 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 +9098,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 +9250,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 +12102,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 +12203,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 +12224,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 +12334,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 +12463,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.8",
     "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",