strapi-plugin-ai-sdk 0.7.7 → 0.8.0

package/dist/_chunks/{App-DMdQymB3.mjs → App-DZVBmpvs.mjs}

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Layouts, Page } from "@strapi/strapi/admin";
 import { Link, useNavigate, Routes, Route } from "react-router-dom";
-import { Box, Typography, TextInput, Button, Main, SearchForm, Searchbar, Table, Thead, Tr, Th, Tbody, Td, Flex, Pagination, Modal, Field, Textarea, SingleSelect, SingleSelectOption } from "@strapi/design-system";
+import { Box, Typography, Flex, Modal, Field, TextInput, Textarea, SingleSelect, SingleSelectOption, Button, Main, SearchForm, Searchbar, Table, Thead, Tr, Th, Tbody, Td, Pagination, Dialog } from "@strapi/design-system";
 import { useState, useEffect, useCallback, useMemo, useRef, forwardRef } from "react";
 import styled from "styled-components";
-import { P as PLUGIN_ID } from "./index-DrLcqX__.mjs";
-import { Plus, Trash, Sparkle, ArrowLeft, Pencil } from "@strapi/icons";
+import { P as PLUGIN_ID } from "./index-Ca2F2wBp.mjs";
+import { Plus, Trash, Sparkle, ArrowLeft, Pencil, WarningCircle } from "@strapi/icons";
 import Markdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 const COOKIE_REGEX = /(?:^|;\s*)jwtToken=([^;]*)/;
@@ -205,40 +205,40 @@ function useChat(options) {
   }, []);
   return { messages, setMessages, sendMessage, clearMessages, isLoading, error };
 }
