@lv-x-software-house/x_view 1.2.5-dev.35 → 1.2.5-dev.36

package/dist/index.js

@@ -622,8 +622,10 @@ function XViewSidebar({
   },
   isOpen,
   onToggle,
-  userRole
-  // 2. Receber a prop userRole
+  userRole,
+  viewMembers = [],
+  onActivateQuestLens = () => {
+  }
 }) {
   const [query, setQuery] = (0, import_react2.useState)("");
   const [showList, setShowList] = (0, import_react2.useState)(false);
@@ -633,12 +635,16 @@ 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 [questFilterAssignee, setQuestFilterAssignee] = (0, import_react2.useState)("");
+  const [questFilterStatus, setQuestFilterStatus] = (0, import_react2.useState)("");
+  const [isQuestLensMenuOpen, setIsQuestLensMenuOpen] = (0, import_react2.useState)(false);
   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 questLensRef = (0, import_react2.useRef)(null);
   const ability = (0, import_react2.useMemo)(() => {
     return defineAbilityFor(userRole);
   }, [userRole]);
@@ -743,6 +749,17 @@ function XViewSidebar({
     }
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isFilterMenuOpen, isTypeDropdownOpen]);
+  (0, import_react2.useEffect)(() => {
+    const handleClickOutsideQuest = (event) => {
+      if (questLensRef.current && !questLensRef.current.contains(event.target)) {
+        setIsQuestLensMenuOpen(false);
+      }
+    };
+    if (isQuestLensMenuOpen) {
+      document.addEventListener("mousedown", handleClickOutsideQuest);
+    }
+    return () => document.removeEventListener("mousedown", handleClickOutsideQuest);
+  }, [isQuestLensMenuOpen]);
   (0, import_react2.useEffect)(() => {
     if (!query) setSelectedNodeId(null);
   }, [query]);
@@ -1034,7 +1051,58 @@ 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: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ import_react2.default.createElement("polyline", { points: "2 12 12 17 22 12" })),
       "Ancestry Board"
