@lv-x-software-house/x_view 1.2.5-dev.2 → 1.2.5-dev.20

package/dist/index.mjs

@@ -103,7 +103,10 @@ function ContextMenu({
   onEditAncestry,
   onDeleteAncestry,
   onFocusNode,
-  onClose
+  onClose,
+  viewMembers,
+  currentUser,
+  onStartQuest
 }) {
   var _a, _b, _c;
   const menuRef = useRef(null);
@@ -111,6 +114,7 @@ function ContextMenu({
   const [menuView, setMenuView] = useState("main");
   const [selectedAncestry, setSelectedAncestry] = useState(null);
   const [versionSubMenu, setVersionSubMenu] = useState(null);
+  const [labelSubMenu, setLabelSubMenu] = useState(null);
   const [isLinkCopied, setIsLinkCopied] = useState(false);
   const [selectedQuestStatus, setSelectedQuestStatus] = useState(null);
   const ability = useMemo(() => defineAbilityFor(userRole), [userRole]);
@@ -119,6 +123,7 @@ function ContextMenu({
       setMenuView("main");
       setSelectedAncestry(null);
       setVersionSubMenu(null);
+      setLabelSubMenu(null);
       setSelectedQuestStatus(null);
     }
   }, [data.visible, (_a = data.nodeData) == null ? void 0 : _a.id]);
@@ -134,7 +139,7 @@ function ContextMenu({
     if (left + w + 8 > vw) left = Math.max(8, vw - w - 8);
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
-  }, [data, menuView, versionSubMenu, selectedQuestStatus]);
+  }, [data, menuView, versionSubMenu, labelSubMenu, selectedQuestStatus]);
   useEffect(() => {
     if (!data.visible) return;
     const handleClickOutside = (e) => {
@@ -186,7 +191,21 @@ function ContextMenu({
     var _a2;
     return (_a2 = c.targetNode) == null ? void 0 : _a2.is_quest;
   });
-  const groupedConnections = commonConnections.reduce((acc, conn) => {
+  const getLabelForConnection = (conn) => {
+    if (conn.direction === "outgoing") return conn.link.source_label || null;
+    if (conn.direction === "incoming") return conn.link.target_label || null;
+    return null;
+  };
+  const commonWithLabel = commonConnections.filter((c) => getLabelForConnection(c));
+  const commonWithoutLabel = commonConnections.filter((c) => !getLabelForConnection(c));
+  const labelGroups = commonWithLabel.reduce((acc, conn) => {
+    const label = getLabelForConnection(conn);
+    if (!acc[label]) acc[label] = [];
+    acc[label].push(conn);
+    return acc;
+  }, {});
+  const labelGroupEntries = Object.entries(labelGroups).sort(([a], [b]) => a.localeCompare(b));
+  const groupedConnections = commonWithoutLabel.reduce((acc, conn) => {
     var _a2;
     const { targetNode } = conn;
     const groupingKey = ((_a2 = targetNode.version_node) == null ? void 0 : _a2.is_version) ? targetNode.version_node.parent_node : targetNode.id;
@@ -288,12 +307,25 @@ function ContextMenu({
     });
   };
   const renderMainView = () => {
-    var _a2;
+    var _a2, _b2, _c2;
     const hasVersions = computedVersions.length > 0;
     const canCreateVersion = ability.can("create", "Versioning");
     const canReadVersion = ability.can("read", "Versioning");
     const shouldShowVersioningBtn = canCreateVersion || canReadVersion && hasVersions;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_a2 = data.nodeData) == null ? void 0 : _a2.is_quest) && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ React.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ React.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 20.5c.5-.5.8-1.2.8-2s-.3-1.5-.8-2c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8c-.5.5-.8 1.2-.8 2s.3 1.5.8 2c.5.5 1.2-.8 2 .8s1.5-.3 2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 3.5c.5.5.8 1.2.8 2s-.3 1.5-.8 2c-.5-.5-1.2-.8-2 .8s1.5.3-2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ React.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ React.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" }), /* @__PURE__ */ React.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ React.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => {
+    const canStartQuest = isCurrentNodeQuest && (((_a2 = data.nodeData) == null ? void 0 : _a2.status) !== "In Progress" || ((_b2 = data.nodeData) == null ? void 0 : _b2.assignee_id) !== (currentUser == null ? void 0 : currentUser.id));
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, canStartQuest && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => {
+          onStartQuest == null ? void 0 : onStartQuest(data.nodeData);
+          onClose();
+        },
+        className: `w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md bg-yellow-500/10 text-yellow-400 hover:bg-yellow-500/20 hover:text-yellow-300 transition-colors duration-150 truncate font-semibold shadow-inner`,
+        title: "Atribuir a mim e iniciar"
+      },
+      /* @__PURE__ */ React.createElement("span", null, "\u{1F680}"),
+      /* @__PURE__ */ React.createElement("span", null, "Iniciar Quest")
+    ), ability.can("create", "Connection") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_c2 = data.nodeData) == null ? void 0 : _c2.is_quest) && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ React.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ React.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 20.5c.5-.5.8-1.2.8-2s-.3-1.5-.8-2c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8c-.5.5-.8 1.2-.8 2s.3 1.5.8 2c.5.5 1.2-.8 2 .8s1.5-.3 2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 3.5c.5.5.8 1.2.8 2s-.3 1.5-.8 2c-.5-.5-1.2-.8-2 .8s1.5.3-2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ React.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ React.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" }), /* @__PURE__ */ React.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ React.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => {
       onFocusNode == null ? void 0 : onFocusNode(data.nodeData);
       onClose();
     }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ React.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#4ade80", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss")), /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("deleteConfirmation"), className: deleteButtonClass, title: "Excluir Node" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React.createElement("span", null, "Excluir Node"))));
@@ -314,11 +346,32 @@ function ContextMenu({
       /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
     ))));
   };
+  const renderLabelSubMenuView = () => {
+    const group = labelSubMenu;
+    const isScrollable = group.connections.length > 10;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("button", { onClick: () => {
+      setLabelSubMenu(null);
+      setMenuView("connections");
+    }, className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white flex-shrink-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400 flex-shrink-0" }, /* @__PURE__ */ React.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-violet-300/80 truncate", title: group.label }, group.label))), group.connections.length > 0 && /* @__PURE__ */ React.createElement("button", { onClick: () => handleExpandAndClose(group.connections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, group.connections.map((conn) => /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        key: conn.targetNode.id,
+        onClick: () => handleExpandAndClose([conn.link]),
+        className: baseButtonClass,
+        title: `Expandir conex\xE3o com ${conn.targetNode.name}`
+      },
+      /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), /* @__PURE__ */ React.createElement("polyline", { points: "12 5 19 12 12 19" })),
+      /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
+    ))));
+  };
   const renderConnectionsView = () => {
     if (versionSubMenu) {
       return renderVersionSubMenuView();
     }
-    const totalItems = availableAncestries.length + finalRenderableConnections.length + (questConnections.length > 0 ? 1 : 0);
+    if (labelSubMenu) {
+      return renderLabelSubMenuView();
+    }
+    const totalItems = availableAncestries.length + labelGroupEntries.length + finalRenderableConnections.length + (questConnections.length > 0 ? 1 : 0);
     const isScrollable = totalItems > 10;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("main"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Conex\xF5es")), commonConnections.length > 0 && /* @__PURE__ */ React.createElement("button", { onClick: () => handleExpandAndClose(commonConnections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ React.createElement("div", { className: `flex flex-col ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "px-2 py-1 text-[11px] uppercase tracking-wider text-indigo-400/90" }, "Ancestralidades Salvas"), availableAncestries.map((anc) => /* @__PURE__ */ React.createElement(
       "button",
@@ -330,7 +383,20 @@ function ContextMenu({
       },
       /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M6 3v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M18 3v4a2 2 0 0 1-2 2h-4" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "3", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "3", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "11", r: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M12 13v6" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "21", r: "2" })),
       /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, anc.name || `Ancestralidade #${anc.ancestry_id.substring(0, 8)}`)
