diff options
| author | Dhravya <[email protected]> | 2024-06-22 18:13:35 -0500 |
|---|---|---|
| committer | Dhravya <[email protected]> | 2024-06-22 18:13:35 -0500 |
| commit | 5140a4d769fb54ede2561e99bae1e70d9ced1ca4 (patch) | |
| tree | 70de06d3ffc21f0f1cc1d71b05a18cbba4751c6d /apps | |
| parent | merged code (diff) | |
| download | supermemory-5140a4d769fb54ede2561e99bae1e70d9ced1ca4.tar.xz supermemory-5140a4d769fb54ede2561e99bae1e70d9ced1ca4.zip | |
deleted chatpage
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/app/(dash)/chat/page.tsx | 120 |
1 files changed, 0 insertions, 120 deletions
diff --git a/apps/web/app/(dash)/chat/page.tsx b/apps/web/app/(dash)/chat/page.tsx deleted file mode 100644 index 1ce59ec5..00000000 --- a/apps/web/app/(dash)/chat/page.tsx +++ /dev/null @@ -1,120 +0,0 @@ -import ChatWindow from "./chatWindow"; -import { chatSearchParamsCache } from "@/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"); - -function Page({ - searchParams, -}: { - searchParams: Record<string, string | string[] | undefined>; -}) { - const { firstTime, q, spaces } = chatSearchParamsCache.parse(searchParams); - - console.log(spaces); - - return <ChatWindow q={q} spaces={spaces} threadId={""} />; - return ( - <div className="max-w-3xl z-10 mx-auto relative h-full overflow-y-auto no-scrollbar"> - {/* <ChatWindow q={q} spaces={[]} /> */} - - <div className="w-full pt-24 space-y-40"> - {/* single q&A */} - {Array.from({ length: 1 }).map((_, i) => ( - <div key={i} className="space-y-16"> - {/* header */} - <div> - {/* query */} - <h1 className="text-white text-xl"> - Why is Retrieval-Augmented Generation important? - </h1> - </div> - - {/* response */} - <div className="space-y-10"> - {/* related memories */} - <div className="space-y-4"> - {/* section header */} - <div className="flex items-center gap-3"> - <h1>Related memories</h1> - <button> - <ChevronDownIcon className="size-4 stroke-2" /> - </button> - </div> - - {/* section content */} - {/* collection of memories */} - <div className="flex items-center no-scrollbar overflow-auto gap-4"> - {/* related memory */} - {Array.from({ length: 3 }).map((_, i) => ( - <div - key={i} - className="w-[350px] shrink-0 p-4 gap-2 rounded-2xl flex flex-col bg-secondary" - > - <h3 className="text-[13px]">Webpage</h3> - <p className="line-clamp-2 text-white"> - What is RAG? - Retrieval-Augmented Generation Explained - - AWS - </p> - </div> - ))} - </div> - </div> - - {/* summary */} - <div className="space-y-4"> - {/* section header */} - <div className="flex items-center gap-3"> - <h1>Summary</h1> - <button> - <ChevronDownIcon className="size-4 stroke-2" /> - </button> - </div> - - {/* section content */} - <div> - <p className="text-white text-base"> - 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. - </p> - - {/* response actions */} - <div className="mt-3 relative -left-2 flex items-center gap-1"> - {/* speak response */} - <button className="group h-8 w-8 flex justify-center items-center active:scale-75 duration-200"> - <SpeakerWaveIcon className="size-[18px] group-hover:text-primary" /> - </button> - {/* copy response */} - <button className="group h-8 w-8 flex justify-center items-center active:scale-75 duration-200"> - <ClipboardIcon className="size-[18px] group-hover:text-primary" /> - </button> - </div> - </div> - </div> - </div> - </div> - ))} - </div> - - <div className="fixed bottom-4 max-w-3xl w-full"> - <QueryInput /> - </div> - </div> - ); -} - -export default Page; |