feat: RAG Integration (#238)

* feat: add rag provider and retriever

* feat: retriever tool

* feat: add retriever tool to the researcher node

* feat: add rag http apis

* feat: new message input supports resource mentions

* feat: new message input component support resource mentions

* refactor: need_web_search to need_search

* chore: RAG integration docs

* chore: change example api host

* fix: user message color in dark mode

* fix: mentions style

* feat: add local_search_tool to researcher prompt

* chore: research prompt

* fix: ragflow page size and reporter with

* docs: ragflow integration and add acknowledgment projects

* chore: format

web/src/styles/globals.css

@@ -187,7 +187,7 @@
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
-  --brand: #5494f3;
+  --brand: rgb(17, 103, 234);
 
   --novel-highlight-default: #000000;
   --novel-highlight-purple: #3f2c4b;

web/src/styles/prosemirror.css

@@ -1,7 +1,9 @@
-@import "./globals.css";
-
 .prose {
-  color: inherit;
+  max-width: inherit;
+}
+
+.prose .placeholder {
+  opacity: 0.65;
 }
 
 .ProseMirror {
@@ -15,6 +17,7 @@
   pointer-events: none;
   height: 0;
 }
+
 .ProseMirror p.is-empty::before {
   content: attr(data-placeholder);
   float: left;
@@ -23,6 +26,14 @@
   height: 0;
 }
 
+.ProseMirror .mention {
+  background-color: var(--purple-light);
+  border-radius: 0.4rem;
+  box-decoration-break: clone;
+  color: var(--brand);
+  padding: 0.1rem 0.3rem;
+}
+
 /* Custom image styles */
 
 .ProseMirror img {