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

package/dist/index.js

@@ -35,6 +35,7 @@ __export(index_exports, {
   get_ancestry_file_logic: () => get_ancestry_file_logic,
   get_scene_view_data_logic: () => get_scene_view_data_logic,
   get_single_parent_file_logic: () => get_single_parent_file_logic,
+  get_view_members_logic: () => get_view_members_logic,
   import_parent_file_modal_get_logic: () => import_parent_file_modal_get_logic,
   save_ancestry_board_logic: () => save_ancestry_board_logic,
   save_view_data_logic: () => save_view_data_logic,
@@ -141,7 +142,10 @@ function ContextMenu({
   onEditAncestry,
   onDeleteAncestry,
   onFocusNode,
-  onClose
+  onClose,
+  viewMembers,
+  currentUser,
+  onStartQuest
 }) {
   var _a, _b, _c;
   const menuRef = (0, import_react.useRef)(null);
@@ -149,6 +153,7 @@ function ContextMenu({
   const [menuView, setMenuView] = (0, import_react.useState)("main");
   const [selectedAncestry, setSelectedAncestry] = (0, import_react.useState)(null);
   const [versionSubMenu, setVersionSubMenu] = (0, import_react.useState)(null);
+  const [labelSubMenu, setLabelSubMenu] = (0, import_react.useState)(null);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react.useState)(false);
   const [selectedQuestStatus, setSelectedQuestStatus] = (0, import_react.useState)(null);
   const ability = (0, import_react.useMemo)(() => defineAbilityFor(userRole), [userRole]);
@@ -157,6 +162,7 @@ function ContextMenu({
       setMenuView("main");
       setSelectedAncestry(null);
       setVersionSubMenu(null);
+      setLabelSubMenu(null);
       setSelectedQuestStatus(null);
     }
   }, [data.visible, (_a = data.nodeData) == null ? void 0 : _a.id]);
@@ -172,7 +178,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]);
   (0, import_react.useEffect)(() => {
     if (!data.visible) return;
     const handleClickOutside = (e) => {
@@ -224,7 +230,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;
@@ -326,12 +346,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__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_a2 = data.nodeData) == null ? void 0 : _a2.is_quest) && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ import_react.default.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, canStartQuest && /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("span", null, "\u{1F680}"),
+      /* @__PURE__ */ import_react.default.createElement("span", null, "Iniciar Quest")
+    ), ability.can("create", "Connection") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_c2 = data.nodeData) == null ? void 0 : _c2.is_quest) && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ import_react.default.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => {
       onFocusNode == null ? void 0 : onFocusNode(data.nodeData);
       onClose();
     }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ import_react.default.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dismiss")), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("deleteConfirmation"), className: deleteButtonClass, title: "Excluir Node" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Excluir Node"))));
@@ -352,11 +385,32 @@ function ContextMenu({
       /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
     ))));
   };