-    ))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ import_react2.default.createElement(
+    ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
+        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus ? "bg-indigo-500/30 border-indigo-400" : ""}`,
+        title: "Abrir filtros da Lente de Quests"
+      },
+      /* @__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("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), /* @__PURE__ */ import_react2.default.createElement("path", { d: "M9 12l2 2 4-4" })),
+      "Quest Lens",
+      (questFilterAssignee || questFilterStatus) && /* @__PURE__ */ import_react2.default.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
+    ), isQuestLensMenuOpen && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute left-0 bottom-full mb-2 w-full p-4 rounded-xl bg-slate-900 border border-white/10 shadow-2xl z-50 flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Respons\xE1vel"), /* @__PURE__ */ import_react2.default.createElement(
+      "select",
+      {
+        value: questFilterAssignee,
+        onChange: (e) => setQuestFilterAssignee(e.target.value),
+        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 appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "" }, "Todos os Respons\xE1veis"),
+      viewMembers.map((m) => /* @__PURE__ */ import_react2.default.createElement("option", { key: m.id, value: m.id }, m.name || m.email))
+    )), /* @__PURE__ */ import_react2.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Status"), /* @__PURE__ */ import_react2.default.createElement(
+      "select",
+      {
+        value: questFilterStatus,
+        onChange: (e) => setQuestFilterStatus(e.target.value),
+        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 appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "" }, "Todos (Exclui Done)"),
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "Backlog" }, "Backlog"),
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "In Progress" }, "In Progress"),
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "Review" }, "Review"),
+      /* @__PURE__ */ import_react2.default.createElement("option", { value: "Done" }, "Done")
+    )), /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex gap-2 pt-1" }, /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: () => {
+          setQuestFilterAssignee("");
+          setQuestFilterStatus("");
+        },
+        className: "flex-1 py-2 bg-white/5 hover:bg-white/10 text-slate-300 text-[11px] font-medium rounded-lg transition-colors border border-white/5"
+      },
+      "Limpar"
+    ), /* @__PURE__ */ import_react2.default.createElement(
+      "button",
+      {
+        onClick: () => {
+          onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
+          setIsQuestLensMenuOpen(false);
+        },
+        className: "flex-[2] py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-[11px] font-bold rounded-lg shadow-lg shadow-indigo-500/20 transition-all hover:scale-[1.02] active:scale-95"
+      },
+      "Aplicar Lente"
+    )))))), /* @__PURE__ */ import_react2.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ import_react2.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react2.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ import_react2.default.createElement(
       "button",
       {
         onClick: handleSaveClick,
@@ -11947,6 +12015,9 @@ var TIMELINE_NODE_SPACING_X = 20;
 var TIMELINE_INTERVAL_BAR_RADIUS = 0.2;
 var TIMELINE_INTERVAL_BAR_OPACITY = 0.85;
 var TIMELINE_GOLD_COLOR = 16766720;
+var QUEST_LENS_COLUMN_SPACING = 80;
+var QUEST_LENS_ROW_SPACING = 40;
+var QUEST_STATUS_ORDER = ["Backlog", "In Progress", "Review", "Done"];
 var getAllNodeIdsFromTree = (treeNode) => {
   const ids = /* @__PURE__ */ new Set();
   function traverse(node) {
@@ -12646,6 +12717,82 @@ function XViewScene({
       }
     });
   }, []);
+  const handleActivateQuestLens = (0, import_react28.useCallback)(({ assigneeId, status: status2 }) => {
+    var _a2;
+    const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !graphGroup) return;
+    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
+    const filteredQuests = allQuests.filter((q) => {
+      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
+      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
+      return matchAssignee && matchStatus;
+    });
+    if (filteredQuests.length === 0) {
+      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
+      return;
+    }
+    const questsByStatus = {
+      Backlog: [],
+      "In Progress": [],
+      Review: [],
+      Done: []
+    };
+    filteredQuests.forEach((q) => {
+      if (questsByStatus[q.status]) {
+        questsByStatus[q.status].push(q);
+      }
+    });
+    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    Object.keys(nodeObjects).forEach((id) => {
+      const mesh = nodeObjects[id];
+      const isFilteredQuest = filteredQuests.some(
+        (q) => String(q.id) === String(id)
+      );
+      if (!isFilteredQuest) {
+        if (mesh.material) {
+          const fadeTween = new import_tween2.Tween(mesh.material).to({ opacity: 0.15 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(fadeTween);
+          fadeTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = false;
+        }
+      } else {
+        if (mesh.material) {
+          const fadeInTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(fadeInTween);
+          fadeInTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = true;
+        }
+      }
+    });
+    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
+      if (status2 && status2 !== statusName) return;
+      const questsInCol = questsByStatus[statusName];
+      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
+      questsInCol.forEach((q, rowIndex) => {
+        const nodeId = String(q.id);
+        let mesh = nodeObjects[nodeId];
+        if (!mesh) {
+          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
+        }
+        const targetY = (questsInCol.length - 1) * 0.5 * QUEST_LENS_ROW_SPACING - rowIndex * QUEST_LENS_ROW_SPACING;
+        const lensTween = new import_tween2.Tween(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(lensTween);
+        lensTween.start();
+        if (mesh.userData.labelObject) {
+          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
+            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
+          );
+          const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(labelTween);
+          labelTween.start();
+        }
+      });
+    });
+  }, [addOrUpdateNodeMesh]);
   const handleVersionTimeline = (0, import_react28.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -16166,13 +16313,15 @@ function XViewScene({
         onOpenImportModal: () => setIsImportModalOpen(true),
         importSuccessMessage,
         onActivateTimeline: handleActivateTimeline,
+        onActivateQuestLens: handleActivateQuestLens,
         onOpenAncestryBoard: handleOpenAncestryBoard,
         viewType: viewParams == null ? void 0 : viewParams.type,
         viewName: viewParams == null ? void 0 : viewParams.name,
         onNavigateBack: handleNavigateBack,
         isOpen: isSidebarOpen,
         onToggle: setIsSidebarOpen,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        viewMembers
       }
     ),
     creationMode.isActive && /* @__PURE__ */ import_react28.default.createElement(

package/dist/index.mjs

@@ -583,8 +583,10 @@ function XViewSidebar({
   },
   isOpen,
   onToggle,
-  userRole
-  // 2. Receber a prop userRole
+  userRole,
+  viewMembers = [],
+  onActivateQuestLens = () => {
+  }
 }) {
   const [query, setQuery] = useState2("");
   const [showList, setShowList] = useState2(false);
@@ -594,12 +596,16 @@ function XViewSidebar({
   const [isFilterMenuOpen, setIsFilterMenuOpen] = useState2(false);
   const [filterCategory, setFilterCategory] = useState2("Type");
   const [filterValue, setFilterValue] = useState2("");
+  const [questFilterAssignee, setQuestFilterAssignee] = useState2("");
+  const [questFilterStatus, setQuestFilterStatus] = useState2("");
+  const [isQuestLensMenuOpen, setIsQuestLensMenuOpen] = useState2(false);
   const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState2(false);
   const [highlightedTypeIndex, setHighlightedTypeIndex] = useState2(-1);
   const containerRef = useRef2(null);
   const inputRef = useRef2(null);
   const filterMenuRef = useRef2(null);
   const typeDropdownRef = useRef2(null);
+  const questLensRef = useRef2(null);
   const ability = useMemo2(() => {
     return defineAbilityFor(userRole);
   }, [userRole]);
@@ -704,6 +710,17 @@ function XViewSidebar({
     }
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isFilterMenuOpen, isTypeDropdownOpen]);
+  useEffect2(() => {
+    const handleClickOutsideQuest = (event) => {
+      if (questLensRef.current && !questLensRef.current.contains(event.target)) {
+        setIsQuestLensMenuOpen(false);
+      }
+    };
+    if (isQuestLensMenuOpen) {
+      document.addEventListener("mousedown", handleClickOutsideQuest);
+    }
+    return () => document.removeEventListener("mousedown", handleClickOutsideQuest);
+  }, [isQuestLensMenuOpen]);
   useEffect2(() => {
     if (!query) setSelectedNodeId(null);
   }, [query]);
@@ -995,7 +1012,58 @@ function XViewSidebar({
       },
       /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 17 12 22 22 17" }), /* @__PURE__ */ React2.createElement("polyline", { points: "2 12 12 17 22 12" })),
       "Ancestry Board"
-    ))), /* @__PURE__ */ React2.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ React2.createElement(
+    ), /* @__PURE__ */ React2.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        onClick: () => setIsQuestLensMenuOpen(!isQuestLensMenuOpen),
+        className: `${buttonBaseClass} ${isQuestLensMenuOpen || questFilterAssignee || questFilterStatus ? "bg-indigo-500/30 border-indigo-400" : ""}`,
+        title: "Abrir filtros da Lente de Quests"
+      },
+      /* @__PURE__ */ React2.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), /* @__PURE__ */ React2.createElement("path", { d: "M9 12l2 2 4-4" })),
+      "Quest Lens",
+      (questFilterAssignee || questFilterStatus) && /* @__PURE__ */ React2.createElement("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-indigo-500 text-[9px] font-bold" }, "!")
+    ), isQuestLensMenuOpen && /* @__PURE__ */ React2.createElement("div", { className: "absolute left-0 bottom-full mb-2 w-full p-4 rounded-xl bg-slate-900 border border-white/10 shadow-2xl z-50 flex flex-col gap-4 animate-in fade-in slide-in-from-bottom-2 duration-200" }, /* @__PURE__ */ React2.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Respons\xE1vel"), /* @__PURE__ */ React2.createElement(
+      "select",
+      {
+        value: questFilterAssignee,
+        onChange: (e) => setQuestFilterAssignee(e.target.value),
+        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 appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ React2.createElement("option", { value: "" }, "Todos os Respons\xE1veis"),
+      viewMembers.map((m) => /* @__PURE__ */ React2.createElement("option", { key: m.id, value: m.id }, m.name || m.email))
+    )), /* @__PURE__ */ React2.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-bold tracking-widest" }, "Status"), /* @__PURE__ */ React2.createElement(
+      "select",
+      {
+        value: questFilterStatus,
+        onChange: (e) => setQuestFilterStatus(e.target.value),
+        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 appearance-none cursor-pointer"
+      },
+      /* @__PURE__ */ React2.createElement("option", { value: "" }, "Todos (Exclui Done)"),
+      /* @__PURE__ */ React2.createElement("option", { value: "Backlog" }, "Backlog"),
+      /* @__PURE__ */ React2.createElement("option", { value: "In Progress" }, "In Progress"),
+      /* @__PURE__ */ React2.createElement("option", { value: "Review" }, "Review"),
+      /* @__PURE__ */ React2.createElement("option", { value: "Done" }, "Done")
+    )), /* @__PURE__ */ React2.createElement("div", { className: "flex gap-2 pt-1" }, /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        onClick: () => {
+          setQuestFilterAssignee("");
+          setQuestFilterStatus("");
+        },
+        className: "flex-1 py-2 bg-white/5 hover:bg-white/10 text-slate-300 text-[11px] font-medium rounded-lg transition-colors border border-white/5"
+      },
+      "Limpar"
+    ), /* @__PURE__ */ React2.createElement(
+      "button",
+      {
+        onClick: () => {
+          onActivateQuestLens({ assigneeId: questFilterAssignee, status: questFilterStatus });
+          setIsQuestLensMenuOpen(false);
+        },
+        className: "flex-[2] py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-[11px] font-bold rounded-lg shadow-lg shadow-indigo-500/20 transition-all hover:scale-[1.02] active:scale-95"
+      },
+      "Aplicar Lente"
+    )))))), /* @__PURE__ */ React2.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/30" }, /* @__PURE__ */ React2.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React2.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Navega\xE7\xE3o")), ability.can("update", "Scene") && /* @__PURE__ */ React2.createElement(
       "button",
       {
         onClick: handleSaveClick,
@@ -11989,6 +12057,9 @@ var TIMELINE_NODE_SPACING_X = 20;
 var TIMELINE_INTERVAL_BAR_RADIUS = 0.2;
 var TIMELINE_INTERVAL_BAR_OPACITY = 0.85;
 var TIMELINE_GOLD_COLOR = 16766720;
+var QUEST_LENS_COLUMN_SPACING = 80;
+var QUEST_LENS_ROW_SPACING = 40;
+var QUEST_STATUS_ORDER = ["Backlog", "In Progress", "Review", "Done"];
 var getAllNodeIdsFromTree = (treeNode) => {
   const ids = /* @__PURE__ */ new Set();
   function traverse(node) {
@@ -12688,6 +12759,82 @@ function XViewScene({
       }
     });
   }, []);
+  const handleActivateQuestLens = useCallback4(({ assigneeId, status: status2 }) => {
+    var _a2;
+    const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !graphGroup) return;
+    const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
+    const filteredQuests = allQuests.filter((q) => {
+      const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
+      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
+      return matchAssignee && matchStatus;
+    });
+    if (filteredQuests.length === 0) {
+      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
+      return;
+    }
+    const questsByStatus = {
+      Backlog: [],
+      "In Progress": [],
+      Review: [],
+      Done: []
+    };
+    filteredQuests.forEach((q) => {
+      if (questsByStatus[q.status]) {
+        questsByStatus[q.status].push(q);
+      }
+    });
+    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+    Object.keys(nodeObjects).forEach((id) => {
+      const mesh = nodeObjects[id];
+      const isFilteredQuest = filteredQuests.some(
+        (q) => String(q.id) === String(id)
+      );
+      if (!isFilteredQuest) {
+        if (mesh.material) {
+          const fadeTween = new Tween2(mesh.material).to({ opacity: 0.15 }, 1200).easing(Easing2.Cubic.Out);
+          tweenGroup.add(fadeTween);
+          fadeTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = false;
+        }
+      } else {
+        if (mesh.material) {
+          const fadeInTween = new Tween2(mesh.material).to({ opacity: 1 }, 1200).easing(Easing2.Cubic.Out);
+          tweenGroup.add(fadeInTween);
+          fadeInTween.start();
+        }
+        if (mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = true;
+        }
+      }
+    });
+    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
+      if (status2 && status2 !== statusName) return;
+      const questsInCol = questsByStatus[statusName];
+      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
+      questsInCol.forEach((q, rowIndex) => {
+        const nodeId = String(q.id);
+        let mesh = nodeObjects[nodeId];
+        if (!mesh) {
+          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(colX, 150, 0), true);
+        }
+        const targetY = (questsInCol.length - 1) * 0.5 * QUEST_LENS_ROW_SPACING - rowIndex * QUEST_LENS_ROW_SPACING;
+        const lensTween = new Tween2(mesh.position).to({ x: colX, y: targetY, z: 0 }, 1500).easing(Easing2.Cubic.InOut);
+        tweenGroup.add(lensTween);
+        lensTween.start();
+        if (mesh.userData.labelObject) {
+          const labelTargetPos = new THREE3.Vector3(colX, targetY, 0).add(
+            mesh.userData.labelOffset || new THREE3.Vector3(0, -2.5, 0)
+          );
+          const labelTween = new Tween2(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(Easing2.Cubic.InOut);
+          tweenGroup.add(labelTween);
+          labelTween.start();
+        }
+      });
+    });
+  }, [addOrUpdateNodeMesh]);
   const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -16208,13 +16355,15 @@ function XViewScene({
         onOpenImportModal: () => setIsImportModalOpen(true),
         importSuccessMessage,
         onActivateTimeline: handleActivateTimeline,
+        onActivateQuestLens: handleActivateQuestLens,
         onOpenAncestryBoard: handleOpenAncestryBoard,
         viewType: viewParams == null ? void 0 : viewParams.type,
         viewName: viewParams == null ? void 0 : viewParams.name,
         onNavigateBack: handleNavigateBack,
         isOpen: isSidebarOpen,
         onToggle: setIsSidebarOpen,
-        userRole: userPermissionRole
+        userRole: userPermissionRole,
+        viewMembers
       }
     ),
     creationMode.isActive && /* @__PURE__ */ React27.createElement(

package/package.json

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