Merge pull request #91 from atomly/deps/upgrade-packages-and-install-dependabot

[DEPENDENCIES] Upgrade packages and install dependabot #62 (Part 1)

Author: rmolinamir

.env.example

@@ -7,23 +7,33 @@
 # The database URL is used to connect to your Supabase database.
 POSTGRES_URL="postgres://postgres.[USERNAME]:[PASSWORD]@aws-0-eu-central-1.pooler.supabase.com:6543/postgres?workaround=supabase-pooler.vercel"
 
-# You can generate the secret via 'openssl rand -base64 32' on Unix
+# You can generate the secret via 'openssl rand -base64 32' on Unix.
 # @see https://www.better-auth.com/docs/installation
 AUTH_SECRET='<YOUR_AUTH_SECRET>'
 
-# Pre-configured Discord OAuth provider, works out-of-the-box
+# Pre-configured Google OAuth provider, works out-of-the-box.
+# @see https://www.better-auth.com/docs/authentication/google
+AUTH_GOOGLE_ID='<AUTH_GOOGLE_ID>'
+AUTH_GOOGLE_SECRET='<AUTH_GOOGLE_SECRET>'
+
+# Pre-configured Discord OAuth provider, works out-of-the-box.
 # @see https://www.better-auth.com/docs/authentication/discord
 AUTH_DISCORD_ID='<AUTH_DISCORD_ID>'
 AUTH_DISCORD_SECRET='<AUTH_DISCORD_SECRET>'
 
+# Pre-configured GitHub OAuth provider, works out-of-the-box.
+# @see https://www.better-auth.com/docs/authentication/github
+AUTH_GITHUB_ID='<AUTH_GITHUB_ID>'
+AUTH_GITHUB_SECRET='<AUTH_GITHUB_SECRET>'
+
 # Environment variables for the local tunnel that webhooks will be using.
 LOCALTUNNEL_PORT='<LOCALTUNNEL_PORT>'
 LOCALTUNNEL_SUBDOMAIN='<LOCALTUNNEL_SUBDOMAIN>'
 
 # Supabase secret for webhook signatures.
 SUPABASE_SECRET="<YOUR_SUPABASE_SECRET>"
 
-# OpenAI Key for vector embeddings
+# OpenAI Key for vector embeddings & editor chat completions.
 OPENAI_API_KEY="<OPENAI_API_KEY>"
 
 # Public URL of the web app. In preview URLs it should be `PUBLIC_WEB_URL=https://$NEXT_PUBLIC_VERCEL_URL`.

apps/drizzle-studio/package.json

@@ -9,6 +9,6 @@
   },
   "devDependencies": {
     "@acme/db": "workspace:*",
-    "dotenv-cli": "^8.0.0"
+    "dotenv-cli": "~8.0.0"
   }
 }

apps/localtunnel/package.json

@@ -15,15 +15,15 @@
   "devDependencies": {
     "@acme/db": "workspace:*",
     "@acme/tsconfig": "workspace:*",
-    "@biomejs/biome": "^2.0.6",
-    "@types/express": "^5.0.3",
-    "@types/localtunnel": "^2.0.4",
-    "@types/node": "^22.15.29",
-    "concurrently": "^9.2.1",
-    "dotenv-cli": "^8.0.0",
-    "express": "^5.1.0",
-    "localtunnel": "^2.0.2",
-    "tsx": "^4.20.5",
-    "zod": "^3.25.71"
+    "@biomejs/biome": "~2.0.6",
+    "@types/express": "~5.0.3",
+    "@types/localtunnel": "~2.0.4",
+    "@types/node": "~22.15.29",
+    "concurrently": "~9.2.1",
+    "dotenv-cli": "~8.0.0",
+    "express": "~5.1.0",
+    "localtunnel": "~2.0.2",
+    "tsx": "~4.20.5",
+    "zod": "~3.25.71"
   }
 }

apps/stripe/package.json

@@ -11,8 +11,8 @@
   },
   "devDependencies": {
     "@acme/tsconfig": "workspace:*",
-    "@t3-oss/env-nextjs": "^0.13.6",
-    "dotenv-cli": "^8.0.0",
-    "zod": "^3.25.71"
+    "@t3-oss/env-nextjs": "~0.13.8",
+    "dotenv-cli": "~8.0.0",
+    "zod": "~3.25.71"
   }
 }

apps/web/package.json

@@ -18,81 +18,79 @@
     "@acme/auth": "workspace:*",
     "@acme/blocknote": "workspace:*",
     "@acme/db": "workspace:*",
