@lv-x-software-house/x_view 1.2.5-dev.31 → 1.2.5-dev.33

package/dist/index.js

@@ -9724,12 +9724,16 @@ var EVENT_ICONS = {
 function QuestTimeline({
   timeline = [],
   viewMembers = [],
-  onOpenImageViewer
+  onOpenImageViewer,
+  onAddNote,
+  // Nova prop para adicionar nota a uma etapa específica
+  canEdit = true
 }) {
   const sortedTimeline = [...timeline].sort((a, b) => b.timestamp - a.timestamp);
   const getMemberName = (userId) => {
-    const member = viewMembers.find((m) => m.id === userId);
-    return (member == null ? void 0 : member.name) || (member == null ? void 0 : member.email) || "Sistema";
+    if (!userId) return "Sistema";
+    const member = viewMembers.find((m) => String(m.id) === String(userId));
+    return (member == null ? void 0 : member.name) || (member == null ? void 0 : member.email) || userId;
   };
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -9743,11 +9747,23 @@ function QuestTimeline({
   if (timeline.length === 0) {
     return /* @__PURE__ */ import_react19.default.createElement("div", { className: "py-6 flex flex-col items-center justify-center gap-2 border border-white/5 bg-white/5 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiAlertCircle, { className: "text-slate-600", size: 16 }), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[10px] text-slate-500 font-light uppercase tracking-widest" }, "Nenhum hist\xF3rico dispon\xEDvel"));
   }
-  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative pl-6 space-y-6 before:content-[''] before:absolute before:left-[11px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "relative pl-10 space-y-6 before:content-[''] before:absolute before:left-[21px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
     const config = EVENT_ICONS[event.type] || EVENT_ICONS.default;
     const Icon = config.icon;
     const actorName = getMemberName(event.actorId);
-    return /* @__PURE__ */ import_react19.default.createElement("div", { key: index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: `absolute -left-[27px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ import_react19.default.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), (event.from_status || event.to_status) && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => /* @__PURE__ */ import_react19.default.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-slate-300 truncate font-mono" }, typeof value === "string" ? value : JSON.stringify(value))))), event.links && event.links.length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ import_react19.default.createElement(
+    return /* @__PURE__ */ import_react19.default.createElement("div", { key: event.id || index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: `absolute -left-[35px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ import_react19.default.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ import_react19.default.createElement("div", { className: "group space-y-1" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), canEdit && onAddNote && /* @__PURE__ */ import_react19.default.createElement(
+      "button",
+      {
+        onClick: () => onAddNote(event),
+        className: "opacity-0 group-hover:opacity-100 p-1 rounded-md hover:bg-white/5 text-slate-500 hover:text-indigo-400 transition-all",
+        title: "Adicionar detalhe/anexo a esta etapa"
+      },
+      /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiPlusCircle, { size: 12 })
+    )), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), event.notes && /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 py-1 px-2 rounded bg-indigo-500/5 border-l-2 border-indigo-500/30" }, /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] text-slate-300 italic whitespace-pre-wrap" }, event.notes)), (event.from_status || event.to_status) && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => {
+      const isAssigneeId = key.toLowerCase().includes("assignee_id") || key.toLowerCase().includes("respons\xE1vel") || key.toLowerCase().includes("assignee id");
+      const displayValue = isAssigneeId && typeof value === "string" ? getMemberName(value) : typeof value === "string" ? value : JSON.stringify(value);
+      return /* @__PURE__ */ import_react19.default.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ import_react19.default.createElement("span", { className: `${isAssigneeId ? "text-indigo-300 font-medium" : "text-slate-300"} truncate font-mono` }, displayValue));
+    })), event.links && event.links.length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ import_react19.default.createElement(
       "a",
       {
         key: lIdx,
@@ -9764,10 +9780,10 @@ function QuestTimeline({
         key: iIdx,
         type: "button",
         onClick: () => onOpenImageViewer == null ? void 0 : onOpenImageViewer(event.images, iIdx),
-        className: "relative w-12 h-12 rounded border border-white/10 overflow-hidden hover:border-sky-500/50 transition-colors group"
+        className: "relative w-12 h-12 rounded border border-white/10 overflow-hidden hover:border-sky-500/50 transition-colors group/img"
       },
       /* @__PURE__ */ import_react19.default.createElement("img", { src: img.value, alt: img.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ import_react19.default.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiSearch, { size: 12, className: "text-white" }))
+      /* @__PURE__ */ import_react19.default.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover/img:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ import_react19.default.createElement(import_fi17.FiSearch, { size: 12, className: "text-white" }))
     )))));
   })));
 }
