feat(journal-entries): implemented journal entry editor & document blocks

Author: rmolinamir

apps/web/package.json

@@ -44,6 +44,7 @@
     "@radix-ui/react-tooltip": "^1.2.7",
     "@t3-oss/env-nextjs": "^0.13.6",
     "@tanstack/react-query": "^5.80.7",
+    "@tanstack/react-query-devtools": "^5.80.7",
     "@tanstack/react-virtual": "^3.13.12",
     "@trpc/client": "^11.4.0",
     "@trpc/server": "^11.4.0",

apps/web/src/ai/mastra/tools/semantic-journal-search.ts

@@ -6,8 +6,6 @@ export const semanticJournalSearch = createTool({
   description:
     "Search the journal for entries that are semantically similar to a query",
   execute: async ({ context }) => {
-    console.debug("[semanticJournalSearch] context 👀", context);
-
     const results = await api.journal.getRelevantEntries({
       limit: context.limit,
       query: context.query,
@@ -17,7 +15,6 @@ export const semanticJournalSearch = createTool({
     return results.map((result) => ({
       content: result.embedding.chunk_markdown_text,
       date: result.journal_entry.date,
-      id: result.journal_entry.id,
       link: `/journal/${result.journal_entry.date}`,
       similarity: result.similarity,
     }));
@@ -35,7 +32,7 @@ export const semanticJournalSearch = createTool({
     z.object({
       content: z.string(),
       date: z.string(),
-      id: z.string(),
+      link: z.string(),
       similarity: z.number(),
     }),
   ),

apps/web/src/ai/mastra/tools/semantic-page-search.ts

@@ -6,9 +6,7 @@ export const semanticPageSearch = createTool({
   description:
     "Search the pages for all entries that are semantically similar to a query. Returns multiple relevant results from different pages that should all be analyzed and synthesized.",
   execute: async ({ context }) => {
-    console.debug("[semanticPageSearch] context 👀", context);
-
-    const result = await api.pages.getRelevantPageChunks({
+    const result = await api.pages.getRelevantPages({
       limit: context.limit,
       query: context.query,
       threshold: context.threshold,

apps/web/src/ai/mastra/tools/temporal-journal-search.ts

@@ -1,21 +1,35 @@
+import { ServerBlockNoteEditor } from "@blocknote/server-util";
 import { createTool } from "@mastra/core/tools";
+import { MDocument } from "@mastra/rag";
 import { z } from "zod";
+import { schema } from "~/components/editor/block-schema";
 import { api } from "~/trpc/server";
 
 export const temporalJournalSearch = createTool({
   description: "Search the journal for entries between two dates",
   execute: async ({ context }) => {
-    console.debug("[temporalJournalSearch] context 👀", context);
-
     const results = await api.journal.getBetween({
       from: context.from,
       to: context.to,
     });
 
-    return results.map((result) => ({
-      ...result,
-      link: `/journal/${result.date}`,
-    }));
+    return await Promise.all(
+      results.map(async (result) => {
+        const editor = ServerBlockNoteEditor.create({
+          schema,
+        });
+        const markdown = result.document
+          ? await editor.blocksToMarkdownLossy(result.document)
+          : "";
+        const mDocument = MDocument.fromMarkdown(markdown);
+        return {
+          content: mDocument.getText().join("\n"),
+          date: result.date,
+          id: result.id,
+          link: `/journal/${result.date}`,
+        };
+      }),
+    );
   },
   id: "temporal-journal-search",
   inputSchema: z.object({
@@ -35,6 +49,7 @@ export const temporalJournalSearch = createTool({
       content: z.string(),
       date: z.string(),
       id: z.string(),
+      link: z.string(),
     }),
   ),
 });

apps/web/src/app/(app)/@appSidebar/_components/app-sidebar-page-item.tsx

@@ -38,7 +38,7 @@ export function AppSidebarPageItem(props: AppSidebarPageItemProps) {
           </Link>
           {!!page && (
             <DeletePageButton
-              className="hover:!bg-transparent hover:!text-destructive opacity-0 transition-opacity duration-200 group-hover/page-item:opacity-100"
+              className="!text-destructive !bg-transparent !pr-0 hidden group-hover/page-item:block"
               page={page}
             />
           )}

apps/web/src/app/(app)/@appSidebar/_components/app-sidebar-pages.tsx

@@ -29,7 +29,7 @@ export const AppSidebarPages = (props: AppSidebarPagesProps) => {
   const { state, setOpen } = useSidebar();
 
   const { data: pages } = useQuery({
-    ...trpc.pages.getAll.queryOptions(),
+    ...trpc.pages.getByUser.queryOptions(),
     initialData: props.pages,
   });
 
@@ -62,7 +62,7 @@ export const AppSidebarPages = (props: AppSidebarPagesProps) => {
         </SidebarMenuButton>
       </CollapsibleTrigger>
       <CollapsibleContent>
-        <SidebarMenuSub>
+        <SidebarMenuSub className="mr-0 pr-0">
           <CreatePageButton />
           {pages?.map((page) => (
             <AppSidebarPageItem key={page.id} page={page} />

apps/web/src/app/(app)/@appSidebar/_components/create-page-button.tsx

@@ -36,7 +36,7 @@ export function CreatePageButton() {
           onSuccess: (newPage) => {
             // Optimistically update the pages list
             queryClient.setQueryData(
-              trpc.pages.getAll.queryOptions().queryKey,
+              trpc.pages.getByUser.queryOptions().queryKey,
               (oldPages: Page[] | undefined) => {
                 if (!oldPages) return [newPage];
                 return [newPage, ...oldPages];

apps/web/src/app/(app)/@appSidebar/_components/delete-page-button.tsx

@@ -55,7 +55,7 @@ export function DeletePageButton({ page, className }: DeletePageButtonProps) {
 
             // Optimistically update the pages list
             queryClient.setQueryData(
-              trpc.pages.getAll.queryOptions().queryKey,
+              trpc.pages.getByUser.queryOptions().queryKey,
               (oldPages: Page[] | undefined) => {
                 if (!oldPages) return [];
                 return oldPages.filter((p) => p.id !== page.id);

apps/web/src/app/(app)/@appSidebar/default.tsx

@@ -15,7 +15,7 @@ import { AppSidebarUser } from "./_components/app-sidebar-user";
 import { AppSidebarUserSkeleton } from "./_components/app-sidebar-user-skeleton";
 
 async function SuspendedAppSidebarPages() {
-  const pages = await api.pages.getAll();
+  const pages = await api.pages.getByUser();
   return <AppSidebarPages pages={pages} />;
 }
 

apps/web/src/app/(app)/@header/_components/header-search-modal.tsx

@@ -31,7 +31,7 @@ import { useTRPC } from "~/trpc/react";
 const MIN_QUERY_LENGTH = 2;
 const DEFAULT_THRESHOLD = 0.25;
 const DEFAULT_LIMIT = 10;
-const DEFAULT_DEBOUNCE_TIME = 500;
+const DEFAULT_DEBOUNCE_TIME = 150;
 
 type HeaderSearchButtonProps = React.ComponentProps<typeof Dialog> & {
   children: React.ReactNode;