-    "@ai-sdk/openai": "^2.0.27",
-    "@ai-sdk/provider-utils": "^3.0.9",
+    "@ai-sdk/openai": "~2.0.32",
+    "@ai-sdk/provider-utils": "~3.0.9",
     "@ai-sdk/react": "2.0.49",
-    "@assistant-ui/react": "^0.11.15",
-    "@assistant-ui/react-ai-sdk": "^1.1.0",
-    "@assistant-ui/react-markdown": "^0.11.0",
-    "@assistant-ui/styles": "^0.2.1",
-    "@blocknote/core": "^0.35.0",
-    "@blocknote/mantine": "^0.35.0",
-    "@blocknote/react": "^0.35.0",
-    "@blocknote/server-util": "^0.35.0",
-    "@blocknote/xl-ai": "^0.35.0",
-    "@daveyplate/better-auth-ui": "^2.1.11",
-    "@hookform/resolvers": "^5.0.1",
-    "@mantine/core": "^8.1.3",
-    "@mastra/core": "^0.15.2",
-    "@mastra/libsql": "^0.13.7",
-    "@mastra/loggers": "^0.10.9",
-    "@mastra/memory": "^0.14.2",
-    "@mastra/rag": "^1.2.2",
-    "@ngrok/ngrok": "^1.5.1",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
-    "@radix-ui/react-scroll-area": "^1.2.9",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@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",
-    "@trpc/tanstack-react-query": "^11.4.0",
-    "ai": "^5.0.38",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.475.0",
-    "next": "^15.4.7",
-    "next-themes": "^0.4.6",
-    "radix-ui": "^1.4.2",
-    "react": "19.1.0",
-    "react-day-picker": "^9.8.0",
-    "react-dom": "19.1.0",
-    "react-hook-form": "^7.57.0",
-    "react-virtuoso": "^4.13.0",
-    "remark-gfm": "^4.0.1",
-    "remove-markdown": "^0.6.2",
-    "sonner": "^2.0.5",
-    "stripe": "^18.5.0",
+    "@assistant-ui/react": "~0.11.15",
+    "@assistant-ui/react-ai-sdk": "~1.1.0",
+    "@assistant-ui/react-markdown": "~0.11.0",
+    "@assistant-ui/styles": "~0.2.1",
+    "@blocknote/core": "~0.39.1",
+    "@blocknote/mantine": "~0.39.1",
+    "@blocknote/react": "~0.39.1",
+    "@blocknote/server-util": "~0.39.1",
+    "@blocknote/xl-ai": "~0.39.1",
+    "@daveyplate/better-auth-ui": "~2.1.11",
+    "@hookform/resolvers": "~5.0.1",
+    "@mantine/core": "~8.1.3",
+    "@mastra/core": "~0.15.2",
+    "@mastra/libsql": "~0.13.7",
+    "@mastra/loggers": "~0.10.9",
+    "@mastra/memory": "~0.14.2",
+    "@mastra/rag": "~1.2.2",
+    "@radix-ui/react-avatar": "~1.1.10",
+    "@radix-ui/react-collapsible": "~1.1.12",
+    "@radix-ui/react-dialog": "~1.1.14",
+    "@radix-ui/react-hover-card": "~1.1.15",
+    "@radix-ui/react-navigation-menu": "~1.2.13",
+    "@radix-ui/react-scroll-area": "~1.2.9",
+    "@radix-ui/react-select": "~2.2.6",
+    "@radix-ui/react-separator": "~1.1.7",
+    "@radix-ui/react-slot": "~1.2.3",
+    "@radix-ui/react-tooltip": "~1.2.7",
+    "@t3-oss/env-nextjs": "~0.13.8",
+    "@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",
+    "@trpc/tanstack-react-query": "~11.4.0",
+    "ai": "~5.0.49",
+    "class-variance-authority": "~0.7.1",
+    "clsx": "~2.1.1",
+    "cmdk": "~1.1.1",
+    "embla-carousel-react": "~8.6.0",
+    "lucide-react": "~0.475.0",
+    "next": "~15.4.7",
+    "next-themes": "~0.4.6",
+    "radix-ui": "~1.4.2",
+    "react": "19.1.1",
+    "react-day-picker": "~9.8.0",
+    "react-dom": "~19.1.1",
+    "react-hook-form": "~7.57.0",
+    "react-virtuoso": "~4.13.0",
+    "remark-gfm": "~4.0.1",
+    "remove-markdown": "~0.6.2",
+    "sonner": "~2.0.5",
+    "stripe": "~18.5.0",
     "superjson": "2.2.2",