@@ -9830,7 +9846,11 @@ function QuestDetailsPanel({
   const [isLinkCopied, setIsLinkCopied] = (0, import_react20.useState)(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react20.useState)(false);
   const [noteText, setNoteText] = (0, import_react20.useState)("");
+  const [noteLinks, setNoteLinks] = (0, import_react20.useState)([]);
+  const [noteImages, setNoteImages] = (0, import_react20.useState)([]);
   const [isNoteFormOpen, setIsNoteFormOpen] = (0, import_react20.useState)(false);
+  const [editingEntryId, setEditingEntryId] = (0, import_react20.useState)(null);
+  const [editingEntryLabel, setEditingEntryLabel] = (0, import_react20.useState)("");
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -9962,11 +9982,30 @@ function QuestDetailsPanel({
     }
   };
   const handleAddTimelineNote = async () => {
-    if (!noteText.trim() || isSaving) return;
+    if (!noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving) return;
     setIsSaving(true);
     const actorId = (currentUser == null ? void 0 : currentUser.id) || "unknown";
-    const newEntry = createTimelineEntry(actorId, noteText, "comment");
-    const updatedTimeline = [...timeline, newEntry];
+    let updatedTimeline;
+    if (editingEntryId) {
+      updatedTimeline = timeline.map((entry) => {
+        if (entry.id === editingEntryId) {
+          return {
+            ...entry,
+            notes: noteText.trim() ? entry.notes ? `${entry.notes}
+${noteText}` : noteText : entry.notes,
+            links: [...entry.links || [], ...noteLinks],
+            images: [...entry.images || [], ...noteImages]
+          };
+        }
+        return entry;
+      });
+    } else {
+      const newEntry = createTimelineEntry(actorId, noteText, "comment", {
+        links: noteLinks,
+        images: noteImages
+      });
+      updatedTimeline = [...timeline, newEntry];
+    }
     try {
       const nodeToSave = {
         ...node,
@@ -9976,13 +10015,47 @@ function QuestDetailsPanel({
       setTimeline(updatedTimeline);
       onDataUpdate(nodeToSave);
       setNoteText("");
+      setNoteLinks([]);
+      setNoteImages([]);
       setIsNoteFormOpen(false);
+      setEditingEntryId(null);
+      setEditingEntryLabel("");
     } catch (error) {
       console.error("Erro ao adicionar nota:", error);
     } finally {
       setIsSaving(false);
     }
   };
+  const handleOpenNoteForEntry = (entry) => {
+    setEditingEntryId(entry.id);
+    setEditingEntryLabel(entry.description);
+    setNoteText("");
+    setNoteLinks([]);
+    setNoteImages([]);
+    setIsNoteFormOpen(true);
+    setTimeout(() => {
+      const form = document.getElementById("quest-note-form");
+      form == null ? void 0 : form.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const addLinkToNote = () => {
+    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+  };
+  const removeLinkFromNote = (id) => {
+    setNoteLinks(noteLinks.filter((l) => l.id !== id));
+  };
+  const updateLinkInNote = (id, field, val) => {
+    setNoteLinks(noteLinks.map((l) => l.id === id ? { ...l, [field]: val } : l));
+  };
+  const addImageToNote = () => {
+    setNoteImages([...noteImages, { id: v4_default(), name: "Image", value: "" }]);
+  };
+  const removeImageFromNote = (id) => {
+    setNoteImages(noteImages.filter((img) => img.id !== id));
+  };
+  const updateImageInNote = (id, val) => {
+    setNoteImages(noteImages.map((img) => img.id === id ? { ...img, value: val } : img));
+  };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
@@ -10326,34 +10399,78 @@ function QuestDetailsPanel({
       "button",
       {
         type: "button",
-        onClick: () => setIsNoteFormOpen(!isNoteFormOpen),
+        onClick: () => {
+          if (isNoteFormOpen && editingEntryId) {
+            setEditingEntryId(null);
+            setEditingEntryLabel("");
+            setNoteText("");
+            setNoteLinks([]);
+            setNoteImages([]);
+          } else {
+            setIsNoteFormOpen(!isNoteFormOpen);
+            setEditingEntryId(null);
+            setEditingEntryLabel("");
+          }
+        },
         className: "flex items-center gap-1.5 px-2 py-1 text-[10px] rounded-md bg-white/5 hover:bg-white/10 border border-white/10 transition-colors text-slate-300"
       },
-      isNoteFormOpen ? /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiX, { size: 12 }) : /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiPlus, { size: 12 }),
-      isNoteFormOpen ? "Cancelar" : "Nova Nota"
-    )), isNoteFormOpen && /* @__PURE__ */ import_react20.default.createElement("div", { className: "mb-6 p-4 rounded-xl bg-white/5 border border-white/5 space-y-3 animate-in fade-in slide-in-from-top-2" }, /* @__PURE__ */ import_react20.default.createElement(
+      isNoteFormOpen && !editingEntryId ? /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiX, { size: 12 }) : /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiPlus, { size: 12 }),
+      isNoteFormOpen && !editingEntryId ? "Cancelar" : "Nova Nota"
+    )), isNoteFormOpen && /* @__PURE__ */ import_react20.default.createElement("div", { id: "quest-note-form", className: "mb-6 p-4 rounded-xl bg-white/5 border border-white/5 space-y-3 animate-in fade-in slide-in-from-top-2 border-l-4 border-l-indigo-500/40" }, editingEntryId && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-2 pb-2 border-b border-white/5" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] text-indigo-400 font-bold uppercase tracking-wider" }, "Adicionando \xE0 etapa:"), /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-xs text-slate-300 italic truncate max-w-[250px]" }, editingEntryLabel)), /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: () => {
+      setIsNoteFormOpen(false);
+      setEditingEntryId(null);
+    }, className: "text-slate-500 hover:text-white" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiX, { size: 14 }))), /* @__PURE__ */ import_react20.default.createElement(
       "textarea",
       {
         value: noteText,
         onChange: (e) => setNoteText(e.target.value),
-        placeholder: "Escreva uma observa\xE7\xE3o no hist\xF3rico...",
+        placeholder: editingEntryId ? "Adicione uma observa\xE7\xE3o a esta etapa..." : "Escreva uma observa\xE7\xE3o no hist\xF3rico...",
         className: "w-full bg-slate-900/50 p-3 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-500/50 min-h-[80px] resize-none"
       }
-    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Links"), /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: addLinkToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiPlus, { size: 10 }), " Adicionar Link")), noteLinks.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-2" }, noteLinks.map((link) => /* @__PURE__ */ import_react20.default.createElement("div", { key: link.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ import_react20.default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "T\xEDtulo",
+        value: link.name,
+        onChange: (e) => updateLinkInNote(link.id, "name", e.target.value),
+        className: "w-1/3 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ import_react20.default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL (https://...)",
+        value: link.value,
+        onChange: (e) => updateLinkInNote(link.id, "value", e.target.value),
+        className: "flex-1 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: () => removeLinkFromNote(link.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiX, { size: 12 })))))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Imagens (URLs)"), /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: addImageToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiPlus, { size: 10 }), " Adicionar Imagem")), noteImages.length > 0 && /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-2" }, noteImages.map((img) => /* @__PURE__ */ import_react20.default.createElement("div", { key: img.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex-1 flex items-center gap-2 bg-slate-950/50 border border-white/5 rounded px-2 py-1" }, /* @__PURE__ */ import_react20.default.createElement(FiImage, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ import_react20.default.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL da Imagem (https://...)",
+        value: img.value,
+        onChange: (e) => updateImageInNote(img.id, e.target.value),
+        className: "flex-1 bg-transparent text-[10px] focus:outline-none"
+      }
+    )), /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: () => removeImageFromNote(img.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ import_react20.default.createElement(import_fi18.FiX, { size: 12 })))))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex justify-end gap-2 pt-2" }, /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",
         onClick: handleAddTimelineNote,
