fix(chat,db,sidebar): fix chat compatibility routing, neon timeouts, sidebar hydration mismatch, and refine copy/styles

Author: SH20RAJ

apps/landing-page/src/components/landing/FounderNote.tsx

@@ -18,14 +18,17 @@ export function FounderNote() {
     <section className="py-24 md:py-32 px-6 bg-landing-bg border-t border-landing-border-light">
       <div className="mx-auto max-w-3xl">
         <h2 className="font-heading text-landing-2xl md:text-landing-3xl font-semibold tracking-tight text-landing-text-primary mb-8">
-          Why I&apos;m building Debo
+          The memory substrate for human agency
         </h2>
         <div className="space-y-6">
           <p className="text-landing-base md:text-landing-lg font-medium leading-relaxed text-landing-text-secondary">
-            I kept losing useful context — voice notes, project ideas, saved links, meeting promises, and thoughts from different apps. AI chats were helpful, but every conversation started from zero.
+            Every day, we leak intelligence. We lose context—fleeting thoughts, raw voice transcripts, meeting promises, decisions, and files—scattered across a dozen disjointed applications. AI models are getting smarter, but they still treat you like a stranger. Every conversation starts from absolute zero.
           </p>
           <p className="text-landing-base md:text-landing-lg font-medium leading-relaxed text-landing-text-secondary">
-            Debo is my attempt to build a private memory system that actually remembers the things I choose to save.
+            Without permanent memory, personal agency is crippled. We are building Debo as a private Memory OS—a secure, source-backed context engine that turns your history into active intelligence. It connects your past to your present, ensuring that every answer links back to the exact truth of what you did and said.
+          </p>
+          <p className="text-landing-base md:text-landing-lg font-medium leading-relaxed text-landing-text-secondary">
+            The future of AI isn't just about general knowledge; it's about deeply personalized context. Debo is our contribution to making that memory layer open, secure, and permanently yours.
           </p>
 
           <div className="pt-8">

apps/landing-page/src/components/landing/Hero.tsx

@@ -21,11 +21,11 @@ export function Hero() {
           </div>
 
           <h1 className="font-heading text-5xl font-semibold tracking-tight text-landing-text-primary md:text-landing-4xl lg:text-landing-hero max-w-4xl leading-[1.05]">
-            The memory layer for your life.
+            Capture anything.<br />Ask your past.<br />Trust every answer.
           </h1>
 
           <p className="mx-auto max-w-2xl text-landing-base md:text-landing-lg font-medium leading-relaxed text-landing-text-secondary">
-            Debo is foundational infrastructure for personal context. Capture your history, index your decisions, and build the memory substrate for your future AI.
+            Debo is the private Memory OS for personal intelligence. We ingest your voice, documents, mails, and connector activity into a unified, source-backed memory graph, giving your personal AI permanent recall.
           </p>
 
           <div className="flex flex-col sm:flex-row items-center gap-4 pt-6">

apps/website/src/app/api/chat/route.ts

@@ -27,6 +27,7 @@ export async function POST(req: Request) {
   let body: { messages?: any[]; threadId?: string };
   try {
     body = await req.json();
+    console.log("ROUTE API BODY:", JSON.stringify(body, null, 2));
   } catch {
     return apiError("invalid_json", 400);
   }
@@ -102,6 +103,7 @@ export async function POST(req: Request) {
   const customOpenAI = createOpenAI({
     baseURL: cfg.baseURL,
     apiKey: cfg.apiKey,
+    compatibility: "compatible",
   });
   const model = customOpenAI.chat(cfg.chatModel);
 

apps/website/src/app/globals.css

@@ -417,4 +417,27 @@
 
 .bn-editor {
   background-color: transparent;
+}
+
+/* Codex-style premium interactive utilities */
+.codex-glow-hover {
+  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.codex-glow-hover:hover {
+  border-color: rgba(88, 204, 2, 0.3);
+  box-shadow: 0 0 20px rgba(88, 204, 2, 0.06);
+  transform: translateY(-1px);
+}
+.codex-focus-ring {
+  transition: all 0.2s ease;
+}
+.codex-focus-ring:focus-within {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px rgba(88, 204, 2, 0.15);
+}
+.codex-mono-tag {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 0.7rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
 }

apps/website/src/components/app-shell/sidebar.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Suspense } from "react";
+import { Suspense, useState, useEffect } from "react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { useUser } from "@stackframe/stack";
@@ -271,10 +271,19 @@ export function Sidebar({ collapsed, onToggle }: SidebarProps) {
 function SidebarUser({ collapsed }: { collapsed: boolean }) {
   const router = useRouter();
   const user = useUser();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted || !user) {
+    return <SidebarUserFallback collapsed={collapsed} />;
+  }
 
   const handleLogout = async () => {
     try {
-      await user?.signOut();
+      await user.signOut();
       router.push("/");
     } catch {
       // Force redirect even if signOut fails
@@ -283,7 +292,7 @@ function SidebarUser({ collapsed }: { collapsed: boolean }) {
   };
 
   // User display info
-  const displayName = user?.displayName || user?.primaryEmail?.split("@")[0] || "User";
+  const displayName = user.displayName || user.primaryEmail?.split("@")[0] || "User";
   const initials = displayName.slice(0, 2).toUpperCase();
 
   return (

packages/ai/src/openai.ts

@@ -24,6 +24,7 @@ if (typeof window === 'undefined') {
 export const aiProvider = createOpenAI({
   apiKey: NVIDIA_KEY,
   baseURL: NVIDIA_BASE_URL,
+  compatibility: "compatible",
 });
 
 export function getChatModel() {

packages/db/src/index.ts

@@ -4,7 +4,7 @@ import * as schema from './schema';
 export * from './schema';
 
 const databaseUrl = process.env.DATABASE_URL;
-const defaultTimeout = process.env.NODE_ENV === "development" ? 3000 : 2500;
+const defaultTimeout = process.env.NODE_ENV === "development" ? 15000 : 10000;
 const neonFetchTimeoutMs = Number(process.env.NEON_FETCH_TIMEOUT_MS || defaultTimeout);
 
 neonConfig.fetchFunction = async (input: string | URL | Request, init?: RequestInit) => {