-const BASE$2 = () => `${getBackendURL()}/${PLUGIN_ID}/conversations`;
-function headers$2() {
+const BASE$3 = () => `${getBackendURL()}/${PLUGIN_ID}/conversations`;
+function headers$3() {
   const token = getToken();
   return {
     "Content-Type": "application/json",
     ...token ? { Authorization: `Bearer ${token}` } : {}
   };
 }
-async function request$2(url, init) {
-  const res = await fetch(url, { headers: headers$2(), ...init });
+async function request$3(url, init) {
+  const res = await fetch(url, { headers: headers$3(), ...init });
   if (!res.ok) throw new Error(`Request failed: ${res.status}`);
   const json = await res.json();
   return json.data;
 }
 function fetchConversations() {
-  return request$2(BASE$2());
+  return request$3(BASE$3());
 }
 function fetchConversation(documentId) {
-  return request$2(`${BASE$2()}/${documentId}`);
+  return request$3(`${BASE$3()}/${documentId}`);
 }
 function createConversation(data) {
-  return request$2(BASE$2(), {
+  return request$3(BASE$3(), {
     method: "POST",
     body: JSON.stringify(data)
   });
 }
 function updateConversation(documentId, data) {
-  return request$2(`${BASE$2()}/${documentId}`, {
+  return request$3(`${BASE$3()}/${documentId}`, {
     method: "PUT",
     body: JSON.stringify(data)
   });
 }
 function deleteConversation(documentId) {
-  return request$2(`${BASE$2()}/${documentId}`, { method: "DELETE" });
+  return request$3(`${BASE$3()}/${documentId}`, { method: "DELETE" });
 }
 function useConversations() {
   const [conversations, setConversations] = useState([]);
@@ -326,37 +326,37 @@ function useConversations() {
     removeConversation
   };
 }
-const BASE$1 = () => `${getBackendURL()}/${PLUGIN_ID}/memories`;
-function headers$1() {
+const BASE$2 = () => `${getBackendURL()}/${PLUGIN_ID}/memories`;
+function headers$2() {
   const token = getToken();
   return {
     "Content-Type": "application/json",
     ...token ? { Authorization: `Bearer ${token}` } : {}
   };
 }
-async function request$1(url, init) {
-  const res = await fetch(url, { headers: headers$1(), ...init });
+async function request$2(url, init) {
+  const res = await fetch(url, { headers: headers$2(), ...init });
   if (!res.ok) throw new Error(`Request failed: ${res.status}`);
   const json = await res.json();
   return json.data;
 }
 function fetchMemories() {
-  return request$1(BASE$1());
+  return request$2(BASE$2());
 }
 function createMemory(data) {
-  return request$1(BASE$1(), {
+  return request$2(BASE$2(), {
     method: "POST",
     body: JSON.stringify(data)
   });
 }
 function updateMemory(documentId, data) {
-  return request$1(`${BASE$1()}/${documentId}`, {
+  return request$2(`${BASE$2()}/${documentId}`, {
     method: "PUT",
     body: JSON.stringify(data)
   });
 }
 function deleteMemory(documentId) {
-  return request$1(`${BASE$1()}/${documentId}`, { method: "DELETE" });
+  return request$2(`${BASE$2()}/${documentId}`, { method: "DELETE" });
 }
 function useMemories() {
   const [memories, setMemories] = useState([]);
@@ -402,6 +402,93 @@ function useMemories() {
   }, []);
   return { memories, loading, addMemory, editMemory, removeMemory, refresh: load };
 }
+const BASE$1 = () => `${getBackendURL()}/${PLUGIN_ID}/notes`;
+function headers$1() {
+  const token = getToken();
+  return {
+    "Content-Type": "application/json",
+    ...token ? { Authorization: `Bearer ${token}` } : {}
+  };
+}
+async function request$1(url, init) {
+  const res = await fetch(url, { headers: headers$1(), ...init });
+  if (!res.ok) throw new Error(`Request failed: ${res.status}`);
+  const json = await res.json();
+  return json.data;
+}
+function fetchNotes() {
+  return request$1(BASE$1());
+}
+function createNote(data) {
+  return request$1(BASE$1(), {
+    method: "POST",
+    body: JSON.stringify(data)
+  });
+}
+function updateNote(documentId, data) {
+  return request$1(`${BASE$1()}/${documentId}`, {
+    method: "PUT",
+    body: JSON.stringify(data)
+  });
+}
+function deleteNote(documentId) {
+  return request$1(`${BASE$1()}/${documentId}`, { method: "DELETE" });
+}
+function clearAllNotes() {
+  return request$1(`${BASE$1()}/clear`, { method: "DELETE" });
+}
+function useNotes() {
+  const [notes, setNotes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const load = useCallback(async () => {
+    try {
+      const data = await fetchNotes();
+      setNotes(data);
+    } catch (err) {
+      console.error("Failed to load notes:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    load();
+  }, [load]);
+  const addNote = useCallback(async (data) => {
+    try {
+      const created = await createNote(data);
+      setNotes((prev) => [created, ...prev]);
+    } catch (err) {
+      console.error("Failed to create note:", err);
+    }
+  }, []);
+  const editNote = useCallback(async (documentId, data) => {
+    try {
+      const updated = await updateNote(documentId, data);
+      setNotes(
+        (prev) => prev.map((n) => n.documentId === documentId ? { ...n, ...updated } : n)
+      );
+    } catch (err) {
+      console.error("Failed to update note:", err);
+    }
+  }, []);
+  const removeNote = useCallback(async (documentId) => {
+    try {
+      await deleteNote(documentId);
+      setNotes((prev) => prev.filter((n) => n.documentId !== documentId));
+    } catch (err) {
+      console.error("Failed to delete note:", err);
+    }
+  }, []);
+  const clearAll = useCallback(async () => {
+    try {
+      await clearAllNotes();
+      setNotes([]);
+    } catch (err) {
+      console.error("Failed to clear notes:", err);
+    }
+  }, []);
+  return { notes, loading, addNote, editNote, removeNote, clearAll, refresh: load };
+}
 const STORAGE_KEY = `${PLUGIN_ID}:enabledToolSources`;
 function useToolSources() {
   const [sources, setSources] = useState([]);
@@ -503,7 +590,7 @@ const ConversationItem = styled.button`
     opacity: 1;
   }
 `;
-const DeleteBtn$1 = styled.button`
+const DeleteBtn$2 = styled.button`
   opacity: 0;
   transition: opacity 0.15s;
   flex-shrink: 0;
@@ -558,7 +645,7 @@ function ConversationSidebar({
           children: [
             /* @__PURE__ */ jsx(TitleText, { variant: "omega", textColor: "neutral800", children: conv.title }),
             /* @__PURE__ */ jsx(
-              DeleteBtn$1,
+              DeleteBtn$2,
               {
                 className: "delete-btn",
                 onClick: (e) => {
@@ -577,7 +664,7 @@ function ConversationSidebar({
     ] })
   ] });
 }
-const PanelRoot = styled.div`
+const PanelRoot$1 = styled.div`
   width: ${({ $open }) => $open ? "280px" : "0px"};
   min-width: ${({ $open }) => $open ? "280px" : "0px"};
   display: flex;
@@ -587,7 +674,7 @@ const PanelRoot = styled.div`
   overflow: hidden;
   transition: width 0.2s ease, min-width 0.2s ease;
 `;
-const PanelHeader = styled.div`
+const PanelHeader$1 = styled.div`
   padding: 12px 16px;
   border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
 `;
@@ -610,7 +697,7 @@ const MemoryContent = styled.div`
   flex: 1;
   min-width: 0;
 `;
-const CategoryBadge = styled.span`
+const CategoryBadge$1 = styled.span`
   display: inline-block;
   font-size: 11px;
   padding: 1px 6px;
@@ -619,7 +706,7 @@ const CategoryBadge = styled.span`
   color: ${({ theme }) => theme.colors.neutral600};
   margin-bottom: 2px;
 `;
-const DeleteBtn = styled.button`
+const DeleteBtn$1 = styled.button`
   opacity: 0;
   transition: opacity 0.15s;
   flex-shrink: 0;
@@ -647,8 +734,8 @@ const DeleteBtn = styled.button`
   }
 `;
 function MemoryPanel({ memories, open, onDelete }) {
-  return /* @__PURE__ */ jsxs(PanelRoot, { $open: open, children: [
-    /* @__PURE__ */ jsx(PanelHeader, { children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral600", children: [
+  return /* @__PURE__ */ jsxs(PanelRoot$1, { $open: open, children: [
+    /* @__PURE__ */ jsx(PanelHeader$1, { children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral600", children: [
       "MEMORIES (",
       memories.length,
       ")"
@@ -656,11 +743,11 @@ function MemoryPanel({ memories, open, onDelete }) {
     /* @__PURE__ */ jsxs(MemoryList, { children: [
       memories.map((mem) => /* @__PURE__ */ jsxs(MemoryItem, { children: [
         /* @__PURE__ */ jsxs(MemoryContent, { children: [
-          /* @__PURE__ */ jsx(CategoryBadge, { children: mem.category }),
+          /* @__PURE__ */ jsx(CategoryBadge$1, { children: mem.category }),
           /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral800", style: { display: "block" }, children: mem.content })
         ] }),
         /* @__PURE__ */ jsx(
-          DeleteBtn,
+          DeleteBtn$1,
           {
             className: "memory-delete",
             onClick: () => onDelete(mem.documentId),
@@ -673,6 +760,255 @@ function MemoryPanel({ memories, open, onDelete }) {
     ] })
   ] });
 }
+const PanelRoot = styled.div`
+  width: ${({ $open }) => $open ? "300px" : "0px"};
+  min-width: ${({ $open }) => $open ? "300px" : "0px"};
+  display: flex;
+  flex-direction: column;
+  border-left: ${({ $open, theme }) => $open ? `1px solid ${theme.colors.neutral200}` : "none"};
+  background: ${({ theme }) => theme.colors.neutral100};
+  overflow: hidden;
+  transition: width 0.2s ease, min-width 0.2s ease;
+`;
+const PanelHeader = styled.div`
+  padding: 12px 16px;
+  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
+`;
+const NoteList = styled.div`
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 0;
+`;
+const NoteItem = styled.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 8px 16px;
+  cursor: pointer;
+  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.neutral150};
+  }
+
+  &:hover .note-delete {
+    opacity: 1;
+  }
+`;
+const NoteContent = styled.div`
+  flex: 1;
+  min-width: 0;
+`;
+const CategoryBadge = styled.span`
+  display: inline-block;
+  font-size: 11px;
+  padding: 1px 6px;
+  border-radius: 3px;
+  background: ${({ theme }) => theme.colors.neutral200};
+  color: ${({ theme }) => theme.colors.neutral600};
+  margin-bottom: 2px;
+`;
+const TagsBadge = styled.span`
+  display: inline-block;
+  font-size: 10px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: ${({ theme }) => theme.colors.primary100};
+  color: ${({ theme }) => theme.colors.primary600};
+  margin-left: 4px;
+`;
+const DeleteBtn = styled.button`
+  opacity: 0;
+  transition: opacity 0.15s;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  margin-top: 2px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: ${({ theme }) => theme.colors.neutral500};
+  cursor: pointer;
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.neutral300};
+    color: ${({ theme }) => theme.colors.danger600};
+  }
+
+  svg {
+    width: 12px;
+    height: 12px;
+  }
+`;
+const NoteTitle = styled(Typography)`
+  display: block;
+  font-weight: 600;
+  margin-bottom: 2px;
+`;
+const NotePreview = styled(Typography)`
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+`;
+const WideModalContent$3 = styled(Modal.Content)`
+  max-width: 680px;
+  width: 100%;
+`;
+function EditNoteModal({ note, open, onClose, onSave }) {
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [category, setCategory] = useState("research");
+  const [tags, setTags] = useState("");
+  const [source, setSource] = useState("");
+  useEffect(() => {
+    if (open && note) {
+      setTitle(note.title || "");
+      setContent(note.content);
+      setCategory(note.category);
+      setTags(note.tags || "");
+      setSource(note.source || "");
+    }
+  }, [open, note]);
+  const handleClose = () => {
+    onClose();
+  };
+  const handleSave = () => {
+    if (!note || !content.trim()) return;
+    onSave(note.documentId, { title, content, category, tags, source });
+    handleClose();
+  };
+  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent$3, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Edit Note" }) }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, width: "100%", children: [
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Title" }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Short label for the note",
+            value: title,
+            onChange: (e) => setTitle(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Content" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            placeholder: "Note content (supports markdown)",
+            value: content,
+            onChange: (e) => setContent(e.target.value),
+            style: { width: "100%", minHeight: "160px", fontFamily: "monospace" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 4, width: "100%", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Category" }),
+          /* @__PURE__ */ jsxs(
+            SingleSelect,
+            {
+              value: category,
+              onChange: (value) => setCategory(value),
+              children: [
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "research", children: "Research" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "snippet", children: "Snippet" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "idea", children: "Idea" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "reference", children: "Reference" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field.Root, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Source" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "e.g. conversation, URL",
+              value: source,
+              onChange: (e) => setSource(e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Tags" }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Comma-separated tags",
+            value: tags,
+            onChange: (e) => setTags(e.target.value)
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: !content.trim(), children: "Save changes" })
+    ] })
+  ] }) });
+}
+function NotePanel({ notes, open, onDelete, onEdit }) {
+  const [editingNote, setEditingNote] = useState(null);
+  const handleNoteClick = (note) => {
+    setEditingNote(note);
+  };
+  const handleCloseModal = () => {
+    setEditingNote(null);
+  };
+  const handleSave = (documentId, data) => {
+    onEdit(documentId, data);
+    setEditingNote(null);
+  };
+  return /* @__PURE__ */ jsxs(PanelRoot, { $open: open, children: [
+    /* @__PURE__ */ jsx(PanelHeader, { children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral600", children: [
+      "NOTES (",
+      notes.length,
+      ")"
+    ] }) }),
+    /* @__PURE__ */ jsxs(NoteList, { children: [
+      notes.map((note) => /* @__PURE__ */ jsxs(NoteItem, { onClick: () => handleNoteClick(note), children: [
+        /* @__PURE__ */ jsxs(NoteContent, { children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 1, wrap: "wrap", style: { marginBottom: 2 }, children: [
+            /* @__PURE__ */ jsx(CategoryBadge, { children: note.category }),
+            note.tags && note.tags.split(",").filter(Boolean).slice(0, 2).map((tag) => /* @__PURE__ */ jsx(TagsBadge, { children: tag.trim() }, tag.trim()))
+          ] }),
+          note.title && /* @__PURE__ */ jsx(NoteTitle, { variant: "omega", textColor: "neutral800", children: note.title }),
+          /* @__PURE__ */ jsx(NotePreview, { variant: "omega", textColor: "neutral600", children: note.content })
+        ] }),
+        /* @__PURE__ */ jsx(
+          DeleteBtn,
+          {
+            className: "note-delete",
+            onClick: (e) => {
+              e.stopPropagation();
+              onDelete(note.documentId);
+            },
+            "aria-label": "Delete note",
+            children: /* @__PURE__ */ jsx(Trash, {})
+          }
+        )
+      ] }, note.documentId)),
+      notes.length === 0 && /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral500", children: "No notes saved yet. Save research notes, snippets, and ideas during conversations." }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      EditNoteModal,
+      {
+        note: editingNote,
+        open: editingNote !== null,
+        onClose: handleCloseModal,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 const Wrapper = styled.div`
   position: relative;
 `;
@@ -1534,6 +1870,7 @@ function Chat() {
   const [input, setInput] = useState("");
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [memoryPanelOpen, setMemoryPanelOpen] = useState(false);
+  const [notePanelOpen, setNotePanelOpen] = useState(false);
   const messagesEndRef = useRef(null);
   const prevIsLoadingRef = useRef(false);
   const {
@@ -1546,6 +1883,7 @@ function Chat() {
     removeConversation
   } = useConversations();
   const { memories, removeMemory, refresh: refreshMemories } = useMemories();
+  const { notes, removeNote, editNote, refresh: refreshNotes } = useNotes();
   const { sources, enabledSources, enabledToolSources, toggleSource } = useToolSources();
   const { messages, sendMessage, isLoading, error } = useChat({
     initialMessages,
@@ -1556,9 +1894,10 @@ function Chat() {
     if (prevIsLoadingRef.current && !isLoading && messages.length > 0) {
       saveMessages(messages);
       refreshMemories();
+      refreshNotes();
     }
     prevIsLoadingRef.current = isLoading;
-  }, [isLoading, messages, saveMessages, refreshMemories]);
+  }, [isLoading, messages, saveMessages, refreshMemories, refreshNotes]);
   const handleSend = () => {
     if (!input.trim() || isLoading) return;
     sendMessage(input);
@@ -1600,6 +1939,18 @@ function Chat() {
             children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M2 4h12M2 8h12M2 12h8" }) })
           }
         ),
+        /* @__PURE__ */ jsx(
+          ToggleSidebarBtn,
+          {
+            onClick: () => navigate(`/plugins/${PLUGIN_ID}/note-store`),
+            "aria-label": "Research Notes",
+            children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M4 2v12h8V5l-3-3H4z" }),
+              /* @__PURE__ */ jsx("path", { d: "M9 2v3h3" }),
+              /* @__PURE__ */ jsx("path", { d: "M6 8h4M6 10.5h4" })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx(
           ToggleSidebarBtn,
           {
@@ -1633,6 +1984,18 @@ function Chat() {
           }
         ),
         /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx(
+          ToggleSidebarBtn,
+          {
+            onClick: () => setNotePanelOpen((prev) => !prev),
+            "aria-label": notePanelOpen ? "Hide notes" : "Show notes",
+            children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M4 2v12h8V5l-3-3H4z" }),
+              /* @__PURE__ */ jsx("path", { d: "M9 2v3h3" }),
+              /* @__PURE__ */ jsx("path", { d: "M6 8h4M6 10.5h4" })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx(
           ToggleSidebarBtn,
           {
@@ -1667,6 +2030,15 @@ function Chat() {
         }
       )
     ] }),
+    /* @__PURE__ */ jsx(
+      NotePanel,
+      {
+        notes,
+        open: notePanelOpen,
+        onDelete: removeNote,
+        onEdit: editNote
+      }
+    ),
     /* @__PURE__ */ jsx(
       MemoryPanel,
       {
@@ -1689,8 +2061,8 @@ const HomePage = () => {
     /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Chat, {}) })
   ] });
 };
-const PAGE_SIZE$1 = 10;
-const ActionBtn$1 = styled.button`
+const PAGE_SIZE$2 = 10;
+const ActionBtn$2 = styled.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1713,16 +2085,16 @@ const ActionBtn$1 = styled.button`
     height: 16px;
   }
 `;
-const DeleteActionBtn$1 = styled(ActionBtn$1)`
+const DeleteActionBtn$2 = styled(ActionBtn$2)`
   &:hover {
     color: ${({ theme }) => theme.colors.danger600};
   }
 `;
-const WideModalContent$1 = styled(Modal.Content)`
+const WideModalContent$2 = styled(Modal.Content)`
   max-width: 680px;
   width: 100%;
 `;
-function formatDate$1(iso) {
+function formatDate$2(iso) {
   return new Date(iso).toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
@@ -1754,7 +2126,7 @@ function MemoryModal({ memory, open, onClose, onSave }) {
     onSave({ content, category }, memory?.documentId);
     handleClose();
   };
-  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent$1, { children: [
+  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent$2, { children: [
     /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: isEdit ? "Edit Memory" : "Add Memory" }) }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, width: "100%", children: [
       /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
@@ -1807,8 +2179,8 @@ const MemoryStorePage = () => {
       (m) => m.content.toLowerCase().includes(q) || m.category.toLowerCase().includes(q)
     );
   }, [memories, search]);
-  const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE$1));
-  const paginated = filtered.slice((page - 1) * PAGE_SIZE$1, page * PAGE_SIZE$1);
+  const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE$2));
+  const paginated = filtered.slice((page - 1) * PAGE_SIZE$2, page * PAGE_SIZE$2);
   const handleOpenCreate = () => {
     setEditingMemory(null);
     setModalOpen(true);
@@ -1869,10 +2241,10 @@ const MemoryStorePage = () => {
           paginated.map((mem) => /* @__PURE__ */ jsxs(Tr, { children: [
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: mem.content }) }),
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: mem.category }) }),
-            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate$1(mem.createdAt) }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate$2(mem.createdAt) }) }),
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
               /* @__PURE__ */ jsx(
-                ActionBtn$1,
+                ActionBtn$2,
                 {
                   onClick: () => handleOpenEdit(mem),
                   "aria-label": "Edit memory",
@@ -1880,7 +2252,7 @@ const MemoryStorePage = () => {
                 }
               ),
               /* @__PURE__ */ jsx(
-                DeleteActionBtn$1,
+                DeleteActionBtn$2,
                 {
                   onClick: () => removeMemory(mem.documentId),
                   "aria-label": "Delete memory",
@@ -1980,8 +2352,8 @@ function usePublicMemories() {
   }, []);
   return { memories, loading, addMemory, editMemory, removeMemory, refresh: load };
 }
-const PAGE_SIZE = 10;
-const ActionBtn = styled.button`
+const PAGE_SIZE$1 = 10;
+const ActionBtn$1 = styled.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2004,16 +2376,16 @@ const ActionBtn = styled.button`
     height: 16px;
   }
 `;
-const DeleteActionBtn = styled(ActionBtn)`
+const DeleteActionBtn$1 = styled(ActionBtn$1)`
   &:hover {
     color: ${({ theme }) => theme.colors.danger600};
   }
 `;
-const WideModalContent = styled(Modal.Content)`
+const WideModalContent$1 = styled(Modal.Content)`
   max-width: 680px;
   width: 100%;
 `;
-function formatDate(iso) {
+function formatDate$1(iso) {
   return new Date(iso).toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
@@ -2045,7 +2417,7 @@ function PublicMemoryModal({ memory, open, onClose, onSave }) {
     onSave({ content, category }, memory?.documentId);
     handleClose();
   };
-  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent, { children: [
+  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent$1, { children: [
     /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: isEdit ? "Edit Public Memory" : "Add Public Memory" }) }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, width: "100%", children: [
       /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
@@ -2098,8 +2470,8 @@ const PublicMemoryStorePage = () => {
       (m) => m.content.toLowerCase().includes(q) || m.category.toLowerCase().includes(q)
     );
   }, [memories, search]);
-  const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
-  const paginated = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
+  const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE$1));
+  const paginated = filtered.slice((page - 1) * PAGE_SIZE$1, page * PAGE_SIZE$1);
   const handleOpenCreate = () => {
     setEditingMemory(null);
     setModalOpen(true);
@@ -2160,10 +2532,10 @@ const PublicMemoryStorePage = () => {
           paginated.map((mem) => /* @__PURE__ */ jsxs(Tr, { children: [
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: mem.content }) }),
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: mem.category }) }),
-            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate(mem.createdAt) }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate$1(mem.createdAt) }) }),
             /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
               /* @__PURE__ */ jsx(
-                ActionBtn,
+                ActionBtn$1,
                 {
                   onClick: () => handleOpenEdit(mem),
                   "aria-label": "Edit memory",
@@ -2171,7 +2543,7 @@ const PublicMemoryStorePage = () => {
                 }
               ),
               /* @__PURE__ */ jsx(
-                DeleteActionBtn,
+                DeleteActionBtn$1,
                 {
                   onClick: () => removeMemory(mem.documentId),
                   "aria-label": "Delete memory",
@@ -2195,6 +2567,292 @@ const PublicMemoryStorePage = () => {
     ] })
   ] });
 };
+const PAGE_SIZE = 10;
+const ActionBtn = styled.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: ${({ theme }) => theme.colors.neutral600};
+  cursor: pointer;
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.neutral200};
+    color: ${({ theme }) => theme.colors.primary600};
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+const DeleteActionBtn = styled(ActionBtn)`
+  &:hover {
+    color: ${({ theme }) => theme.colors.danger600};
+  }
+`;
+const WideModalContent = styled(Modal.Content)`
+  max-width: 680px;
+  width: 100%;
+`;
+function formatDate(iso) {
+  return new Date(iso).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function NoteModal({ note, open, onClose, onSave }) {
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [category, setCategory] = useState("research");
+  const [tags, setTags] = useState("");
+  const [source, setSource] = useState("");
+  const isEdit = note !== null;
+  useEffect(() => {
+    if (open && note) {
+      setTitle(note.title || "");
+      setContent(note.content);
+      setCategory(note.category);
+      setTags(note.tags || "");
+      setSource(note.source || "");
+    } else if (open) {
+      setTitle("");
+      setContent("");
+      setCategory("research");
+      setTags("");
+      setSource("");
+    }
+  }, [open, note]);
+  const handleClose = () => {
+    setTitle("");
+    setContent("");
+    setCategory("research");
+    setTags("");
+    setSource("");
+    onClose();
+  };
+  const handleSave = () => {
+    if (!content.trim()) return;
+    onSave({ title, content, category, tags, source }, note?.documentId);
+    handleClose();
+  };
+  return /* @__PURE__ */ jsx(Modal.Root, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs(WideModalContent, { children: [
+    /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: isEdit ? "Edit Note" : "Add Note" }) }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, width: "100%", children: [
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Title" }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Short label for the note",
+            value: title,
+            onChange: (e) => setTitle(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Content" }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            placeholder: "Note content (supports markdown)",
+            value: content,
+            onChange: (e) => setContent(e.target.value),
+            style: { width: "100%", minHeight: "160px", maxHeight: "300px", overflow: "auto", fontFamily: "monospace" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 4, width: "100%", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Category" }),
+          /* @__PURE__ */ jsxs(
+            SingleSelect,
+            {
+              value: category,
+              onChange: (value) => setCategory(value),
+              children: [
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "research", children: "Research" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "snippet", children: "Snippet" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "idea", children: "Idea" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "reference", children: "Reference" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field.Root, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Source" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "e.g. conversation, URL",
+              value: source,
+              onChange: (e) => setSource(e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Tags" }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Comma-separated tags (e.g. strapi, api, tutorial)",
+            value: tags,
+            onChange: (e) => setTags(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Hint, { children: "Used to filter and organize notes" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: !content.trim(), children: isEdit ? "Save changes" : "Add note" })
+    ] })
+  ] }) });
+}
+const NoteStorePage = () => {
+  const navigate = useNavigate();
+  const { notes, loading, addNote, editNote, removeNote, clearAll } = useNotes();
+  const [search, setSearch] = useState("");
+  const [page, setPage] = useState(1);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [editingNote, setEditingNote] = useState(null);
+  const [clearDialogOpen, setClearDialogOpen] = useState(false);
+  const filtered = useMemo(() => {
+    if (!search.trim()) return notes;
+    const q = search.toLowerCase();
+    return notes.filter(
+      (n) => (n.title || "").toLowerCase().includes(q) || n.content.toLowerCase().includes(q) || n.category.toLowerCase().includes(q) || (n.tags || "").toLowerCase().includes(q)
+    );
+  }, [notes, search]);
+  const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+  const paginated = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
+  const handleOpenCreate = () => {
+    setEditingNote(null);
+    setModalOpen(true);
+  };
+  const handleOpenEdit = (note) => {
+    setEditingNote(note);
+    setModalOpen(true);
+  };
+  const handleCloseModal = () => {
+    setModalOpen(false);
+    setEditingNote(null);
+  };
+  const handleSave = (data, documentId) => {
+    if (documentId) {
+      editNote(documentId, data);
+    } else {
+      addNote(data);
+    }
+  };
+  const handleClearAll = () => {
+    clearAll();
+    setClearDialogOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: "Research Notes",
+        subtitle: `${notes.length} notes saved`,
+        primaryAction: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsx(Button, { variant: "danger-light", onClick: () => setClearDialogOpen(true), disabled: notes.length === 0, children: "Clear all" }),
+          /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Plus, {}), onClick: handleOpenCreate, children: "Add note" })
+        ] }),
+        navigationAction: /* @__PURE__ */ jsx(Button, { variant: "ghost", startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), onClick: () => navigate(`/plugins/${PLUGIN_ID}`), children: "Back to Chat" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Layouts.Content, { children: [
+      /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(SearchForm, { children: /* @__PURE__ */ jsx(
+        Searchbar,
+        {
+          name: "search",
+          value: search,
+          onChange: (e) => {
+            setSearch(e.target.value);
+            setPage(1);
+          },
+          onClear: () => {
+            setSearch("");
+            setPage(1);
+          },
+          placeholder: "Search notes...",
+          children: "Search"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: paginated.length + 1, children: [
+        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Title" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Content" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Category" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Tags" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Created" }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Tbody, { children: [
+          loading && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "Loading..." }) }) }) }),
+          !loading && paginated.length === 0 && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", children: search ? "No notes match your search" : "No notes saved yet. Save research notes, snippets, and ideas during conversations." }) }) }) }),
+          paginated.map((note) => /* @__PURE__ */ jsxs(Tr, { children: [
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "semiBold", children: note.title || "—" }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: note.content.length > 100 ? `${note.content.slice(0, 100)}...` : note.content }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: note.category }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: note.tags || "—" }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatDate(note.createdAt) }) }),
+            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, children: [
+              /* @__PURE__ */ jsx(
+                ActionBtn,
+                {
+                  onClick: () => handleOpenEdit(note),
+                  "aria-label": "Edit note",
+                  children: /* @__PURE__ */ jsx(Pencil, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DeleteActionBtn,
+                {
+                  onClick: () => removeNote(note.documentId),
+                  "aria-label": "Delete note",
+                  children: /* @__PURE__ */ jsx(Trash, {})
+                }
+              )
+            ] }) })
+          ] }, note.documentId))
+        ] })
+      ] }),
+      pageCount > 1 && /* @__PURE__ */ jsx(Box, { paddingTop: 4, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Pagination.Root, { pageCount, activePage: page, onPageChange: setPage, children: /* @__PURE__ */ jsx(Pagination.Links, {}) }) }) }),
+      /* @__PURE__ */ jsx(
+        NoteModal,
+        {
+          note: editingNote,
+          open: modalOpen,
+          onClose: handleCloseModal,
+          onSave: handleSave
+        }
+      ),
+      /* @__PURE__ */ jsx(Dialog.Root, { open: clearDialogOpen, onOpenChange: setClearDialogOpen, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { children: "Clear all notes" }),
+        /* @__PURE__ */ jsxs(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: [
+          "Are you sure you want to delete all ",
+          notes.length,
+          " notes? This action cannot be undone."
+        ] }),
+        /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+          /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: handleClearAll, children: "Clear all" }) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
 function getStrapiOrigin() {
   return globalThis.location.origin;
 }
@@ -2344,6 +3002,7 @@ const App = () => {
     /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
     /* @__PURE__ */ jsx(Route, { path: "memory-store", element: /* @__PURE__ */ jsx(MemoryStorePage, {}) }),
     /* @__PURE__ */ jsx(Route, { path: "public-memory-store", element: /* @__PURE__ */ jsx(PublicMemoryStorePage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "note-store", element: /* @__PURE__ */ jsx(NoteStorePage, {}) }),
     /* @__PURE__ */ jsx(Route, { path: "widget-preview", element: /* @__PURE__ */ jsx(WidgetPreviewPage, {}) }),
     /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
   ] });