-    "tailwind-merge": "^3.3.0",
-    "tw-animate-css": "^1.2.4",
-    "use-debounce": "^10.0.5",
-    "vaul": "^1.1.2",
-    "zod": "^3.25.71"
+    "tailwind-merge": "~3.3.0",
+    "tw-animate-css": "~1.2.4",
+    "use-debounce": "~10.0.5",
+    "vaul": "~1.1.2",
+    "zod": "~3.25.71"
   },
   "devDependencies": {
     "@acme/tsconfig": "workspace:*",
-    "@biomejs/biome": "^2.0.6",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@types/node": "^22.15.29",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "dotenv-cli": "^8.0.0",
-    "jiti": "^2.4.2",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "tailwindcss": "^4.1.13"
+    "@biomejs/biome": "~2.0.6",
+    "@tailwindcss/postcss": "~4.1.13",
+    "@types/node": "~22.15.29",
+    "@types/react": "~19.1.13",
+    "@types/react-dom": "~19.1.9",
+    "dotenv-cli": "~8.0.0",
+    "jiti": "~2.6.0",
+    "react": "~19.1.1",
+    "react-dom": "~19.1.1",
+    "tailwindcss": "~4.1.13"
   }
 }

apps/web/src/ai/agents/journl-agent.ts

@@ -54,13 +54,13 @@ ${
 
 ### \`manipulateEditor\`
 
-Modify the content of the target editor (insert/append/prepend/replace text; headings, bullets, and so on).
+Modify the content of the target editor.
 
 **Important**: The target editor has to be the ID of one of the active editors, if you don't know which to use, do not call this tool and ask the user to clarify instead.
 
-- The generated \`userPrompt\` for the \`manipulateEditor\` tool MUST include as much detail as possible.
-- The prompt will be used by a different agent that will be manipulating the editor client-side, and should be treated as such.
-- Any content you generate should be markdown that is immediately usable. Avoid placeholder text.
+- Treat the editor as an agent that will be manipulating the editor client-side.
+- As such, the \`editorPrompt\` for the \`manipulateEditor\` tool must include as much detail as possible.
+- Do not generate markdown, the editor will handle the formatting.
 - Do not add titles to the pages because they are handled separately from the editor.
 - **No fabrication**. Never invent prior notes, pages, links, or other content.
 

apps/web/src/ai/providers/openai/text.ts

@@ -1,4 +1,4 @@
 import { openai } from "@ai-sdk/openai";
 
 // ! TODO: Move this to a shared package called `@acme/ai`.
-export const model = openai("gpt-4o-mini");
+export const model = openai("gpt-5-mini");

apps/web/src/ai/tools/manipulate-editor.client.ts

@@ -30,14 +30,22 @@ export function useManipulateEditorTool() {
 
         const aiExtension = getAIExtension(editor);
 
+        let hasScrolledAtLeastOnce = false;
+        function handleBlockUpdate(block: string) {
+          const blockElement = document.querySelector(`[data-id="${block}"]`);
+          if (
+            blockElement &&
+            !isElementPartiallyInViewport(blockElement) &&
+            !hasScrolledAtLeastOnce
+          ) {
+            blockElement.scrollIntoView({ behavior: "smooth" });
+            hasScrolledAtLeastOnce = true;
+          }
+        }
+
         const response = await aiExtension.callLLM({
-          onBlockUpdate: (block) => {
-            const blockElement = document.querySelector(`[data-id="${block}"]`);
-            if (blockElement && !isElementPartiallyInViewport(blockElement)) {
-              blockElement.scrollIntoView({ behavior: "smooth" });
-            }
-          },
-          userPrompt: toolCall.input.userPrompt,
+          onBlockUpdate: handleBlockUpdate,
+          userPrompt: toolCall.input.editorPrompt,
         });
 
         const stream = response?.llmResult.streamObjectResult;

apps/web/src/ai/tools/manipulate-editor.schema.ts

@@ -6,7 +6,7 @@ export const zManipulateEditorInput = z.object({
     .describe(
       "The target editor to manipulate. It is the date of a journal entry (in YYYY-MM-DD format) or a page ID (UUID format).",
     ),
-  userPrompt: z
+  editorPrompt: z
     .string()
-    .describe("The user prompt to use for the editor's LLM call."),
+    .describe("The prompt to pass to the editor's agent."),
 });

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

@@ -0,0 +1,5 @@
+import dynamic from "next/dynamic";
+
+export const DynamicAppSidebarDevtools = dynamic(() =>
+  import("./app-sidebar-devtools").then((mod) => mod.AppSidebarDevtools),
+);