-    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
+    ))), labelGroupEntries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${availableAncestries.length > 0 ? "mt-2" : ""} ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), labelGroupEntries.map(([label, conns]) => /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        key: label,
+        onClick: () => {
+          setLabelSubMenu({ label, connections: conns });
+        },
+        className: baseButtonClass,
+        title: `Ver grupo: ${label}`
+      },
+      /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400" }, /* @__PURE__ */ React.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })),
+      /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, label),
+      /* @__PURE__ */ React.createElement("span", { className: "text-xs px-2 py-0.5 bg-violet-500/20 text-violet-300 rounded-full" }, conns.length)
+    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, (availableAncestries.length > 0 || labelGroupEntries.length > 0) && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
       if (group.isVersionGroup) {
         return /* @__PURE__ */ React.createElement(
           "button",
@@ -514,15 +580,18 @@ function XViewSidebar({
   const [isFilterMenuOpen, setIsFilterMenuOpen] = useState2(false);
   const [filterCategory, setFilterCategory] = useState2("Type");
   const [filterValue, setFilterValue] = useState2("");
+  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState2(false);
+  const [highlightedTypeIndex, setHighlightedTypeIndex] = useState2(-1);
   const containerRef = useRef2(null);
   const inputRef = useRef2(null);
   const filterMenuRef = useRef2(null);
+  const typeDropdownRef = useRef2(null);
   const ability = useMemo2(() => {
     return defineAbilityFor(userRole);
   }, [userRole]);
   const contextLabel = useMemo2(() => {
     if (!viewType || !viewName) return null;
-    const typeLower = viewType.toLowerCase();
+    const typeLower = String(viewType).toLowerCase();
     if (typeLower === "database") {
       return `Dataset: ${viewName}`;
     } else if (typeLower === "view") {
@@ -532,7 +601,12 @@ function XViewSidebar({
     }
     return `${viewType}: ${viewName}`;
   }, [viewType, viewName]);
-  const normalize = (str = "") => String(str).toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[._\-–—:,;!?'"()\[\]{}/\\]/g, " ").replace(/\s+/g, " ").trim();
+  const normalize = (str = "") => {
+    if (str === void 0 || str === null) {
+      console.warn("XViewSidebar: normalize recebeu valor nulo/indefinido:", str);
+    }
+    return String(str).toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[._\-–—:,;!?'"()\[\]{}/\\]/g, " ").replace(/\s+/g, " ").trim();
+  };
   const collator = useMemo2(
     () => new Intl.Collator("pt-BR", { sensitivity: "base", numeric: true }),
     []
@@ -541,13 +615,30 @@ function XViewSidebar({
     const typesSet = /* @__PURE__ */ new Set();
     (dbNodes || []).forEach((node) => {
       if (Array.isArray(node.type)) {
-        node.type.forEach((t) => typesSet.add(t));
-      } else if (node.type) {
+        node.type.forEach((t) => {
+          if (t && typeof t === "string" && t.trim() !== "") typesSet.add(t);
+        });
+      } else if (node.type && typeof node.type === "string" && node.type.trim() !== "") {
         typesSet.add(node.type);
       }
     });
     return Array.from(typesSet).sort();
   }, [dbNodes]);
+  const availableDatasets = useMemo2(() => {
+    const datasetsSet = /* @__PURE__ */ new Set();
+    (dbNodes || []).forEach((node) => {
+      if (node.dataset_name) {
+        datasetsSet.add(node.dataset_name);
+      }
+    });
+    return Array.from(datasetsSet).sort();
+  }, [dbNodes]);
+  const filteredAutocompleteOptions = useMemo2(() => {
+    const source = filterCategory === "Dataset" ? availableDatasets : availableTypes;
+    if (!filterValue.trim()) return source;
+    const search = filterValue.toLowerCase().trim();
+    return source.filter((item) => item.toLowerCase().includes(search));
+  }, [availableTypes, availableDatasets, filterValue, filterCategory]);
   const filteredAndSorted = useMemo2(() => {
     const base = Array.isArray(dbNodes) ? dbNodes : [];
     let pool = base;
@@ -567,6 +658,8 @@ function XViewSidebar({
             return nodeTypes.some((t) => String(t).toLowerCase() === String(filter.value).toLowerCase());
           } else if (filter.type === "Color") {
             return String(node.color).toLowerCase() === String(filter.value).toLowerCase();
+          } else if (filter.type === "Dataset") {
+            return String(node.dataset_name || "").toLowerCase() === String(filter.value).toLowerCase();
           }
           return true;
         });
@@ -582,18 +675,21 @@ function XViewSidebar({
     inView.sort(byName);
     const ordered = [...notInView, ...inView];
     return ordered.slice(0, 200);
-  }, [dbNodes, query, isNodeInView, viewVersion, activeFilters]);
+  }, [dbNodes, query, isNodeInView, viewVersion, activeFilters, filterCategory]);
   useEffect2(() => {
     const handleClickOutside = (event) => {
       if (filterMenuRef.current && !filterMenuRef.current.contains(event.target)) {
         setIsFilterMenuOpen(false);
       }
+      if (typeDropdownRef.current && !typeDropdownRef.current.contains(event.target)) {
+        setIsTypeDropdownOpen(false);
+      }
     };
-    if (isFilterMenuOpen) {
+    if (isFilterMenuOpen || isTypeDropdownOpen) {
       document.addEventListener("mousedown", handleClickOutside);
     }
     return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [isFilterMenuOpen]);
+  }, [isFilterMenuOpen, isTypeDropdownOpen]);
   useEffect2(() => {
     if (!query) setSelectedNodeId(null);
   }, [query]);
@@ -647,6 +743,35 @@ function XViewSidebar({
   const handleRemoveFilter = (index) => {
     setActiveFilters((prev) => prev.filter((_, i) => i !== index));
   };
+  const handleTypeKeyDown = (e) => {
+    if (!isTypeDropdownOpen) {
+      setIsTypeDropdownOpen(true);
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setHighlightedTypeIndex(
+        (prev) => prev < filteredAutocompleteOptions.length - 1 ? prev + 1 : prev
+      );
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setHighlightedTypeIndex((prev) => prev > 0 ? prev - 1 : 0);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      if (highlightedTypeIndex >= 0 && filteredAutocompleteOptions[highlightedTypeIndex]) {
+        setFilterValue(filteredAutocompleteOptions[highlightedTypeIndex]);
+        setIsTypeDropdownOpen(false);
+        setHighlightedTypeIndex(-1);
+      } else {
+        handleAddFilter();
+      }
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      setIsTypeDropdownOpen(false);
+      setHighlightedTypeIndex(-1);
+    } else if (e.key === "Tab") {
+      setIsTypeDropdownOpen(false);
+    }
+  };
   const ToggleButton = /* @__PURE__ */ React2.createElement(
     "button",
     {
@@ -666,7 +791,7 @@ function XViewSidebar({
     "div",
     {
       ref: containerRef,
-      className: "ui-overlay fixed left-0 top-0 h-full w-[min(92vw,320px)] z-40",
+      className: "ui-overlay fixed left-0 top-0 h-[100dvh] w-[min(92vw,320px)] z-40 overflow-hidden",
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -675,7 +800,7 @@ function XViewSidebar({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "h-full flex flex-col bg-slate-950/80 backdrop-blur-xl border-r border-white/10 shadow-[0_0_40px_rgba(0,0,0,0.45)]" }, /* @__PURE__ */ React2.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ React2.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_10px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React2.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React2.createElement("div", { className: "h-full flex flex-col overflow-hidden bg-slate-950/80 backdrop-blur-xl border-r border-white/10 shadow-[0_0_40px_rgba(0,0,0,0.45)]" }, /* @__PURE__ */ React2.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ React2.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_10px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React2.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ React2.createElement(
       "button",
       {
         className: "ml-auto p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
@@ -732,7 +857,7 @@ function XViewSidebar({
           autoComplete: "off"
         }
       )
-    ), showList && /* @__PURE__ */ React2.createElement("ul", { className: "custom-scrollbar absolute mt-1 z-10 w-full max-h-[28rem] overflow-y-auto rounded-lg bg-slate-900/95 border border-white/10 shadow-xl" }, filteredAndSorted.length > 0 ? filteredAndSorted.map((n) => {
+    ), showList && /* @__PURE__ */ React2.createElement("ul", { className: "custom-scrollbar absolute mt-1 z-10 w-full max-h-[min(448px,50dvh)] overflow-y-auto rounded-lg bg-slate-900/95 border border-white/10 shadow-xl" }, filteredAndSorted.length > 0 ? filteredAndSorted.map((n) => {
       const inView = isNodeInView(n.id);
       const active = selectedNodeId === n.id;
       const typeLabel = Array.isArray(n.type) ? n.type.join(", ") : n.type;
@@ -766,7 +891,7 @@ function XViewSidebar({
       },
       /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })),
       "Filters"
-    ), isFilterMenuOpen && /* @__PURE__ */ React2.createElement("div", { className: "absolute right-0 top-full mt-2 w-56 p-3 rounded-lg bg-slate-900 border border-white/10 shadow-xl z-50 flex flex-col gap-3 animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React2.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ React2.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color"].map((opt) => /* @__PURE__ */ React2.createElement(
+    ), isFilterMenuOpen && /* @__PURE__ */ React2.createElement("div", { className: "absolute right-0 top-full mt-2 w-56 p-3 rounded-lg bg-slate-900 border border-white/10 shadow-xl z-50 flex flex-col gap-3 animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React2.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ React2.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color", "Dataset"].map((opt) => /* @__PURE__ */ React2.createElement(
       "button",
       {
         key: opt,
@@ -777,18 +902,36 @@ function XViewSidebar({
         className: `flex-1 text-xs py-1 rounded transition-colors ${filterCategory === opt ? "bg-indigo-600 text-white shadow-sm" : "text-slate-400 hover:text-slate-200"}`
       },
       opt
-    )))), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Valor"), filterCategory === "Type" ? /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
+    )))), /* @__PURE__ */ React2.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Valor"), filterCategory === "Type" || filterCategory === "Dataset" ? /* @__PURE__ */ React2.createElement("div", { className: "relative", ref: typeDropdownRef }, /* @__PURE__ */ React2.createElement(
       "input",
       {
-        list: "typeOptions",
         type: "text",
         value: filterValue,
-        onChange: (e) => setFilterValue(e.target.value),
-        placeholder: "Ex: Concept",
+        onChange: (e) => {
+          setFilterValue(e.target.value);
+          if (!isTypeDropdownOpen) setIsTypeDropdownOpen(true);
+          setHighlightedTypeIndex(-1);
+        },
+        onFocus: () => setIsTypeDropdownOpen(true),
+        onKeyDown: handleTypeKeyDown,
+        placeholder: filterCategory === "Type" ? "Ex: Concept" : "Ex: Dataset 1",
         className: "w-full bg-slate-800 p-2 text-xs rounded border border-white/10 focus:outline-none focus:border-indigo-500/50 text-white",
         autoFocus: true
       }
-    ), /* @__PURE__ */ React2.createElement("datalist", { id: "typeOptions" }, availableTypes.map((t) => /* @__PURE__ */ React2.createElement("option", { key: t, value: t })))) : /* @__PURE__ */ React2.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React2.createElement(
+    ), isTypeDropdownOpen && filteredAutocompleteOptions.length > 0 && /* @__PURE__ */ React2.createElement("div", { className: "absolute z-[60] left-0 right-0 mt-1 max-h-48 overflow-y-auto bg-slate-900/95 backdrop-blur-xl border border-white/10 rounded-md shadow-2xl custom-scrollbar" }, filteredAutocompleteOptions.map((t, idx) => /* @__PURE__ */ React2.createElement(
+      "div",
+      {
+        key: t,
+        className: `px-3 py-2 text-xs cursor-pointer transition-colors ${idx === highlightedTypeIndex ? "bg-indigo-600 text-white" : "text-slate-300 hover:bg-white/10"}`,
+        onMouseDown: (e) => {
+          e.preventDefault();
+          setFilterValue(t);
+          setIsTypeDropdownOpen(false);
+          setHighlightedTypeIndex(-1);
+        }
+      },
+      t
+    )))) : /* @__PURE__ */ React2.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: "absolute left-2 w-3 h-3 rounded-full border border-white/20 shadow-sm",
@@ -2776,18 +2919,27 @@ function createNewCustomProperty(existingProps = []) {
   };
 }
 var resolveDescriptionReference = (refString, availableNodes = [], availableAncestries = []) => {
-  const match = refString.match(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/);
+  const match = refString.match(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/
+  );
   if (!match) return null;
   const [_, type, itemId, sectionId] = match;
   let sourceItem = null;
   if (type === "node") {
     sourceItem = availableNodes.find((n) => String(n.id) === String(itemId));
   } else {
-    sourceItem = availableAncestries.find((a) => String(a.ancestry_id) === String(itemId));
+    sourceItem = availableAncestries.find(
+      (a) => String(a.ancestry_id) === String(itemId)
+    );
   }
   if (!sourceItem) return null;
-  const sections = parseDescriptionSections(sourceItem.description, sourceItem.description_sections);
-  const targetSection = sections.find((s) => String(s.id) === String(sectionId));
+  const sections = parseDescriptionSections(
+    sourceItem.description,
+    sourceItem.description_sections
+  );
+  const targetSection = sections.find(
+    (s) => String(s.id) === String(sectionId)
+  );
   if (!targetSection) return null;
   return {
     content: targetSection.content,
@@ -2801,21 +2953,34 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   let text = rawText;
   const allNodes = parentData ? Object.values(parentData).flatMap((f) => f.nodes || []) : [];
   const allAncestries = ancestryData || [];
-  text = text.replace(/\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g, (match, type, itemId, sectionId) => {
-    const resolved = resolveDescriptionReference(match, allNodes, allAncestries);
-    if (resolved && !resolved.error) {
-      return resolved.content;
+  text = text.replace(
+    /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, type, itemId, sectionId) => {
+      const resolved = resolveDescriptionReference(
+        match,
+        allNodes,
+        allAncestries
+      );
+      if (resolved && !resolved.error) {
+        return resolved.content;
+      }
+      return "[Refer\xEAncia indispon\xEDvel]";
     }
-    return "[Refer\xEAncia indispon\xEDvel]";
-  });
+  );
   text = text.replace(/\*\/\s*\d+(?::[a-zA-Z0-9-]+)?\s*\//g, "");
-  text = text.replace(/\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g, (match, nodeId) => {
-    const node = allNodes.find((n) => String(n.id) === String(nodeId));
-    return node ? `@${node.name}` : `@Men\xE7\xE3o`;
-  });
-  text = text.replace(/\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g, (match, url, name) => {
-    return name ? `[Imagem: ${name}]` : `[Imagem]`;
-  });
+  text = text.replace(
+    /\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g,
+    (match, nodeId) => {
+      const node = allNodes.find((n) => String(n.id) === String(nodeId));
+      return node ? `@${node.name}` : `@Men\xE7\xE3o`;
+    }
+  );
+  text = text.replace(
+    /\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g,
+    (match, url, name) => {
+      return name ? `[Imagem: ${name}]` : `[Imagem]`;
+    }
+  );
   text = text.replace(/^#+\s*/gm, "");
   text = text.replace(/```[\s\S]*?```/g, "[C\xF3digo]");
   text = text.replace(/-\s\[[xX ]\]\s*/g, "\u2022 ");
@@ -2823,7 +2988,14 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   return text.trim();
 }
 function generateTooltipHtml(data, parentData, ancestryData) {
-  const ignoredKeys = ["id", "name", "type", "color", "_baseEmissiveIntensity", "description"];
+  const ignoredKeys = [
+    "id",
+    "name",
+    "type",
+    "color",
+    "_baseEmissiveIntensity",
+    "description"
+  ];
   const customKeys = Object.keys(data).filter((k) => !ignoredKeys.includes(k));
   const extras = customKeys.length;
   let typeDisplay = "Node";
@@ -2838,7 +3010,11 @@ function generateTooltipHtml(data, parentData, ancestryData) {
         <div style="font-weight:600; font-size: 14px; color: #fff;">${typeDisplay}</div>
         <div style="margin-bottom: 2px; color: #e2e8f0;">${data.name || ""}</div>`;
   if (data.description) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 margin-top: 6px; 
@@ -2876,7 +3052,11 @@ function generateLinkTooltipHtml(data, parentData, ancestryData) {
     html += `<div style="font-weight:600; font-size: 14px; color: #a5f3fc; margin-bottom: 4px;">${data.name}</div>`;
   }
   if (hasDescription) {
-    const cleanDesc = formatDescriptionForTooltip(data.description, parentData, ancestryData);
+    const cleanDesc = formatDescriptionForTooltip(
+      data.description,
+      parentData,
+      ancestryData
+    );
     if (cleanDesc) {
       html += `<div style="
                 display: -webkit-box;
@@ -2958,7 +3138,8 @@ var IGNORED_KEYS = [
   "isAddingAbstractionNodes",
   "status",
   "is_quest",
-  "raw_title"
+  "raw_title",
+  "assignee_id"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -2968,16 +3149,40 @@ function extractCustomPropsFromNode(node) {
     if (t === "date") {
       if (val && typeof val === "object") {
         if ("date_interval" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Date Interval", start: val.date_interval.start || "", end: val.date_interval.end || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: {
+              type: "Date Interval",
+              start: val.date_interval.start || "",
+              end: val.date_interval.end || ""
+            }
+          };
         }
         if ("year" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Ano", value: val.year || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Ano", value: val.year || "" }
+          };
         }
         if ("date" in val) {
-          return { id: v4_default(), key, type: "date", value: { type: "Data", value: val.date || "" } };
+          return {
+            id: v4_default(),
+            key,
+            type: "date",
+            value: { type: "Data", value: val.date || "" }
+          };
         }
       }
-      return { id: v4_default(), key, type: "date", value: { type: "Data", value: "" } };
+      return {
+        id: v4_default(),
+        key,
+        type: "date",
+        value: { type: "Data", value: "" }
+      };
     }
     if (t === "list" || t === "links" || t === "images" || t === "documents") {
       const safeList = (val || []).map((item) => ({
@@ -2987,7 +3192,12 @@ function extractCustomPropsFromNode(node) {
       }));
       return { id: v4_default(), key, type: t, value: safeList };
     }
-    return { id: v4_default(), key, type: t, value: t === "number" ? Number(val) || 0 : String(val ?? "") };
+    return {
+      id: v4_default(),
+      key,
+      type: t,
+      value: t === "number" ? Number(val) || 0 : String(val ?? "")
+    };
   });
 }
 function toObjectFromCustomProps(customProps) {
@@ -3002,7 +3212,12 @@ function toObjectFromCustomProps(customProps) {
       const { type: uiDateType, ...dateValues } = p.value || {};
       if (uiDateType) {
         if (uiDateType === "Date Interval") {
-          out[key] = { date_interval: { start: dateValues.start || "", end: dateValues.end || "" } };
+          out[key] = {
+            date_interval: {
+              start: dateValues.start || "",
+              end: dateValues.end || ""
+            }
+          };
         } else if (uiDateType === "Ano") {
           out[key] = { year: dateValues.value || "" };
         } else {
@@ -3038,10 +3253,20 @@ function createTextSprite(text, fontSize = 64) {
   context.fillText(effectiveText, canvas.width / 2, canvas.height / 2);
   const texture = new THREE2.CanvasTexture(canvas);
   texture.colorSpace = THREE2.SRGBColorSpace;
-  const spriteMaterial = new THREE2.SpriteMaterial({ map: texture, sizeAttenuation: true, depthWrite: false, transparent: true, toneMapped: false });
+  const spriteMaterial = new THREE2.SpriteMaterial({
+    map: texture,
+    sizeAttenuation: true,
+    depthWrite: false,
+    transparent: true,
+    toneMapped: false
+  });
   const sprite = new THREE2.Sprite(spriteMaterial);
   const scaleFactor = 0.05;
-  sprite.scale.set(canvas.width * scaleFactor, canvas.height * scaleFactor, 1);
+  sprite.scale.set(
+    canvas.width * scaleFactor,
+    canvas.height * scaleFactor,
+    1
+  );
   sprite.layers.set(DEFAULT_LAYER);
   return sprite;
 }
@@ -3057,7 +3282,14 @@ function makeGlowTexture() {
   const canvas = document.createElement("canvas");
   canvas.width = canvas.height = size;
   const ctx = canvas.getContext("2d");
-  const grd = ctx.createRadialGradient(size / 2, size / 2, 0, size / 2, size / 2, size / 2);
+  const grd = ctx.createRadialGradient(
+    size / 2,
+    size / 2,
+    0,
+    size / 2,
+    size / 2,
+    size / 2
+  );
   grd.addColorStop(0, "rgba(255,255,255,1)");
   grd.addColorStop(0.4, "rgba(255,255,255,0.45)");
   grd.addColorStop(1, "rgba(255,255,255,0)");
@@ -3073,8 +3305,19 @@ function addGlowAura(mesh, hexColor, glowTexture, auraScale) {
   let midBoost = 1 - Math.abs(L - 0.5) * 2;
   midBoost = THREE2.MathUtils.clamp(midBoost, 0, 1);
   const auraOpacity = THREE2.MathUtils.lerp(0.25, 0.8, midBoost);
-  const auraColor = new THREE2.Color(hexColor).lerp(new THREE2.Color("#ffffff"), 0.25);
-  const auraMat = new THREE2.SpriteMaterial({ map: glowTexture, color: auraColor, opacity: auraOpacity, blending: THREE2.AdditiveBlending, transparent: true, depthWrite: false, toneMapped: false });
+  const auraColor = new THREE2.Color(hexColor).lerp(
+    new THREE2.Color("#ffffff"),
+    0.25
+  );
+  const auraMat = new THREE2.SpriteMaterial({
+    map: glowTexture,
+    color: auraColor,
+    opacity: auraOpacity,
+    blending: THREE2.AdditiveBlending,
+    transparent: true,
+    depthWrite: false,
+    toneMapped: false
+  });
   const aura = new THREE2.Sprite(auraMat);
   aura.scale.setScalar(auraScale);
   aura.name = "aura";
@@ -3107,7 +3350,17 @@ function calculateNodePositions(nodes) {
   }
   return positions;
 }
-function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+function updateTooltip({
+  tooltipEl,
+  hoveredNode,
+  hoveredLink,
+  camera,
+  mountEl,
+  isSceneBusy,
+  parentData,
+  ancestryData
+}) {
+  var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
   let positionTarget = null;
@@ -3117,20 +3370,35 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     currentId = `node_${hoveredNode.userData.id}`;
     positionTarget = hoveredNode;
     if (tooltipEl.dataset.currentId !== currentId) {
-      content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
+      content = generateTooltipHtml(
+        hoveredNode.userData,
+        parentData,
+        ancestryData
+      );
     }
   } else if (hoveredLink && !isSceneBusy) {
-    currentId = `link_${hoveredLink.userData.id}`;
-    if (hoveredLink.userData.isCurved) {
-      const positions = hoveredLink.geometry.attributes.position.array;
-      const midIndex = Math.floor(positions.length / 2 / 3) * 3;
-      positionTarget = new THREE2.Vector3(positions[midIndex], positions[midIndex + 1], positions[midIndex + 2]);
-    } else {
-      positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
-    }
-    isLink = true;
-    if (tooltipEl.dataset.currentId !== currentId) {
-      content = hoveredLink.userData.isAncestryLink ? generateLinkTooltipHtml(hoveredLink.userData.relationship || {}, parentData, ancestryData) : generateLinkTooltipHtml(hoveredLink.userData, parentData, ancestryData);
+    const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
+    const hasContent = ((_a = linkData.name) == null ? void 0 : _a.trim()) || ((_b = linkData.description) == null ? void 0 : _b.trim());
+    if (hasContent) {
+      currentId = `link_${hoveredLink.userData.id}`;
+      if (hoveredLink.userData.isCurved) {
+        const positions = hoveredLink.geometry.attributes.position.array;
+        const midIndex = Math.floor(positions.length / 2 / 3) * 3;
+        positionTarget = new THREE2.Vector3(
+          positions[midIndex],
+          positions[midIndex + 1],
+          positions[midIndex + 2]
+        );
+      } else {
+        positionTarget = new THREE2.Vector3().addVectors(
+          hoveredLink.userData.sourceNode.position,
+          hoveredLink.userData.targetNode.position
+        ).multiplyScalar(0.5);
+      }
+      isLink = true;
+      if (tooltipEl.dataset.currentId !== currentId) {
+        content = generateLinkTooltipHtml(linkData, parentData, ancestryData);
+      }
     }
   }
   if (positionTarget) {
@@ -3154,9 +3422,11 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
     const tooltipRect = tooltipEl.getBoundingClientRect();
     const offsetX = 20;
     const offsetY = 20;
-    if (x + tooltipRect.width + offsetX > clientWidth) x = x - tooltipRect.width - offsetX;
+    if (x + tooltipRect.width + offsetX > clientWidth)
+      x = x - tooltipRect.width - offsetX;
     else x = x + offsetX;
-    if (y + tooltipRect.height + offsetY > clientHeight) y = y - tooltipRect.height - offsetY;
+    if (y + tooltipRect.height + offsetY > clientHeight)
+      y = y - tooltipRect.height - offsetY;
     else y = y + offsetY;
     tooltipEl.style.display = "block";
     tooltipEl.style.left = `${x}px`;
@@ -3190,7 +3460,9 @@ var processDescriptionForSave = (text, existingSections = []) => {
     const content = parts[i + 2] || "";
     let finalUuid = null;
     if (suffix) {
-      const existingMatch = existingSections.find((s) => s.id && s.id.includes(suffix));
+      const existingMatch = existingSections.find(
+        (s) => s.id && s.id.includes(suffix)
+      );
       if (existingMatch) {
         finalUuid = existingMatch.id;
       } else {
@@ -3281,28 +3553,34 @@ var extractFileUrlsFromProperties = (dataObject) => {
 function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
   const [width, setWidth] = useState3(initialWidth);
   const [isResizing, setIsResizing] = useState3(false);
-  const handlePointerDown = useCallback((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsResizing(true);
-    const startX = e.clientX;
-    const startWidth = width;
-    const originalUserSelect = document.body.style.userSelect;
-    document.body.style.userSelect = "none";
-    const handlePointerMove = (moveEvent) => {
-      const deltaX = startX - moveEvent.clientX;
-      const newWidth = Math.min(Math.max(startWidth + deltaX, minWidth), maxWidth);
-      setWidth(newWidth);
-    };
-    const handlePointerUp = () => {
-      setIsResizing(false);
-      document.body.style.userSelect = originalUserSelect;
-      document.removeEventListener("pointermove", handlePointerMove);
-      document.removeEventListener("pointerup", handlePointerUp);
-    };
-    document.addEventListener("pointermove", handlePointerMove);
-    document.addEventListener("pointerup", handlePointerUp);
-  }, [width, minWidth, maxWidth]);
+  const handlePointerDown = useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsResizing(true);
+      const startX = e.clientX;
+      const startWidth = width;
+      const originalUserSelect = document.body.style.userSelect;
+      document.body.style.userSelect = "none";
+      const handlePointerMove = (moveEvent) => {
+        const deltaX = startX - moveEvent.clientX;
+        const newWidth = Math.min(
+          Math.max(startWidth + deltaX, minWidth),
+          maxWidth
+        );
+        setWidth(newWidth);
+      };
+      const handlePointerUp = () => {
+        setIsResizing(false);
+        document.body.style.userSelect = originalUserSelect;
+        document.removeEventListener("pointermove", handlePointerMove);
+        document.removeEventListener("pointerup", handlePointerUp);
+      };
+      document.addEventListener("pointermove", handlePointerMove);
+      document.addEventListener("pointerup", handlePointerUp);
+    },
+    [width, minWidth, maxWidth]
+  );
   return { width, isResizing, handlePointerDown, setWidth };
 }
 
@@ -3439,9 +3717,9 @@ function CustomPropertyDisplay({
   };
   const handleRemoveListItem = (j) => setTempProp((p) => ({ ...p, value: p.value.filter((_, k) => k !== j) }));
   const handleListItemChange = (j, f, v) => setTempProp((p) => {
-    const newValue = [...p.value];
-    newValue[j] = { ...newValue[j], [f]: v };
-    return { ...p, value: newValue };
+    const newValue2 = [...p.value];
+    newValue2[j] = { ...newValue2[j], [f]: v };
+    return { ...p, value: newValue2 };
   });
   const baseInput = "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60 transition-all duration-150";
   const renderEditView = () => {
@@ -3495,14 +3773,14 @@ function CustomPropertyDisplay({
           const inputClass = `${baseInput} ${noSpinnerClass}`;
           const handleDateTypeChange = (newDateType) => {
             var _a3, _b2, _c2;
-            let newValue = { type: newDateType };
+            let newValue2 = { type: newDateType };
             if (newDateType === "Date Interval") {
-              newValue.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
-              newValue.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
+              newValue2.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
+              newValue2.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
             } else {
-              newValue.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
+              newValue2.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
             }
-            handlePropChange("value", newValue);
+            handlePropChange("value", newValue2);
           };
           const handleDateValueChange = (dateField, dateValue) => {
             handlePropChange("value", { ...tempProp.value, [dateField]: dateValue });
@@ -4350,7 +4628,7 @@ ${space}${bullet} `);
       }
     ),
     /* @__PURE__ */ React5.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
-    /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
+    /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shrink-0" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200 truncate" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
     /* @__PURE__ */ React5.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React5.createElement(
       "button",
       {
@@ -5479,7 +5757,7 @@ function AncestryRelationshipPanel({
           onImageClick: handleImageClickFromText,
           onSaveDescription: handleSaveDescriptionInline
         }
-      ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React8.createElement(
+      ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React8.createElement(
         DescriptionDisplay,
         {
           description,
@@ -5801,6 +6079,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = useState11(false);
   const [isLinkCopied, setIsLinkCopied] = useState11(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState11(false);
   const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
@@ -5868,12 +6147,14 @@ function CreateAncestryPanel({
   };
   const handleSelectAncestryParent = (nodeId, isAbstraction = false) => {
     setAncestryMode((prev) => isAbstraction ? { ...prev, selectedAbstractionParentId: nodeId } : { ...prev, selectedParentId: nodeId });
+    setHasUnsavedChanges(true);
   };
   const handleToggleAddMode = (isAbstraction = false) => {
     if (isAbstraction && !ancestryMode.isAddingAbstractionNodes) {
       setTargetRenderNodeId(null);
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
+    setHasUnsavedChanges(true);
   };
   const handleRemoveNode = useCallback2((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
@@ -5891,6 +6172,7 @@ function CreateAncestryPanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
+        setHasUnsavedChanges(true);
       }
       return { ...prev, [treeKey]: newTree };
     });
@@ -5949,6 +6231,7 @@ function CreateAncestryPanel({
           updateGlobalTree(rootTreeClone);
         }
         setAncestryMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setHasUnsavedChanges(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
       }
@@ -6021,6 +6304,7 @@ function CreateAncestryPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -6029,11 +6313,13 @@ function CreateAncestryPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
   useEffect10(() => {
@@ -6143,6 +6429,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6156,6 +6443,7 @@ function CreateAncestryPanel({
           rootExtras
         );
         setLastSavedSnapshot(takeSnapshot(rootTreeClone, ancestryName, description, processedSections, [], isPrivate, ancestryMode.abstraction_tree));
+        setHasUnsavedChanges(false);
         if (onRenderFullAncestry) {
           const fullTreePayload = {
             ancestry_id: ancestryMode.currentAncestryId || "temp_root",
@@ -6198,6 +6486,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6219,6 +6508,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6251,6 +6541,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6272,6 +6563,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6533,6 +6825,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6594,7 +6887,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6616,6 +6908,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6666,6 +6959,10 @@ function CreateAncestryPanel({
     const currentInputName = overrides.ancestryName !== void 0 ? overrides.ancestryName : ancestryName;
     const currentInputDesc = overrides.description !== void 0 ? overrides.description : description;
     const currentInputSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentInputName.trim()) {
       alert("O nome n\xE3o pode estar vazio.");
       return;
@@ -6673,11 +6970,7 @@ function CreateAncestryPanel({
     setIsSaving(true);
     const processedSections = processDescriptionForSave(currentInputDesc, currentInputSections);
     setExistingSections(processedSections);
-    const updatedRootTree = applyDescriptionToTree(
-      ancestryMode.tree,
-      currentInputDesc,
-      processedSections
-    );
+    const updatedRootTree = JSON.parse(JSON.stringify(ancestryMode.tree));
     const extrasObj = {
       ...toObjectFromCustomProps(customProps.filter((p) => !p.isEditing)),
       is_private: isPrivate
@@ -6719,6 +7012,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onRenderFullAncestry) {
             const rotation = branchStack.reduce((acc, step) => {
               return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
@@ -6770,6 +7064,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6792,6 +7087,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6814,6 +7110,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -6943,7 +7240,11 @@ function CreateAncestryPanel({
       {
         type: "text",
         value: ancestryName,
-        onChange: (e) => setAncestryName(e.target.value),
+        onChange: (e) => {
+          setAncestryName(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        readOnly: isContextLinked,
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
@@ -7431,7 +7732,7 @@ function ColorPicker({ color, onChange, disabled }) {
       style: { backgroundColor: preset },
       title: preset
     },
-    color.toLowerCase() === preset.toLowerCase() && /* @__PURE__ */ React12.createElement(FiCheck6, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
+    (color || "").toLowerCase() === (preset || "").toLowerCase() && /* @__PURE__ */ React12.createElement(FiCheck6, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
   )))), /* @__PURE__ */ React12.createElement("style", null, `
         .custom-react-colorful .react-colorful {
           width: 100%;
@@ -7523,13 +7824,23 @@ function InSceneCreationForm({
   }, [hasImages, useImageAsTexture, onImageChange]);
   useEffect13(() => {
     let result = [];
+    const validExistingTypes = existingTypes.filter((t) => t && typeof t === "string" && t.trim() !== "");
     if (typeInput.trim() === "") {
-      result = existingTypes.filter((t) => !types.includes(t));
+      result = validExistingTypes.filter((t) => !types.includes(t));
     } else {
-      const lowercasedInput = typeInput.toLowerCase();
-      result = existingTypes.filter(
-        (t) => t.toLowerCase().includes(lowercasedInput) && !types.includes(t)
-      );
+      console.log("InSceneCreationForm: Filtrando tipos com input:", typeInput);
+      try {
+        const lowercasedInput = typeInput.toLowerCase();
+        result = validExistingTypes.filter((t) => {
+          if (!t) {
+            console.warn("InSceneCreationForm: Tipo encontrado como undefined/null durante filtragem");
+            return false;
+          }
+          return t.toLowerCase().includes(lowercasedInput) && !types.includes(t);
+        });
+      } catch (err) {
+        console.error("InSceneCreationForm: Erro ao filtrar tipos:", err, "typeInput:", typeInput);
+      }
     }
     if (sourceTypes) {
       const priorityTypes = Array.isArray(sourceTypes) ? sourceTypes : [sourceTypes];
@@ -7592,9 +7903,9 @@ function InSceneCreationForm({
   };
   const handleToggleImageMode = () => {
     var _a2, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -7892,9 +8203,9 @@ function InSceneVersionForm({
   };
   const handleToggleImageMode = () => {
     var _a, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -8048,7 +8359,7 @@ function InSceneVersionForm({
 
 // src/components/InSceneQuestForm.jsx
 import React15, { useState as useState16, useRef as useRef12 } from "react";
-import { FiPlus as FiPlus5, FiCheck as FiCheck9, FiEdit2 as FiEdit26, FiTarget, FiX as FiX4, FiChevronDown as FiChevronDown5 } from "react-icons/fi";
+import { FiPlus as FiPlus5, FiCheck as FiCheck9, FiEdit2 as FiEdit26, FiTarget, FiX as FiX4, FiChevronDown as FiChevronDown5, FiUser, FiSearch as FiSearch4 } from "react-icons/fi";
 var QUEST_STATUS_COLORS2 = {
   "Backlog": "#64748b",
   "In Progress": "#eab308",
@@ -8070,10 +8381,13 @@ function InSceneQuestForm({
   onSizeChange,
   viewName = "Projeto",
   // NOVA PROP
-  questCounter = 1
+  questCounter = 1,
   // NOVA PROP
+  viewMembers = []
 }) {
+  var _a, _b;
   const [name, setName] = useState16("");
+  const [assigneeId, setAssigneeId] = useState16("");
   const [types, setTypes] = useState16(["quest"]);
   const [typeInput, setTypeInput] = useState16("");
   const [status, setStatus] = useState16("Backlog");
@@ -8081,6 +8395,8 @@ function InSceneQuestForm({
   const [intensity, setIntensity] = useState16(0);
   const [description, setDescription] = useState16("");
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState16(false);
+  const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState16(false);
+  const [assigneeSearchQuery, setAssigneeSearchQuery] = useState16("");
   const [customProps, setCustomProps] = useState16([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
   const propsEndRef = useRef12(null);
@@ -8089,8 +8405,8 @@ function InSceneQuestForm({
     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));
@@ -8136,6 +8452,7 @@ function InSceneQuestForm({
       type: types,
       color: QUEST_STATUS_COLORS2[status],
       status,
+      assignee_id: assigneeId || null,
       size,
       intensity,
       description: description.trim(),
@@ -8207,7 +8524,59 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ React15.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
       s
-    )))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ React15.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, t !== "quest" && /* @__PURE__ */ React15.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })))), /* @__PURE__ */ React15.createElement(
+    )))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ React15.createElement("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, ((_a = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _a.name) || ((_b = viewMembers.find((m) => m.id === assigneeId)) == null ? void 0 : _b.email) || "Nenhum")),
+      /* @__PURE__ */ React15.createElement(FiChevronDown5, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsAssigneeDropdownOpen(false);
+      setAssigneeSearchQuery("");
+    } }), /* @__PURE__ */ React15.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React15.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(FiSearch4, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React15.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: assigneeSearchQuery,
+        onChange: (e) => setAssigneeSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React15.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React15.createElement(
+      "li",
+      {
+        onClick: () => {
+          setAssigneeId("");
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ React15.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setAssigneeId(member.id);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email || member.id
+    )), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React15.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ React15.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, t !== "quest" && /* @__PURE__ */ React15.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })))), /* @__PURE__ */ React15.createElement(
       "input",
       {
         type: "text",
@@ -8314,6 +8683,7 @@ function NodeDetailsPanel({
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
   const [selectedImageUrl, setSelectedImageUrl] = useState17((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState17(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8351,6 +8721,7 @@ function NodeDetailsPanel({
       else if ((node == null ? void 0 : node.useImageAsTexture) === "false") setUseImageAsTexture(false);
       else setUseImageAsTexture(!!(node == null ? void 0 : node.useImageAsTexture));
       setSelectedImageUrl((node == null ? void 0 : node.textureImageUrl) ?? null);
+      setHasUnsavedChanges(false);
     }
   }, [node]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
@@ -8361,15 +8732,22 @@ function NodeDetailsPanel({
     }
   }, [hasImages, useImageAsTexture]);
   useEffect15(() => {
+    const validExistingTypes = existingTypes.filter((t) => t && typeof t === "string" && t.trim() !== "");
     if (typeInput.trim() === "") {
-      setFilteredTypes(existingTypes.filter((t) => !types.includes(t)));
+      setFilteredTypes(validExistingTypes.filter((t) => !types.includes(t)));
     } else {
-      const lowercasedInput = typeInput.toLowerCase();
-      setFilteredTypes(
-        existingTypes.filter(
-          (t) => t.toLowerCase().includes(lowercasedInput) && !types.includes(t)
-        )
-      );
+      console.log("NodeDetailsPanel: Filtrando tipos com input:", typeInput);
+      try {
+        const lowercasedInput = typeInput.toLowerCase();
+        setFilteredTypes(
+          validExistingTypes.filter((t) => {
+            if (!t) return false;
+            return t.toLowerCase().includes(lowercasedInput) && !types.includes(t);
+          })
+        );
+      } catch (err) {
+        console.error("NodeDetailsPanel: Erro ao filtrar tipos:", err, "typeInput:", typeInput);
+      }
     }
   }, [typeInput, existingTypes, types]);
   const handleIntensityChangeLocal = (e) => {
@@ -8377,6 +8755,7 @@ function NodeDetailsPanel({
     setIntensity(val);
     onIntensityChange == null ? void 0 : onIntensityChange(node.id, val);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, intensity: val });
+    setHasUnsavedChanges(true);
   };
   const handleCopyLink = () => {
     if (!(node == null ? void 0 : node.id)) return;
@@ -8394,14 +8773,17 @@ function NodeDetailsPanel({
     const v = e.target.value;
     setName(v);
     onNameChange == null ? void 0 : onNameChange(node.id, v);
+    setHasUnsavedChanges(true);
   };
   const handleColorChange = (val) => {
     setColor(val);
     onColorChange == null ? void 0 : onColorChange(node.id, val);
+    setHasUnsavedChanges(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8409,10 +8791,12 @@ function NodeDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8425,6 +8809,7 @@ function NodeDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8433,19 +8818,21 @@ function NodeDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleToggleImageMode = () => {
-    const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
+    setHasUnsavedChanges(true);
     let activeUrl = null;
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
@@ -8467,6 +8854,7 @@ function NodeDetailsPanel({
   };
   const handleSelectTexture = (url) => {
     setSelectedImageUrl(url);
+    setHasUnsavedChanges(true);
     onImageChange == null ? void 0 : onImageChange(true, url, color);
     onDataUpdate == null ? void 0 : onDataUpdate({
       ...node,
@@ -8477,6 +8865,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8487,6 +8876,10 @@ function NodeDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentIntensity = overrides.intensity !== void 0 ? overrides.intensity : intensity;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentName.trim() || currentTypes.length === 0) {
       alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8511,6 +8904,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8577,7 +8971,7 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React16.createElement(
+    ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React16.createElement(
       "button",
       {
         onClick: handleCopyLink,
@@ -8585,7 +8979,7 @@ function NodeDetailsPanel({
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para este Node"
       },
       isLinkCopied ? /* @__PURE__ */ React16.createElement(FiCheck10, { size: 12 }) : /* @__PURE__ */ React16.createElement(FiLink5, { size: 12 })
-    )), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React16.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React16.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React16.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React16.createElement(
+    )), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React16.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React16.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React16.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -8747,6 +9141,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8760,7 +9155,7 @@ function NodeDetailsPanel({
 
 // src/components/QuestDetailsPanel.jsx
 import React17, { useState as useState18, useEffect as useEffect16, useRef as useRef14 } from "react";
-import { FiPlus as FiPlus7, FiX as FiX6, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink6, FiTarget as FiTarget2, FiChevronDown as FiChevronDown6 } from "react-icons/fi";
+import { FiPlus as FiPlus7, FiX as FiX6, FiCheck as FiCheck11, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4, FiLink as FiLink6, FiTarget as FiTarget2, FiChevronDown as FiChevronDown6, FiUser as FiUser2, FiSearch as FiSearch5 } from "react-icons/fi";
 var QUEST_STATUS_COLORS3 = {
   "Backlog": "#64748b",
   "In Progress": "#eab308",
@@ -8783,7 +9178,8 @@ function QuestDetailsPanel({
   onMentionClick,
   onUploadFile,
   userRole,
-  currentDatasetName
+  currentDatasetName,
+  viewMembers = []
 }) {
   var _a;
   const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
@@ -8795,9 +9191,12 @@ function QuestDetailsPanel({
   const [typeInput, setTypeInput] = useState18("");
   const [status, setStatus] = useState18((node == null ? void 0 : node.status) ?? "Backlog");
   const [size, setSize] = useState18((node == null ? void 0 : node.size) ?? "medium");
+  const [assigneeId, setAssigneeId] = useState18((node == null ? void 0 : node.assignee_id) || "");
   const [description, setDescription] = useState18((node == null ? void 0 : node.description) ?? "");
   const [intensity, setIntensity] = useState18((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState18(false);
+  const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = useState18(false);
+  const [assigneeSearchQuery, setAssigneeSearchQuery] = useState18("");
   const [customProps, setCustomProps] = useState18(() => extractCustomPropsFromNode(node || {}));
   const [showTypeSuggestions, setShowTypeSuggestions] = useState18(false);
   const [filteredTypes, setFilteredTypes] = useState18([]);
@@ -8806,6 +9205,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState18(false);
   const [isLinkCopied, setIsLinkCopied] = useState18(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState18(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8833,22 +9233,34 @@ function QuestDetailsPanel({
       setTypes((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
       setStatus((node == null ? void 0 : node.status) ?? "Backlog");
       setSize((node == null ? void 0 : node.size) ?? "medium");
+      setAssigneeId((node == null ? void 0 : node.assignee_id) || "");
       setDescription((node == null ? void 0 : node.description) ?? "");
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
+      setHasUnsavedChanges(false);
     }
   }, [node]);
   useEffect16(() => {
+    const validExistingTypes = existingTypes.filter((t) => t && typeof t === "string" && t.trim() !== "");
     if (typeInput.trim() === "") {
-      setFilteredTypes(existingTypes.filter((t) => !types.includes(t)));
+      setFilteredTypes(validExistingTypes.filter((t) => !types.includes(t)));
     } else {
-      const lowercasedInput = typeInput.toLowerCase();
-      setFilteredTypes(
-        existingTypes.filter(
-          (t) => t.toLowerCase().includes(lowercasedInput) && !types.includes(t)
-        )
-      );
+      console.log("QuestDetailsPanel: Filtrando tipos com input:", typeInput);
+      try {
+        const lowercasedInput = typeInput.toLowerCase();
+        setFilteredTypes(
+          validExistingTypes.filter((t) => {
+            if (!t) {
+              console.warn("QuestDetailsPanel: Tipo encontrado como undefined/null durante filtragem");
+              return false;
+            }
+            return t.toLowerCase().includes(lowercasedInput) && !types.includes(t);
+          })
+        );
+      } catch (err) {
+        console.error("QuestDetailsPanel: Erro ao filtrar tipos:", err, "typeInput:", typeInput);
+      }
     }
   }, [typeInput, existingTypes, types]);
   const handleCopyLink = () => {
@@ -8868,16 +9280,19 @@ function QuestDetailsPanel({
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
     onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
+    setHasUnsavedChanges(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges(true);
   };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
     onColorChange == null ? void 0 : onColorChange(node.id, newColor);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+    setHasUnsavedChanges(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8885,11 +9300,13 @@ function QuestDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     if (types[indexToRemove] === "quest") return;
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8902,6 +9319,7 @@ function QuestDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a2;
       (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8910,18 +9328,21 @@ function QuestDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8929,10 +9350,15 @@ function QuestDetailsPanel({
     const currentRawTitle = overrides.rawTitle !== void 0 ? overrides.rawTitle : rawTitle;
     const currentStandardName = questPrefix ? `${questPrefix} - \xBB ${currentRawTitle || "Sem t\xEDtulo"}` : currentRawTitle;
     const currentTypes = overrides.types !== void 0 ? overrides.types : types;
+    const currentAssigneeId = overrides.assigneeId !== void 0 ? overrides.assigneeId : assigneeId;
     const currentDescription = overrides.description !== void 0 ? overrides.description : description;
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentRawTitle.trim() || currentTypes.length === 0) {
       alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8950,6 +9376,7 @@ function QuestDetailsPanel({
         type: currentTypes,
         color: QUEST_STATUS_COLORS3[currentStatus],
         status: currentStatus,
+        assignee_id: currentAssigneeId || null,
         size,
         description: currentDescription,
         description_sections: processedSections,
@@ -8962,6 +9389,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8981,6 +9409,8 @@ function QuestDetailsPanel({
     onClose();
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
+  const assigneeMember = viewMembers.find((m) => m.id === assigneeId);
+  const isAssigneeUndefined = assigneeId && !assigneeMember;
   return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
     "div",
     {
@@ -9019,7 +9449,7 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React17.createElement(
+    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React17.createElement(
       "input",
       {
         type: "text",
@@ -9050,7 +9480,71 @@ function QuestDetailsPanel({
       },
       /* @__PURE__ */ React17.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS3[s] } }),
       s
-    )))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React17.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })))), canEdit && /* @__PURE__ */ React17.createElement(
+    )))))), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), canEdit ? /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsAssigneeDropdownOpen(!isAssigneeDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(FiUser2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React17.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
+      /* @__PURE__ */ React17.createElement(FiChevronDown6, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsAssigneeDropdownOpen(false);
+      setAssigneeSearchQuery("");
+    } }), /* @__PURE__ */ React17.createElement("div", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-900 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden flex flex-col" }, /* @__PURE__ */ React17.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(FiSearch5, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ React17.createElement(
+      "input",
+      {
+        type: "text",
+        autoFocus: true,
+        placeholder: "Buscar membro...",
+        value: assigneeSearchQuery,
+        onChange: (e) => setAssigneeSearchQuery(e.target.value),
+        className: "bg-transparent border-none outline-none text-xs text-white placeholder-slate-500 w-full",
+        onClick: (e) => e.stopPropagation()
+      }
+    )), /* @__PURE__ */ React17.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ React17.createElement(
+      "li",
+      {
+        onClick: () => {
+          setAssigneeId("");
+          setHasUnsavedChanges(true);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${!assigneeId ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      "Nenhum"
+    ), isAssigneeUndefined && /* @__PURE__ */ React17.createElement(
+      "li",
+      {
+        onClick: () => {
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: "px-3 py-2.5 text-sm cursor-pointer bg-red-500/10 text-red-300 flex items-center gap-2"
+      },
+      "Undefined (Removido)"
+    ), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).map((member) => /* @__PURE__ */ React17.createElement(
+      "li",
+      {
+        key: member.id,
+        onClick: () => {
+          setAssigneeId(member.id);
+          setHasUnsavedChanges(true);
+          setIsAssigneeDropdownOpen(false);
+          setAssigneeSearchQuery("");
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${assigneeId === member.id ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      member.name || member.email || member.id
+    )), viewMembers.filter((member) => {
+      const search = assigneeSearchQuery.toLowerCase();
+      return (member.name || "").toLowerCase().includes(search) || (member.email || "").toLowerCase().includes(search);
+    }).length === 0 && assigneeSearchQuery && /* @__PURE__ */ React17.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado"))))) : /* @__PURE__ */ React17.createElement("div", { className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 text-slate-400 flex items-center gap-2" }, /* @__PURE__ */ React17.createElement(FiUser2, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React17.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React17.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ React17.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React17.createElement(FiX6, { size: 12 })))), canEdit && /* @__PURE__ */ React17.createElement(
       "input",
       {
         type: "text",
@@ -9193,9 +9687,12 @@ function RelationshipDetailsPanel({
   const [description, setDescription] = useState20((link == null ? void 0 : link.description) ?? "");
   const [customProps, setCustomProps] = useState20(() => extractCustomPropsFromNode(link || {}));
   const [existingSections, setExistingSections] = useState20((link == null ? void 0 : link.description_sections) || []);
+  const [sourceLabel, setSourceLabel] = useState20((link == null ? void 0 : link.source_label) ?? "");
+  const [targetLabel, setTargetLabel] = useState20((link == null ? void 0 : link.target_label) ?? "");
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState20(false);
   const [isSaving, setIsSaving] = useState20(false);
   const [isReadMode, setIsReadMode] = useState20(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState20(false);
   const propsEndRef = useRef16(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
@@ -9206,12 +9703,16 @@ function RelationshipDetailsPanel({
     setDescription((link == null ? void 0 : link.description) ?? "");
     setExistingSections((link == null ? void 0 : link.description_sections) || []);
     setCustomProps(extractCustomPropsFromNode(link || {}));
+    setSourceLabel((link == null ? void 0 : link.source_label) ?? "");
+    setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
+    setHasUnsavedChanges(false);
   }, [link]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -9223,6 +9724,12 @@ function RelationshipDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentName = overrides.name !== void 0 ? overrides.name : name;
+    const currentSourceLabel = overrides.sourceLabel !== void 0 ? overrides.sourceLabel : sourceLabel;
+    const currentTargetLabel = overrides.targetLabel !== void 0 ? overrides.targetLabel : targetLabel;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     setIsSaving(true);
     try {
       const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
@@ -9238,8 +9745,11 @@ function RelationshipDetailsPanel({
         isCurved: link.isCurved,
         curveOffset: link.curveOffset
       };
+      if (currentSourceLabel.trim()) dataToSave.source_label = currentSourceLabel.trim();
+      if (currentTargetLabel.trim()) dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9253,18 +9763,21 @@ function RelationshipDetailsPanel({
   const handleSaveDescriptionInline = (newDescription) => {
     if (!canEdit) return;
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate((prev) => ({ ...prev, description: newDescription }));
     triggerAutoSave({ description: newDescription });
   };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
@@ -9312,19 +9825,52 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React19.createElement(
+    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
         value: name,
-        onChange: (e) => setName(e.target.value),
+        onChange: (e) => {
+          setName(e.target.value);
+          setHasUnsavedChanges(true);
+        },
         placeholder: "Ex: Controla, Pertence a, Fornece...",
         disabled: !canEdit,
         className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React19.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React19.createElement("div", { className: "rounded-xl border border-white/8 bg-slate-800/30 p-3 space-y-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400 flex-shrink-0" }, /* @__PURE__ */ React19.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React19.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-medium text-violet-300/80 uppercase tracking-wider" }, "Labels de Agrupamento")), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-slate-400 leading-relaxed" }, "Labels agrupam conex\xF5es no menu de Conex\xF5es. Cada lado da conex\xE3o pode ter sua pr\xF3pria label."), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Source"), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        value: sourceLabel,
+        onChange: (e) => {
+          setSourceLabel(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        placeholder: "Ex: Conceitos",
+        disabled: !canEdit,
+        className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
+                                                ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
+                                            `
+      }
+    )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Target"), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        value: targetLabel,
+        onChange: (e) => {
+          setTargetLabel(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        placeholder: "Ex: Refer\xEAncias",
+        disabled: !canEdit,
+        className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
+                                                ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
+                                            `
+      }
+    )))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React19.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React19.createElement(
       DescriptionDisplay,
       {
         description,
@@ -9394,6 +9940,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -9841,7 +10388,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React23.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React23.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React23.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React23.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React23.createElement(
+      ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React23.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React23.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React23.createElement("button", { onClick: onClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React23.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React23.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
@@ -9875,7 +10422,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 // src/components/AncestryBoard.jsx
 import React24, { useState as useState24, useMemo as useMemo11, useEffect as useEffect21, useRef as useRef18 } from "react";
 import {
-  FiSearch as FiSearch4,
+  FiSearch as FiSearch6,
   FiLayers as FiLayers6,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
@@ -10000,7 +10547,7 @@ var GroupItem = ({
                                 `,
         title: "Adicionar Ancestralidade a este grupo"
       },
-      isPickingForThisGroup ? /* @__PURE__ */ React24.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React24.createElement(FiSearch4, { size: 12 }),
+      isPickingForThisGroup ? /* @__PURE__ */ React24.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React24.createElement(FiSearch6, { size: 12 }),
       isPickingForThisGroup ? "Selecionando..." : "Adicionar"
     ), /* @__PURE__ */ React24.createElement(
       "button",
@@ -10335,7 +10882,7 @@ function AncestryBoard({
                     `
         },
         /* @__PURE__ */ React24.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React24.createElement("div", { className: "relative group" }, /* @__PURE__ */ React24.createElement(
-          FiSearch4,
+          FiSearch6,
           {
             className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}`
           }
@@ -10493,7 +11040,8 @@ function XViewScene({
   save_ancestry_board_action,
   upload_file_action,
   delete_file_action,
-  check_user_permission
+  check_user_permission,
+  get_view_members
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { data: session, status } = useSession();
@@ -10526,6 +11074,13 @@ function XViewScene({
         } else {
           setPermissionStatus("denied");
           setIsLoading(false);
+          return;
+        }
+        if (get_view_members) {
+          const membersRes = await get_view_members(owner_id, type, id);
+          if (membersRes.success && membersRes.members) {
+            setViewMembers(membersRes.members);
+          }
         }
       } catch (error) {
         console.error("Erro ao verificar permiss\xE3o:", error);
@@ -10566,6 +11121,7 @@ function XViewScene({
   const [isLoading, setIsLoading] = useState25(true);
   const [permissionStatus, setPermissionStatus] = useState25("loading");
   const [userPermissionRole, setUserPermissionRole] = useState25(null);
+  const [viewMembers, setViewMembers] = useState25([]);
   const [isInitialized, setIsInitialized] = useState25(false);
   const [sceneVersion, setSceneVersion] = useState25(0);
   const [contextMenu, setContextMenu] = useState25({
@@ -10634,6 +11190,7 @@ function XViewScene({
   });
   const [isImportModalOpen, setIsImportModalOpen] = useState25(false);
   const [importSuccessMessage, setImportSuccessMessage] = useState25("");
+  const [invalidTargetError, setInvalidTargetError] = useState25(null);
   const [highlightedNodeId, setHighlightedNodeId] = useState25(null);
   const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState25(false);
   const [ancestryBoardData, setAncestryBoardData] = useState25([]);
@@ -12482,6 +13039,19 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
+  const handleStartQuestQuick = useCallback4((questNode) => {
+    var _a2;
+    if (!questNode || !actionHandlerContext) return;
+    const updatedNode = {
+      ...questNode,
+      status: "In Progress",
+      color: "#eab308",
+      assignee_id: (_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.id
+    };
+    if (userActionHandlers.handleSaveNodeDetails) {
+      userActionHandlers.handleSaveNodeDetails(actionHandlerContext, updatedNode);
+    }
+  }, [session, actionHandlerContext]);
   const handleCancelQuest = useCallback4(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
@@ -14166,7 +14736,13 @@ function XViewScene({
     if (!parentDataRef.current) {
       return [];
     }
-    return Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes).filter((node) => {
+    return Object.entries(parentDataRef.current).flatMap(([dbId, fileData]) => {
+      const datasetName = fileData.dataset_name || `Dataset #${dbId.substring(0, 6)}`;
+      return (fileData.nodes || []).map((node) => ({
+        ...node,
+        dataset_name: datasetName
+      }));
+    }).filter((node) => {
       var _a2;
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
@@ -14310,6 +14886,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
   }, [
@@ -14332,6 +14911,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
   }, [
@@ -14625,7 +15207,8 @@ function XViewScene({
         availableNodes: allAvailableNodes,
         availableAncestries: allAvailableAncestries,
         viewName: viewParams == null ? void 0 : viewParams.name,
-        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1
+        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1,
+        viewMembers
       }
     ),
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React25.createElement(
@@ -14755,7 +15338,8 @@ function XViewScene({
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
         userRole: userPermissionRole,
-        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName,
+        viewMembers
       }
     ),
     detailsNode && !detailsNode.is_quest && /* @__PURE__ */ React25.createElement(
@@ -14868,7 +15452,10 @@ function XViewScene({
         onRenderAncestry: handleStartReadingAncestry,
         onEditAncestry: handleEditAncestry,
         onDeleteAncestry: (ancestryId) => handleDeleteAncestry(ancestryId),
-        onFocusNode: handleFocusNode
+        onFocusNode: handleFocusNode,
+        viewMembers,
+        currentUser: session == null ? void 0 : session.user,
+        onStartQuest: handleStartQuestQuick
       }
     ),
     /* @__PURE__ */ React25.createElement(
@@ -14941,6 +15528,83 @@ function XViewScene({
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
+    ),
+    invalidTargetError && /* @__PURE__ */ React25.createElement(
+      "div",
+      {
+        className: "ui-overlay",
+        style: {
+          position: "fixed",
+          top: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 1e4,
+          padding: "16px 24px",
+          background: "rgba(30, 20, 20, 0.85)",
+          backdropFilter: "blur(12px)",
+          WebkitBackdropFilter: "blur(12px)",
+          border: "1px solid rgba(255, 70, 70, 0.35)",
+          borderRadius: "16px",
+          boxShadow: "0 12px 40px rgba(0,0,0,0.5), 0 0 30px rgba(255, 50, 50, 0.1)",
+          color: "#ffa0a0",
+          display: "flex",
+          alignItems: "center",
+          gap: "16px",
+          fontFamily: "Inter, sans-serif",
+          animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
+        }
+      },
+      /* @__PURE__ */ React25.createElement("style", null, `
+            @keyframes fadeInDown {
+              from { opacity: 0; transform: translate(-50%, -20px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+          `),
+      /* @__PURE__ */ React25.createElement(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React25.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ),
+      /* @__PURE__ */ React25.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React25.createElement(
+        "button",
+        {
+          onClick: () => setInvalidTargetError(null),
+          style: {
+            background: "rgba(255, 255, 255, 0.1)",
+            border: "none",
+            color: "white",
+            padding: "4px 10px",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontSize: "12px",
+            fontWeight: 600,
+            transition: "all 0.2s",
+            marginLeft: "8px",
+            border: "1px solid rgba(255,255,255,0.1)"
+          },
+          onMouseOver: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
+            e.currentTarget.style.transform = "translateY(-1px)";
+          },
+          onMouseOut: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            e.currentTarget.style.transform = "translateY(0)";
+          }
+        },
+        "Fechar"
+      )
     )
   );
 }
@@ -15367,6 +16031,17 @@ async function delete_uploaded_file_logic(db_services, fileUrl) {
     return { success: false, error: error.message };
   }
 }
+async function get_view_members_logic(db_services, ownerId, type, itemId) {
+  try {
+    if (!db_services.get_view_members) {
+      return { success: false, error: "Servi\xE7o de busca de membros n\xE3o configurado." };
+    }
+    return await db_services.get_view_members(ownerId, type, itemId);
+  } catch (error) {
+    console.error("Erro em get_view_members_logic:", error);
+    return { success: false, error: error.message };
+  }
+}
 export {
   XViewScene,
   delete_uploaded_file_logic,
@@ -15374,6 +16049,7 @@ export {
   get_ancestry_file_logic,
   get_scene_view_data_logic,
   get_single_parent_file_logic,
+  get_view_members_logic,
   import_parent_file_modal_get_logic,
   save_ancestry_board_logic,
   save_view_data_logic,