-        disabled: !noteText.trim() || isSaving,
+        disabled: !noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving,
         className: "px-3 py-1.5 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white text-xs font-semibold transition-colors disabled:opacity-50"
       },
-      "Adicionar ao Hist\xF3rico"
+      editingEntryId ? "Salvar nesta Etapa" : "Adicionar ao Hist\xF3rico"
     ))), /* @__PURE__ */ import_react20.default.createElement(
       QuestTimeline,
       {
         timeline,
         viewMembers,
-        onOpenImageViewer
+        onOpenImageViewer,
+        canEdit,
+        onAddNote: handleOpenNoteForEntry
       }
     )), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
       const isSelected = size === s;

package/dist/index.mjs

@@ -4002,7 +4002,7 @@ import { FiPlus, FiEdit2 as FiEdit22, FiBookOpen } from "react-icons/fi";
 
 // src/components/DescriptionEditModal.jsx
 import React5, { useState as useState6, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
-import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage, FiCheckSquare } from "react-icons/fi";
+import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage as FiImage2, FiCheckSquare } from "react-icons/fi";
 
 // src/components/SectionImportModal.jsx
 import React4, { useState as useState5, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
@@ -4749,7 +4749,7 @@ ${space}${bullet} `);
         className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Inserir Imagem (Propriedade ou URL)"
       },
-      /* @__PURE__ */ React5.createElement(FiImage, { size: 12 }),
+      /* @__PURE__ */ React5.createElement(FiImage2, { size: 12 }),
       " Imagem"
     ), /* @__PURE__ */ React5.createElement(
       "button",
@@ -4888,7 +4888,7 @@ ${space}${bullet} `);
 
 // src/components/DescriptionDisplay.jsx
 import React6, { useMemo as useMemo5, useState as useState7, useEffect as useEffect6, useRef as useRef6 } from "react";
