diff --git a/apps/web/app/(dash)/chat/chatWindow.tsx b/apps/web/app/(dash)/chat/chatWindow.tsx index 23f49554..32fd1fce 100644 --- a/apps/web/app/(dash)/chat/chatWindow.tsx +++ b/apps/web/app/(dash)/chat/chatWindow.tsx @@ -291,7 +291,6 @@ function ChatWindow({ - {/* Justification */} {chat.answer.justification && chat.answer.justification.length && ( diff --git a/apps/web/app/(dash)/chat/page.tsx b/apps/web/app/(dash)/chat/page.tsx index 73519851..12b1bd2a 100644 --- a/apps/web/app/(dash)/chat/page.tsx +++ b/apps/web/app/(dash)/chat/page.tsx @@ -1,5 +1,9 @@ import ChatWindow from "./chatWindow"; -import { chatSearchParamsCache } from "../../../lib/searchParams"; +import { chatSearchParamsCache } from "../../helpers/lib/searchParams"; +import { ChevronDownIcon, ClipboardIcon, SpeakerWaveIcon } from '@heroicons/react/24/outline' +import Image from "next/image"; +import { ArrowRightIcon } from "@repo/ui/icons"; +import QueryInput from "@repo/ui/components/QueryInput"; // @ts-expect-error await import("katex/dist/katex.min.css"); @@ -12,7 +16,93 @@ function Page({ console.log(spaces); - return ; + return ( +
+ {/* */} + +
+ {/* single q&A */} + {Array.from({ length: 1 }).map((_, i) => ( + +
+ + {/* header */} +
+ {/* query */} +

Why is Retrieval-Augmented Generation important?

+
+ + {/* response */} +
+ + {/* related memories */} +
+ {/* section header */} +
+

Related memories

+ +
+ + {/* section content */} + {/* collection of memories */} +
+ {/* related memory */} + {Array.from({ length: 3 }).map((_, i) => ( +
+ +

Webpage

+

What is RAG? - Retrieval-Augmented Generation Explained - AWS

+
+ ))} +
+
+ + {/* summary */} +
+ {/* section header */} +
+

Summary

+ +
+ + {/* section content */} +
+

+ Retrieval-Augmented Generation is crucial because it combines the strengths of retrieval-based methods, ensuring relevance and accuracy, with generation-based models, enabling creativity and flexibility. By integrating retrieval mechanisms, it addresses data sparsity issues, improves content relevance, offers fine-tuned control over output, handles ambiguity, and allows for continual learning, making it highly adaptable and effective across various natural language processing tasks and domains. +

+ + {/* response actions */} +
+ {/* speak response */} + + {/* copy response */} + +
+
+ +
+ +
+ +
+ ))} + +
+ +
+ +
+ +
+ ); } export default Page; diff --git a/apps/web/app/(dash)/dynamicisland.tsx b/apps/web/app/(dash)/dynamicisland.tsx index 6fa56fae..98fafc7a 100644 --- a/apps/web/app/(dash)/dynamicisland.tsx +++ b/apps/web/app/(dash)/dynamicisland.tsx @@ -39,7 +39,7 @@ export function DynamicIsland() { }); return ( -
+
-
- +
+ +
+ SuperMemory logo - +
+ {/* */} + +
-
+
); } diff --git a/apps/web/app/(dash)/home/page.tsx b/apps/web/app/(dash)/home/page.tsx index 6fe26513..bdf6a61e 100644 --- a/apps/web/app/(dash)/home/page.tsx +++ b/apps/web/app/(dash)/home/page.tsx @@ -32,7 +32,7 @@ function Page({ {/* all content goes here */} {/*
hi {firstTime ? 'first time' : ''}
*/} -
+
{ const newQ = diff --git a/apps/web/app/(dash)/home/queryinput.tsx b/apps/web/app/(dash)/home/queryinput.tsx index ce45e36b..4fadfb6f 100644 --- a/apps/web/app/(dash)/home/queryinput.tsx +++ b/apps/web/app/(dash)/home/queryinput.tsx @@ -69,7 +69,7 @@ function QueryInput({ name="q" cols={30} rows={mini ? 2 : 4} - className="bg-transparent pt-2.5 text-base text-[#989EA4] focus:text-foreground duration-200 tracking-[3%] outline-none resize-none w-full p-4" + className="bg-transparent pt-2.5 text-base placeholder:text-[#5D6165] text-[#9DA0A4] focus:text-white duration-200 tracking-[3%] outline-none resize-none w-full p-4" placeholder="Ask your second brain..." onKeyDown={(e) => { if (e.key === "Enter") { @@ -85,6 +85,7 @@ function QueryInput({