+  const renderLabelSubMenuView = () => {
+    const group = labelSubMenu;
+    const isScrollable = group.connections.length > 10;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-violet-300/80 truncate", title: group.label }, group.label))), group.connections.length > 0 && /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", { className: `flex flex-col gap-1 ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, group.connections.map((conn) => /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        key: conn.targetNode.id,
+        onClick: () => handleExpandAndClose([conn.link]),
+        className: baseButtonClass,
+        title: `Expandir conex\xE3o com ${conn.targetNode.name}`
+      },
+      /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), /* @__PURE__ */ import_react.default.createElement("polyline", { points: "12 5 19 12 12 19" })),
+      /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("main"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Conex\xF5es")), commonConnections.length > 0 && /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", { className: `flex flex-col ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col gap-1 ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "px-2 py-1 text-[11px] uppercase tracking-wider text-indigo-400/90" }, "Ancestralidades Salvas"), availableAncestries.map((anc) => /* @__PURE__ */ import_react.default.createElement(
       "button",
@@ -368,7 +422,20 @@ function ContextMenu({
       },
       /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M6 3v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 3v4a2 2 0 0 1-2 2h-4" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "3", r: "2" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "3", r: "2" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "11", r: "2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 13v6" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "21", r: "2" })),
       /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, anc.name || `Ancestralidade #${anc.ancestry_id.substring(0, 8)}`)
-    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, availableAncestries.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
+    ))), labelGroupEntries.length > 0 && /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), labelGroupEntries.map(([label, conns]) => /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        key: label,
+        onClick: () => {
+          setLabelSubMenu({ label, connections: conns });
+        },
+        className: baseButtonClass,
+        title: `Ver grupo: ${label}`
+      },
+      /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, label),
+      /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, (availableAncestries.length > 0 || labelGroupEntries.length > 0) && /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
       if (group.isVersionGroup) {
         return /* @__PURE__ */ import_react.default.createElement(
           "button",
@@ -552,15 +619,18 @@ function XViewSidebar({
   const [isFilterMenuOpen, setIsFilterMenuOpen] = (0, import_react2.useState)(false);
   const [filterCategory, setFilterCategory] = (0, import_react2.useState)("Type");
   const [filterValue, setFilterValue] = (0, import_react2.useState)("");
+  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = (0, import_react2.useState)(false);
+  const [highlightedTypeIndex, setHighlightedTypeIndex] = (0, import_react2.useState)(-1);
   const containerRef = (0, import_react2.useRef)(null);
   const inputRef = (0, import_react2.useRef)(null);
   const filterMenuRef = (0, import_react2.useRef)(null);
+  const typeDropdownRef = (0, import_react2.useRef)(null);
   const ability = (0, import_react2.useMemo)(() => {
     return defineAbilityFor(userRole);
   }, [userRole]);
   const contextLabel = (0, import_react2.useMemo)(() => {
     if (!viewType || !viewName) return null;
-    const typeLower = viewType.toLowerCase();
+    const typeLower = String(viewType).toLowerCase();
     if (typeLower === "database") {
       return `Dataset: ${viewName}`;
     } else if (typeLower === "view") {
@@ -570,7 +640,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 = (0, import_react2.useMemo)(
     () => new Intl.Collator("pt-BR", { sensitivity: "base", numeric: true }),
     []
@@ -579,13 +654,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 = (0, import_react2.useMemo)(() => {
+    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 = (0, import_react2.useMemo)(() => {
+    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 = (0, import_react2.useMemo)(() => {
     const base = Array.isArray(dbNodes) ? dbNodes : [];
     let pool = base;
@@ -605,6 +697,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;
         });
@@ -620,18 +714,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]);
   (0, import_react2.useEffect)(() => {
     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]);
   (0, import_react2.useEffect)(() => {
     if (!query) setSelectedNodeId(null);
   }, [query]);
@@ -685,6 +782,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__ */ import_react2.default.createElement(
     "button",
     {
@@ -704,7 +830,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,
@@ -713,7 +839,7 @@ function XViewSidebar({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ import_react2.default.createElement(
+    /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         className: "ml-auto p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
@@ -770,7 +896,7 @@ function XViewSidebar({
           autoComplete: "off"
         }
       )
-    ), showList && /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.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;
@@ -804,7 +930,7 @@ function XViewSidebar({
       },
       /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })),
       "Filters"
-    ), isFilterMenuOpen && /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color"].map((opt) => /* @__PURE__ */ import_react2.default.createElement(
+    ), isFilterMenuOpen && /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color", "Dataset"].map((opt) => /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         key: opt,
@@ -815,18 +941,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__ */ import_react2.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Valor"), filterCategory === "Type" ? /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react2.default.createElement(
+    )))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Valor"), filterCategory === "Type" || filterCategory === "Dataset" ? /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative", ref: typeDropdownRef }, /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("datalist", { id: "typeOptions" }, availableTypes.map((t) => /* @__PURE__ */ import_react2.default.createElement("option", { key: t, value: t })))) : /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ import_react2.default.createElement(
+    ), isTypeDropdownOpen && filteredAutocompleteOptions.length > 0 && /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ import_react2.default.createElement(
       "div",
       {
         className: "absolute left-2 w-3 h-3 rounded-full border border-white/20 shadow-sm",
@@ -2814,18 +2958,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,
@@ -2839,21 +2992,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 ");
@@ -2861,7 +3027,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";
@@ -2876,7 +3049,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; 
@@ -2914,7 +3091,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;
@@ -2996,7 +3177,8 @@ var IGNORED_KEYS = [
   "isAddingAbstractionNodes",
   "status",
   "is_quest",
-  "raw_title"
+  "raw_title",
+  "assignee_id"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -3006,16 +3188,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) => ({
@@ -3025,7 +3231,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) {
@@ -3040,7 +3251,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 {
@@ -3076,10 +3292,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;
 }
@@ -3095,7 +3321,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)");
@@ -3111,8 +3344,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";
@@ -3145,7 +3389,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;
@@ -3155,20 +3409,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) {
@@ -3192,9 +3461,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`;
@@ -3228,7 +3499,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 {
@@ -3319,28 +3592,34 @@ var extractFileUrlsFromProperties = (dataObject) => {
 function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
   const [width, setWidth] = (0, import_react3.useState)(initialWidth);
   const [isResizing, setIsResizing] = (0, import_react3.useState)(false);
-  const handlePointerDown = (0, import_react3.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 = (0, import_react3.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 };
 }
 
@@ -3477,9 +3756,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 = () => {
@@ -3533,14 +3812,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 });
@@ -4388,7 +4667,7 @@ ${space}${bullet} `);
       }
     ),
     /* @__PURE__ */ import_react6.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
-    /* @__PURE__ */ import_react6.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ import_react6.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shrink-0" }), /* @__PURE__ */ import_react6.default.createElement("p", { className: "text-sm font-medium text-slate-200 truncate" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ import_react6.default.createElement(
       "button",
       {
@@ -5503,7 +5782,7 @@ function AncestryRelationshipPanel({
           onImageClick: handleImageClickFromText,
           onSaveDescription: handleSaveDescriptionInline
         }
-      ) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ import_react9.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ import_react9.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react9.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement(
+      ) : /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ import_react9.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ import_react9.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react9.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ import_react9.default.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__ */ import_react9.default.createElement(
         DescriptionDisplay,
         {
           description,
@@ -5808,6 +6087,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = (0, import_react11.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react11.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react11.useState)(false);
   const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = (0, import_react11.useState)(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
@@ -5875,12 +6155,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 = (0, import_react11.useCallback)((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
@@ -5898,6 +6180,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 };
     });
@@ -5956,6 +6239,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.");
       }
@@ -6028,6 +6312,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" });
@@ -6036,11 +6321,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));
   (0, import_react11.useEffect)(() => {
@@ -6150,6 +6437,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6163,6 +6451,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",
@@ -6205,6 +6494,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6226,6 +6516,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6258,6 +6549,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6279,6 +6571,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6540,6 +6833,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6601,7 +6895,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6623,6 +6916,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6673,6 +6967,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;
@@ -6680,11 +6978,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
@@ -6726,6 +7020,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);
@@ -6777,6 +7072,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6799,6 +7095,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6821,6 +7118,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -6950,7 +7248,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"
       }
@@ -7438,7 +7740,7 @@ function ColorPicker({ color, onChange, disabled }) {
       style: { backgroundColor: preset },
       title: preset
     },
-    color.toLowerCase() === preset.toLowerCase() && /* @__PURE__ */ import_react13.default.createElement(import_fi11.FiCheck, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
+    (color || "").toLowerCase() === (preset || "").toLowerCase() && /* @__PURE__ */ import_react13.default.createElement(import_fi11.FiCheck, { className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`, size: 12 })
   )))), /* @__PURE__ */ import_react13.default.createElement("style", null, `
         .custom-react-colorful .react-colorful {
           width: 100%;
@@ -7530,13 +7832,23 @@ function InSceneCreationForm({
   }, [hasImages, useImageAsTexture, onImageChange]);
   (0, import_react14.useEffect)(() => {
     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];
@@ -7599,9 +7911,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;
@@ -7899,9 +8211,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;
@@ -8077,10 +8389,13 @@ function InSceneQuestForm({
   onSizeChange,
   viewName = "Projeto",
   // NOVA PROP
-  questCounter = 1
+  questCounter = 1,
   // NOVA PROP
+  viewMembers = []
 }) {
+  var _a, _b;
   const [name, setName] = (0, import_react16.useState)("");
+  const [assigneeId, setAssigneeId] = (0, import_react16.useState)("");
   const [types, setTypes] = (0, import_react16.useState)(["quest"]);
   const [typeInput, setTypeInput] = (0, import_react16.useState)("");
   const [status, setStatus] = (0, import_react16.useState)("Backlog");
@@ -8088,6 +8403,8 @@ function InSceneQuestForm({
   const [intensity, setIntensity] = (0, import_react16.useState)(0);
   const [description, setDescription] = (0, import_react16.useState)("");
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react16.useState)(false);
+  const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react16.useState)(false);
+  const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react16.useState)("");
   const [customProps, setCustomProps] = (0, import_react16.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react16.useState)(false);
   const propsEndRef = (0, import_react16.useRef)(null);
@@ -8096,8 +8413,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));
@@ -8143,6 +8460,7 @@ function InSceneQuestForm({
       type: types,
       color: QUEST_STATUS_COLORS2[status],
       status,
+      assignee_id: assigneeId || null,
       size,
       intensity,
       description: description.trim(),
@@ -8214,7 +8532,59 @@ function InSceneQuestForm({
       },
       /* @__PURE__ */ import_react16.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
       s
-    )))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.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__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
+    )))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement(import_fi14.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsAssigneeDropdownOpen(false);
+      setAssigneeSearchQuery("");
+    } }), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiSearch, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.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__ */ import_react16.default.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado")))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.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__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
       "input",
       {
         type: "text",
@@ -8321,6 +8691,7 @@ function NodeDetailsPanel({
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react17.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react17.useState)(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8358,6 +8729,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));
@@ -8368,15 +8740,22 @@ function NodeDetailsPanel({
     }
   }, [hasImages, useImageAsTexture]);
   (0, import_react17.useEffect)(() => {
+    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) => {
@@ -8384,6 +8763,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;
@@ -8401,14 +8781,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();
@@ -8416,10 +8799,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") {
@@ -8432,6 +8817,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" });
@@ -8440,19 +8826,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");
@@ -8474,6 +8862,7 @@ function NodeDetailsPanel({
   };
   const handleSelectTexture = (url) => {
     setSelectedImageUrl(url);
+    setHasUnsavedChanges(true);
     onImageChange == null ? void 0 : onImageChange(true, url, color);
     onDataUpdate == null ? void 0 : onDataUpdate({
       ...node,
@@ -8484,6 +8873,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8494,6 +8884,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;
@@ -8518,6 +8912,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8584,7 +8979,7 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ import_react17.default.createElement(
+    ) : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
         onClick: handleCopyLink,
@@ -8592,7 +8987,7 @@ function NodeDetailsPanel({
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para este Node"
       },
       isLinkCopied ? /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiLink, { size: 12 })
-    )), /* @__PURE__ */ import_react17.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.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__ */ import_react17.default.createElement(
+    )), /* @__PURE__ */ import_react17.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ import_react17.default.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__ */ import_react17.default.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__ */ import_react17.default.createElement(
       "button",
       {
         type: "button",
@@ -8754,6 +9149,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8790,7 +9186,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) || "";
@@ -8802,9 +9199,12 @@ function QuestDetailsPanel({
   const [typeInput, setTypeInput] = (0, import_react18.useState)("");
   const [status, setStatus] = (0, import_react18.useState)((node == null ? void 0 : node.status) ?? "Backlog");
   const [size, setSize] = (0, import_react18.useState)((node == null ? void 0 : node.size) ?? "medium");
+  const [assigneeId, setAssigneeId] = (0, import_react18.useState)((node == null ? void 0 : node.assignee_id) || "");
   const [description, setDescription] = (0, import_react18.useState)((node == null ? void 0 : node.description) ?? "");
   const [intensity, setIntensity] = (0, import_react18.useState)((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
   const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react18.useState)(false);
+  const [isAssigneeDropdownOpen, setIsAssigneeDropdownOpen] = (0, import_react18.useState)(false);
+  const [assigneeSearchQuery, setAssigneeSearchQuery] = (0, import_react18.useState)("");
   const [customProps, setCustomProps] = (0, import_react18.useState)(() => extractCustomPropsFromNode(node || {}));
   const [showTypeSuggestions, setShowTypeSuggestions] = (0, import_react18.useState)(false);
   const [filteredTypes, setFilteredTypes] = (0, import_react18.useState)([]);
@@ -8813,6 +9213,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = (0, import_react18.useState)((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react18.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react18.useState)(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8840,22 +9241,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]);
   (0, import_react18.useEffect)(() => {
+    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 = () => {
@@ -8875,16 +9288,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();
@@ -8892,11 +9308,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") {
@@ -8909,6 +9327,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" });
@@ -8917,18 +9336,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 });
   };
@@ -8936,10 +9358,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;
@@ -8957,6 +9384,7 @@ function QuestDetailsPanel({
         type: currentTypes,
         color: QUEST_STATUS_COLORS3[currentStatus],
         status: currentStatus,
+        assignee_id: currentAssigneeId || null,
         size,
         description: currentDescription,
         description_sections: processedSections,
@@ -8969,6 +9397,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8988,6 +9417,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__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
@@ -9026,7 +9457,7 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLink, { size: 12 }))), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react18.default.createElement(
+    ) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLink, { size: 12 }))), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react18.default.createElement(
       "input",
       {
         type: "text",
@@ -9057,7 +9488,71 @@ function QuestDetailsPanel({
       },
       /* @__PURE__ */ import_react18.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS3[s] } }),
       s
-    )))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiX, { size: 12 })))), canEdit && /* @__PURE__ */ import_react18.default.createElement(
+    )))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Assignee (Respons\xE1vel)"), canEdit ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiUser, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-slate-200 font-medium" }, isAssigneeUndefined ? "Undefined" : (assigneeMember == null ? void 0 : assigneeMember.name) || (assigneeMember == null ? void 0 : assigneeMember.email) || "Nenhum")),
+      /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isAssigneeDropdownOpen ? "rotate-180" : ""}` })
+    ), isAssigneeDropdownOpen && /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => {
+      setIsAssigneeDropdownOpen(false);
+      setAssigneeSearchQuery("");
+    } }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "p-2 border-b border-white/5 bg-white/5 flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiSearch, { className: "text-slate-500", size: 14 }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("ul", { className: "max-h-48 overflow-y-auto custom-scrollbar" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement("li", { className: "px-3 py-4 text-xs text-slate-500 text-center italic" }, "Nenhum membro encontrado"))))) : /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(import_fi16.FiUser, { className: "opacity-50", size: 14 }), assigneeId ? assigneeMember ? assigneeMember.name || assigneeMember.email : "Undefined" : "Nenhum")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiX, { size: 12 })))), canEdit && /* @__PURE__ */ import_react18.default.createElement(
       "input",
       {
         type: "text",
@@ -9200,9 +9695,12 @@ function RelationshipDetailsPanel({
   const [description, setDescription] = (0, import_react20.useState)((link == null ? void 0 : link.description) ?? "");
   const [customProps, setCustomProps] = (0, import_react20.useState)(() => extractCustomPropsFromNode(link || {}));
   const [existingSections, setExistingSections] = (0, import_react20.useState)((link == null ? void 0 : link.description_sections) || []);
+  const [sourceLabel, setSourceLabel] = (0, import_react20.useState)((link == null ? void 0 : link.source_label) ?? "");
+  const [targetLabel, setTargetLabel] = (0, import_react20.useState)((link == null ? void 0 : link.target_label) ?? "");
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react20.useState)(false);
   const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
   const [isReadMode, setIsReadMode] = (0, import_react20.useState)(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react20.useState)(false);
   const propsEndRef = (0, import_react20.useRef)(null);
   const canEdit = (0, import_react20.useMemo)(() => {
     const ability = defineAbilityFor(userRole);
@@ -9213,12 +9711,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" });
@@ -9230,6 +9732,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));
@@ -9245,8 +9753,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();
       }
@@ -9260,18 +9771,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 });
     }
@@ -9319,19 +9833,52 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ import_react20.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react20.default.createElement(
+    ) : /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ import_react20.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(
+    )), /* @__PURE__ */ import_react20.default.createElement("div", { className: "rounded-xl border border-white/8 bg-slate-800/30 p-3 space-y-3" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.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__ */ import_react20.default.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-xs font-medium text-violet-300/80 uppercase tracking-wider" }, "Labels de Agrupamento")), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Source"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Target"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(
       DescriptionDisplay,
       {
         description,
@@ -9401,6 +9948,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -9848,7 +10396,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react24.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react24.default.createElement(
+      ) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react24.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react24.default.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
@@ -10487,7 +11035,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 } = (0, import_react27.useSession)();
@@ -10520,6 +11069,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);
@@ -10560,6 +11116,7 @@ function XViewScene({
   const [isLoading, setIsLoading] = (0, import_react26.useState)(true);
   const [permissionStatus, setPermissionStatus] = (0, import_react26.useState)("loading");
   const [userPermissionRole, setUserPermissionRole] = (0, import_react26.useState)(null);
+  const [viewMembers, setViewMembers] = (0, import_react26.useState)([]);
   const [isInitialized, setIsInitialized] = (0, import_react26.useState)(false);
   const [sceneVersion, setSceneVersion] = (0, import_react26.useState)(0);
   const [contextMenu, setContextMenu] = (0, import_react26.useState)({
@@ -10628,6 +11185,7 @@ function XViewScene({
   });
   const [isImportModalOpen, setIsImportModalOpen] = (0, import_react26.useState)(false);
   const [importSuccessMessage, setImportSuccessMessage] = (0, import_react26.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react26.useState)(null);
   const [highlightedNodeId, setHighlightedNodeId] = (0, import_react26.useState)(null);
   const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react26.useState)(false);
   const [ancestryBoardData, setAncestryBoardData] = (0, import_react26.useState)([]);
@@ -12476,6 +13034,19 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
+  const handleStartQuestQuick = (0, import_react26.useCallback)((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 = (0, import_react26.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
@@ -14160,7 +14731,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);
     });
@@ -14304,6 +14881,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
   }, [
@@ -14326,6 +14906,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
   }, [
@@ -14619,7 +15202,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__ */ import_react26.default.createElement(
@@ -14749,7 +15333,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__ */ import_react26.default.createElement(
@@ -14862,7 +15447,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__ */ import_react26.default.createElement(
@@ -14935,6 +15523,83 @@ function XViewScene({
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
+    ),
+    invalidTargetError && /* @__PURE__ */ import_react26.default.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__ */ import_react26.default.createElement("style", null, `
+            @keyframes fadeInDown {
+              from { opacity: 0; transform: translate(-50%, -20px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+          `),
+      /* @__PURE__ */ import_react26.default.createElement(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ import_react26.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react26.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react26.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ),
+      /* @__PURE__ */ import_react26.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react26.default.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"
+      )
     )
   );
 }
@@ -15361,6 +16026,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 };
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   XViewScene,
@@ -15369,6 +16045,7 @@ async function delete_uploaded_file_logic(db_services, fileUrl) {
   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,