-import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2, FiSave } from "react-icons/fi";
+import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage3, FiSave } from "react-icons/fi";
 var CodeBlock2 = ({ content, isActive, onClick }) => {
   const [isExpanded, setIsExpanded] = useState7(false);
   const [copied, setCopied] = useState7(false);
@@ -4985,7 +4985,7 @@ var renderTextWithImages = (text, onImageClick) => {
           },
           className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5"
         },
-        /* @__PURE__ */ React6.createElement(FiImage2, { size: 11 }),
+        /* @__PURE__ */ React6.createElement(FiImage3, { size: 11 }),
         /* @__PURE__ */ React6.createElement("span", null, name)
       );
     }
@@ -9209,7 +9209,7 @@ function InSceneQuestForm({
 
 // src/components/NodeDetailsPanel.jsx
 import React17, { useState as useState18, useEffect as useEffect15, useRef as useRef13 } from "react";
-import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
+import { FiPlus as FiPlus7, FiMaximize2 as FiMaximize23, FiX as FiX6, FiCheck as FiCheck10, FiImage as FiImage4, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -9753,12 +9753,16 @@ var EVENT_ICONS = {
 function QuestTimeline({
   timeline = [],
   viewMembers = [],
-  onOpenImageViewer
+  onOpenImageViewer,
+  onAddNote,
+  // Nova prop para adicionar nota a uma etapa específica
+  canEdit = true
 }) {
   const sortedTimeline = [...timeline].sort((a, b) => b.timestamp - a.timestamp);
   const getMemberName = (userId) => {
-    const member = viewMembers.find((m) => m.id === userId);
-    return (member == null ? void 0 : member.name) || (member == null ? void 0 : member.email) || "Sistema";
+    if (!userId) return "Sistema";
+    const member = viewMembers.find((m) => String(m.id) === String(userId));
+    return (member == null ? void 0 : member.name) || (member == null ? void 0 : member.email) || userId;
   };
   const formatDate = (timestamp) => {
     const date = new Date(timestamp);
@@ -9772,11 +9776,23 @@ function QuestTimeline({
   if (timeline.length === 0) {
     return /* @__PURE__ */ React18.createElement("div", { className: "py-6 flex flex-col items-center justify-center gap-2 border border-white/5 bg-white/5 rounded-xl" }, /* @__PURE__ */ React18.createElement(FiAlertCircle, { className: "text-slate-600", size: 16 }), /* @__PURE__ */ React18.createElement("p", { className: "text-[10px] text-slate-500 font-light uppercase tracking-widest" }, "Nenhum hist\xF3rico dispon\xEDvel"));
   }
-  return /* @__PURE__ */ React18.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ React18.createElement("div", { className: "relative pl-6 space-y-6 before:content-[''] before:absolute before:left-[11px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
+  return /* @__PURE__ */ React18.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-xs text-slate-400 font-medium uppercase tracking-wider flex items-center gap-2" }, "Hist\xF3rico (Timeline)"), /* @__PURE__ */ React18.createElement("div", { className: "relative pl-10 space-y-6 before:content-[''] before:absolute before:left-[21px] before:top-2 before:bottom-2 before:w-[2px] before:bg-white/5" }, sortedTimeline.map((event, index) => {
     const config = EVENT_ICONS[event.type] || EVENT_ICONS.default;
     const Icon = config.icon;
     const actorName = getMemberName(event.actorId);
-    return /* @__PURE__ */ React18.createElement("div", { key: index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ React18.createElement("div", { className: `absolute -left-[27px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ React18.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React18.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), (event.from_status || event.to_status) && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ React18.createElement(FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => /* @__PURE__ */ React18.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React18.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ React18.createElement("span", { className: "text-slate-300 truncate font-mono" }, typeof value === "string" ? value : JSON.stringify(value))))), event.links && event.links.length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React18.createElement("div", { key: event.id || index, className: "relative animate-in fade-in slide-in-from-left-2 duration-300", style: { animationDelay: `${index * 50}ms` } }, /* @__PURE__ */ React18.createElement("div", { className: `absolute -left-[35px] top-0 w-8 h-8 rounded-full ${config.bg} flex items-center justify-center ring-4 ring-slate-950 border border-white/5` }, /* @__PURE__ */ React18.createElement(Icon, { className: config.iconColor || config.color, size: 14 })), /* @__PURE__ */ React18.createElement("div", { className: "group space-y-1" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React18.createElement("span", { className: "text-xs font-semibold text-slate-200" }, actorName), canEdit && onAddNote && /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        onClick: () => onAddNote(event),
+        className: "opacity-0 group-hover:opacity-100 p-1 rounded-md hover:bg-white/5 text-slate-500 hover:text-indigo-400 transition-all",
+        title: "Adicionar detalhe/anexo a esta etapa"
+      },
+      /* @__PURE__ */ React18.createElement(FiPlusCircle, { size: 12 })
+    )), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500 tabular-nums" }, formatDate(event.timestamp))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-400 leading-relaxed" }, event.description), event.notes && /* @__PURE__ */ React18.createElement("div", { className: "mt-1 py-1 px-2 rounded bg-indigo-500/5 border-l-2 border-indigo-500/30" }, /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] text-slate-300 italic whitespace-pre-wrap" }, event.notes)), (event.from_status || event.to_status) && /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-1.5 py-1 px-2 rounded-md bg-white/5 border border-white/5 w-fit mt-2" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-slate-500" }, event.from_status || "?"), /* @__PURE__ */ React18.createElement(FiArrowRight, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React18.createElement("span", { className: "text-[10px] text-indigo-300 font-bold" }, event.to_status || "?")), event.metadata && Object.keys(event.metadata).length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "mt-2 text-[10px] grid grid-cols-2 gap-2 p-2 bg-slate-900/50 rounded border border-white/5" }, Object.entries(event.metadata).map(([key, value]) => {
+      const isAssigneeId = key.toLowerCase().includes("assignee_id") || key.toLowerCase().includes("respons\xE1vel") || key.toLowerCase().includes("assignee id");
+      const displayValue = isAssigneeId && typeof value === "string" ? getMemberName(value) : typeof value === "string" ? value : JSON.stringify(value);
+      return /* @__PURE__ */ React18.createElement("div", { key, className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React18.createElement("span", { className: "text-slate-500 capitalize" }, key.replace(/_/g, " ")), /* @__PURE__ */ React18.createElement("span", { className: `${isAssigneeId ? "text-indigo-300 font-medium" : "text-slate-300"} truncate font-mono` }, displayValue));
+    })), event.links && event.links.length > 0 && /* @__PURE__ */ React18.createElement("div", { className: "flex flex-wrap gap-2 mt-2" }, event.links.map((link, lIdx) => /* @__PURE__ */ React18.createElement(
       "a",
       {
         key: lIdx,
@@ -9793,10 +9809,10 @@ function QuestTimeline({
         key: iIdx,
         type: "button",
         onClick: () => onOpenImageViewer == null ? void 0 : onOpenImageViewer(event.images, iIdx),
-        className: "relative w-12 h-12 rounded border border-white/10 overflow-hidden hover:border-sky-500/50 transition-colors group"
+        className: "relative w-12 h-12 rounded border border-white/10 overflow-hidden hover:border-sky-500/50 transition-colors group/img"
       },
       /* @__PURE__ */ React18.createElement("img", { src: img.value, alt: img.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ React18.createElement(FiSearch6, { size: 12, className: "text-white" }))
+      /* @__PURE__ */ React18.createElement("div", { className: "absolute inset-0 bg-slate-900/40 opacity-0 group-hover/img:opacity-100 flex items-center justify-center transition-opacity" }, /* @__PURE__ */ React18.createElement(FiSearch6, { size: 12, className: "text-white" }))
     )))));
   })));
 }
@@ -9859,7 +9875,11 @@ function QuestDetailsPanel({
   const [isLinkCopied, setIsLinkCopied] = useState19(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState19(false);
   const [noteText, setNoteText] = useState19("");
+  const [noteLinks, setNoteLinks] = useState19([]);
+  const [noteImages, setNoteImages] = useState19([]);
   const [isNoteFormOpen, setIsNoteFormOpen] = useState19(false);
+  const [editingEntryId, setEditingEntryId] = useState19(null);
+  const [editingEntryLabel, setEditingEntryLabel] = useState19("");
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -9991,11 +10011,30 @@ function QuestDetailsPanel({
     }
   };
   const handleAddTimelineNote = async () => {
-    if (!noteText.trim() || isSaving) return;
+    if (!noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving) return;
     setIsSaving(true);
     const actorId = (currentUser == null ? void 0 : currentUser.id) || "unknown";
-    const newEntry = createTimelineEntry(actorId, noteText, "comment");
-    const updatedTimeline = [...timeline, newEntry];
+    let updatedTimeline;
+    if (editingEntryId) {
+      updatedTimeline = timeline.map((entry) => {
+        if (entry.id === editingEntryId) {
+          return {
+            ...entry,
+            notes: noteText.trim() ? entry.notes ? `${entry.notes}
+${noteText}` : noteText : entry.notes,
+            links: [...entry.links || [], ...noteLinks],
+            images: [...entry.images || [], ...noteImages]
+          };
+        }
+        return entry;
+      });
+    } else {
+      const newEntry = createTimelineEntry(actorId, noteText, "comment", {
+        links: noteLinks,
+        images: noteImages
+      });
+      updatedTimeline = [...timeline, newEntry];
+    }
     try {
       const nodeToSave = {
         ...node,
@@ -10005,13 +10044,47 @@ function QuestDetailsPanel({
       setTimeline(updatedTimeline);
       onDataUpdate(nodeToSave);
       setNoteText("");
+      setNoteLinks([]);
+      setNoteImages([]);
       setIsNoteFormOpen(false);
+      setEditingEntryId(null);
+      setEditingEntryLabel("");
     } catch (error) {
       console.error("Erro ao adicionar nota:", error);
     } finally {
       setIsSaving(false);
     }
   };
+  const handleOpenNoteForEntry = (entry) => {
+    setEditingEntryId(entry.id);
+    setEditingEntryLabel(entry.description);
+    setNoteText("");
+    setNoteLinks([]);
+    setNoteImages([]);
+    setIsNoteFormOpen(true);
+    setTimeout(() => {
+      const form = document.getElementById("quest-note-form");
+      form == null ? void 0 : form.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const addLinkToNote = () => {
+    setNoteLinks([...noteLinks, { id: v4_default(), name: "", value: "" }]);
+  };
+  const removeLinkFromNote = (id) => {
+    setNoteLinks(noteLinks.filter((l) => l.id !== id));
+  };
+  const updateLinkInNote = (id, field, val) => {
+    setNoteLinks(noteLinks.map((l) => l.id === id ? { ...l, [field]: val } : l));
+  };
+  const addImageToNote = () => {
+    setNoteImages([...noteImages, { id: v4_default(), name: "Image", value: "" }]);
+  };
+  const removeImageFromNote = (id) => {
+    setNoteImages(noteImages.filter((img) => img.id !== id));
+  };
+  const updateImageInNote = (id, val) => {
+    setNoteImages(noteImages.map((img) => img.id === id ? { ...img, value: val } : img));
+  };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
@@ -10355,34 +10428,78 @@ function QuestDetailsPanel({
       "button",
       {
         type: "button",
-        onClick: () => setIsNoteFormOpen(!isNoteFormOpen),
+        onClick: () => {
+          if (isNoteFormOpen && editingEntryId) {
+            setEditingEntryId(null);
+            setEditingEntryLabel("");
+            setNoteText("");
+            setNoteLinks([]);
+            setNoteImages([]);
+          } else {
+            setIsNoteFormOpen(!isNoteFormOpen);
+            setEditingEntryId(null);
+            setEditingEntryLabel("");
+          }
+        },
         className: "flex items-center gap-1.5 px-2 py-1 text-[10px] rounded-md bg-white/5 hover:bg-white/10 border border-white/10 transition-colors text-slate-300"
       },
-      isNoteFormOpen ? /* @__PURE__ */ React19.createElement(FiX7, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiPlus8, { size: 12 }),
-      isNoteFormOpen ? "Cancelar" : "Nova Nota"
-    )), isNoteFormOpen && /* @__PURE__ */ React19.createElement("div", { className: "mb-6 p-4 rounded-xl bg-white/5 border border-white/5 space-y-3 animate-in fade-in slide-in-from-top-2" }, /* @__PURE__ */ React19.createElement(
+      isNoteFormOpen && !editingEntryId ? /* @__PURE__ */ React19.createElement(FiX7, { size: 12 }) : /* @__PURE__ */ React19.createElement(FiPlus8, { size: 12 }),
+      isNoteFormOpen && !editingEntryId ? "Cancelar" : "Nova Nota"
+    )), isNoteFormOpen && /* @__PURE__ */ React19.createElement("div", { id: "quest-note-form", className: "mb-6 p-4 rounded-xl bg-white/5 border border-white/5 space-y-3 animate-in fade-in slide-in-from-top-2 border-l-4 border-l-indigo-500/40" }, editingEntryId && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between mb-2 pb-2 border-b border-white/5" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] text-indigo-400 font-bold uppercase tracking-wider" }, "Adicionando \xE0 etapa:"), /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-slate-300 italic truncate max-w-[250px]" }, editingEntryLabel)), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => {
+      setIsNoteFormOpen(false);
+      setEditingEntryId(null);
+    }, className: "text-slate-500 hover:text-white" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 14 }))), /* @__PURE__ */ React19.createElement(
       "textarea",
       {
         value: noteText,
         onChange: (e) => setNoteText(e.target.value),
-        placeholder: "Escreva uma observa\xE7\xE3o no hist\xF3rico...",
+        placeholder: editingEntryId ? "Adicione uma observa\xE7\xE3o a esta etapa..." : "Escreva uma observa\xE7\xE3o no hist\xF3rico...",
         className: "w-full bg-slate-900/50 p-3 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-500/50 min-h-[80px] resize-none"
       }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Links"), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: addLinkToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ React19.createElement(FiPlus8, { size: 10 }), " Adicionar Link")), noteLinks.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, noteLinks.map((link) => /* @__PURE__ */ React19.createElement("div", { key: link.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "T\xEDtulo",
+        value: link.name,
+        onChange: (e) => updateLinkInNote(link.id, "name", e.target.value),
+        className: "w-1/3 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL (https://...)",
+        value: link.value,
+        onChange: (e) => updateLinkInNote(link.id, "value", e.target.value),
+        className: "flex-1 bg-slate-950/50 border border-white/5 rounded px-2 py-1 text-[10px] focus:outline-none focus:border-indigo-500/50"
+      }
+    ), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => removeLinkFromNote(link.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[10px] text-slate-500 uppercase font-bold tracking-tight" }, "Imagens (URLs)"), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: addImageToNote, className: "text-indigo-400 hover:text-indigo-300 text-[10px] flex items-center gap-1 font-medium" }, /* @__PURE__ */ React19.createElement(FiPlus8, { size: 10 }), " Adicionar Imagem")), noteImages.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, noteImages.map((img) => /* @__PURE__ */ React19.createElement("div", { key: img.id, className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-1" }, /* @__PURE__ */ React19.createElement("div", { className: "flex-1 flex items-center gap-2 bg-slate-950/50 border border-white/5 rounded px-2 py-1" }, /* @__PURE__ */ React19.createElement(FiImage, { size: 10, className: "text-slate-600" }), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "URL da Imagem (https://...)",
+        value: img.value,
+        onChange: (e) => updateImageInNote(img.id, e.target.value),
+        className: "flex-1 bg-transparent text-[10px] focus:outline-none"
+      }
+    )), /* @__PURE__ */ React19.createElement("button", { type: "button", onClick: () => removeImageFromNote(img.id), className: "text-slate-600 hover:text-red-400 transition-colors" }, /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })))))), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-end gap-2 pt-2" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",
         onClick: handleAddTimelineNote,
-        disabled: !noteText.trim() || isSaving,
+        disabled: !noteText.trim() && noteLinks.length === 0 && noteImages.length === 0 || isSaving,
         className: "px-3 py-1.5 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white text-xs font-semibold transition-colors disabled:opacity-50"
       },
-      "Adicionar ao Hist\xF3rico"
+      editingEntryId ? "Salvar nesta Etapa" : "Adicionar ao Hist\xF3rico"
     ))), /* @__PURE__ */ React19.createElement(
       QuestTimeline,
       {
         timeline,
         viewMembers,
-        onOpenImageViewer
+        onOpenImageViewer,
+        canEdit,
+        onAddNote: handleOpenNoteForEntry
       }
     )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
       const isSelected = size === s;

package/package.json

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