From 6709528f261ccdc2dc6729440760722317b90823 Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 10:35:36 +0100
Subject: [PATCH 1/8] fix(chat): prevent blank state before AI response
 displays

---
 .../(app)/dashboard/[id]/chat/components/chat-interface.tsx   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
index a82447b9f..d0d75a1d6 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
@@ -800,9 +800,11 @@ export function ChatInterface({
               {/* AI Response area - ref used for scroll positioning */}
               {/* Show ThinkingAnimation when:
                   1. Waiting for AI response (isPending, no streaming yet), OR
-                  2. Tools are actively executing (even if text has started streaming) */}
+                  2. Streaming started but no text content yet (prevents blank gap), OR
+                  3. Tools are actively executing (even if text has started streaming) */}
               <div ref={aiResponseAreaRef}>
                 {((isPending && userDraftMessage && !streamingMessage) ||
+                  (streamingMessage && !streamingMessage.text) ||
                   hasActiveTools) && (
                   <ThinkingAnimation
                     threadId={threadId}

From 832120fa0117347bd57cafae14691911abf7e94d Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:35:26 +0100
Subject: [PATCH 2/8] feat(chat): add inline cursor to typewriter markdown

---
 .../chat/components/incremental-markdown.tsx  | 91 +++++++++++++++++--
 .../[id]/chat/components/typewriter-text.tsx  | 23 +----
 2 files changed, 86 insertions(+), 28 deletions(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
index baa853b6e..522ac29cb 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
@@ -68,6 +68,8 @@ interface IncrementalMarkdownProps {
   components?: Record<string, ComponentType<any>>;
   /** Additional CSS class */
   className?: string;
+  /** Whether to show the typing cursor */
+  showCursor?: boolean;
 }
 
 // ============================================================================
@@ -109,6 +111,19 @@ const StableMarkdown = memo(
 // STREAMING MARKDOWN COMPONENT
 // ============================================================================
 
+/**
+ * Animated cursor that appears during typing.
+ * Uses CSS animation for smooth blinking without JS overhead.
+ */
+const TypewriterCursor = memo(function TypewriterCursor() {
+  return (
+    <span
+      className="inline-block w-0.5 h-[1.1em] bg-current ml-0.5 align-text-bottom animate-cursor-blink"
+      aria-hidden="true"
+    />
+  );
+});
+
 /**
  * Renders the streaming (incomplete) portion of markdown.
  * Uses CSS mask for smooth character reveal animation.
@@ -118,11 +133,13 @@ const StreamingMarkdown = memo(
     content,
     revealedLength,
     components,
+    showCursor,
   }: {
     content: string;
     revealedLength: number;
     // biome-ignore lint/suspicious/noExplicitAny: Required for react-markdown component types
     components?: Record<string, ComponentType<any>>;
+    showCursor?: boolean;
   }) {
     if (!content) return null;
 
@@ -130,13 +147,70 @@ const StreamingMarkdown = memo(
     // This keeps parsing work minimal during animation
     const revealedContent = content.slice(0, revealedLength);
 
+    // Create components that inject cursor at the end of the last element
+    // We track render order and append cursor to the last rendered block element
+    const componentsWithCursor = useMemo(() => {
+      if (!showCursor) return components;
+
+      // Helper to wrap children with cursor at the end
+      const withCursor = (children: React.ReactNode) => (
+        <>
+          {children}
+          <TypewriterCursor />
+        </>
+      );
+
+      // Create wrapper components for block elements that might be last
+      const createCursorWrapper = (
+        Tag: 'p' | 'li' | 'td' | 'th' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6',
+        // biome-ignore lint/suspicious/noExplicitAny: Required for react-markdown component types
+        CustomComponent?: ComponentType<any>,
+      ) => {
+        // biome-ignore lint/suspicious/noExplicitAny: Required for react-markdown component types
+        return function CursorWrapper({ node, children, ...props }: any) {
+          // Check if this is the last element by looking at node position
+          const isLastElement =
+            node?.position?.end?.offset === revealedContent.length ||
+            // Fallback: check if we're near the end (within whitespace)
+            (node?.position?.end?.offset &&
+              revealedContent.slice(node.position.end.offset).trim() === '');
+
+          if (CustomComponent) {
+            return (
+              <CustomComponent {...props}>
+                {isLastElement ? withCursor(children) : children}
+              </CustomComponent>
+            );
+          }
+
+          const Element = Tag;
+          return (
+            <Element {...props}>
+              {isLastElement ? withCursor(children) : children}
+            </Element>
+          );
+        };
+      };
+
+      return {
+        ...components,
+        p: createCursorWrapper('p', components?.p),
+        li: createCursorWrapper('li', components?.li),
+        td: createCursorWrapper('td', components?.td),
+        th: createCursorWrapper('th', components?.th),
+        h1: createCursorWrapper('h1', components?.h1),
+        h2: createCursorWrapper('h2', components?.h2),
+        h3: createCursorWrapper('h3', components?.h3),
+        h4: createCursorWrapper('h4', components?.h4),
+        h5: createCursorWrapper('h5', components?.h5),
+        h6: createCursorWrapper('h6', components?.h6),
+      };
+    }, [components, showCursor, revealedContent.length]);
+
     return (
       <div className="streaming-text-container">
         {/* Hidden layer: Full content establishes layout dimensions */}
-        <div
-          className="streaming-text-layout-reference"
-          aria-hidden="true"
-        >
+        <div className="streaming-text-layout-reference" aria-hidden="true">
           <Markdown
             remarkPlugins={[remarkGfm]}
             rehypePlugins={[rehypeRaw]}
@@ -151,7 +225,7 @@ const StreamingMarkdown = memo(
           <Markdown
             remarkPlugins={[remarkGfm]}
             rehypePlugins={[rehypeRaw]}
-            components={components}
+            components={componentsWithCursor}
           >
             {revealedContent}
           </Markdown>
@@ -160,10 +234,11 @@ const StreamingMarkdown = memo(
     );
   },
   (prevProps, nextProps) => {
-    // Re-render when revealed length or content changes
+    // Re-render when revealed length, content, or cursor state changes
     return (
       prevProps.content === nextProps.content &&
-      prevProps.revealedLength === nextProps.revealedLength
+      prevProps.revealedLength === nextProps.revealedLength &&
+      prevProps.showCursor === nextProps.showCursor
     );
   },
 );
@@ -194,6 +269,7 @@ export function IncrementalMarkdown({
   isStreaming,
   components,
   className,
+  showCursor,
 }: IncrementalMarkdownProps) {
   // Split content at anchor position
   const { stableContent, streamingContent, streamingRevealLength } =
@@ -237,6 +313,7 @@ export function IncrementalMarkdown({
           content={streamingContent}
           revealedLength={streamingRevealLength}
           components={components}
+          showCursor={showCursor}
         />
       )}
     </div>
diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/typewriter-text.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/typewriter-text.tsx
index 65eaea6b6..94652efd4 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/typewriter-text.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/typewriter-text.tsx
@@ -86,23 +86,6 @@ const TYPEWRITER_CONFIG = {
   catchUpMultiplier: 2.5,
 };
 
-// ============================================================================
-// CURSOR COMPONENT
-// ============================================================================
-
-/**
- * Animated cursor that appears during typing.
- * Uses CSS animation for smooth blinking without JS overhead.
- */
-const TypewriterCursor = memo(function TypewriterCursor() {
-  return (
-    <span
-      className="inline-block w-0.5 h-[1.1em] bg-current ml-0.5 align-text-bottom animate-cursor-blink"
-      aria-hidden="true"
-    />
-  );
-});
-
 // ============================================================================
 // MAIN COMPONENT
 // ============================================================================
@@ -172,7 +155,7 @@ function TypewriterTextComponent({
     updateRevealPosition(displayLength);
   }, [displayLength, updateRevealPosition]);
 
-  // Don't show cursor if there's no text
+  // Show cursor inline within markdown when streaming
   const showCursor = isStreaming && isTyping && text.length > 0;
 
   return (
@@ -193,10 +176,8 @@ function TypewriterTextComponent({
         anchorPosition={anchorPosition}
         isStreaming={isStreaming}
         components={components}
+        showCursor={showCursor}
       />
-
-      {/* Animated cursor */}
-      {showCursor && <TypewriterCursor />}
     </div>
   );
 }

From 45d495ae7e7427947e04271afc10f5140c90981b Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:35:39 +0100
Subject: [PATCH 3/8] fix(chat): improve optimistic message matching with
 timestamp tracking

---
 .../[id]/chat/components/chat-interface.tsx   | 34 +++++++++++++++----
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
index d0d75a1d6..ce7616863 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-interface.tsx
@@ -486,21 +486,43 @@ export function ChatInterface({
   }, [streamingMessage, isPending, setIsPending]);
 
   // Clear optimistic message when it appears in actual messages
+  // Track the timestamp when optimistic message was created to avoid matching older messages
+  const optimisticMessageTimestampRef = useRef<number | null>(null);
+
+  // Update timestamp when optimistic message is set
+  useEffect(() => {
+    if (optimisticMessage?.content) {
+      optimisticMessageTimestampRef.current = Date.now();
+    }
+  }, [optimisticMessage?.content]);
+
   useEffect(() => {
     if (
       optimisticMessage?.content &&
       uiMessages !== undefined &&
-      threadMessages?.some((m) => {
+      optimisticMessageTimestampRef.current
+    ) {
+      // Find user messages created after the optimistic message was set
+      // Use a small buffer (500ms before) to account for timing differences
+      const searchStartTime = optimisticMessageTimestampRef.current - 500;
+
+      const matchingMessage = threadMessages?.find((m) => {
         if (m.role !== 'user') return false;
+        // Only consider messages created around or after the optimistic message
+        const messageTime = m._creationTime || m.timestamp.getTime();
+        if (messageTime < searchStartTime) return false;
         // Check for exact match OR if the message starts with the optimistic content
         // (handles case where images are appended as markdown)
         return (
           m.content === optimisticMessage.content ||
           m.content.startsWith(optimisticMessage.content)
         );
-      })
-    ) {
-      setOptimisticMessage(null);
+      });
+
+      if (matchingMessage) {
+        setOptimisticMessage(null);
+        optimisticMessageTimestampRef.current = null;
+      }
     }
   }, [
     uiMessages,
@@ -684,7 +706,7 @@ export function ChatInterface({
         <div
           ref={contentRef}
           className={cn(
-            'flex-1 overflow-y-visible p-8',
+            'flex-1 overflow-y-visible p-4 sm:p-8',
             !threadId &&
               threadMessages?.length === 0 &&
               !userDraftMessage &&
@@ -803,7 +825,7 @@ export function ChatInterface({
                   2. Streaming started but no text content yet (prevents blank gap), OR
                   3. Tools are actively executing (even if text has started streaming) */}
               <div ref={aiResponseAreaRef}>
-                {((isPending && userDraftMessage && !streamingMessage) ||
+                {((isPending && !streamingMessage) ||
                   (streamingMessage && !streamingMessage.text) ||
                   hasActiveTools) && (
                   <ThinkingAnimation

From 8170b2208b93bd3946ab338a9a577938901e963b Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:35:53 +0100
Subject: [PATCH 4/8] feat(chat): add double-click to rename and improve mobile
 UX

---
 .../[id]/chat/components/chat-actions.tsx     | 13 ++--
 .../chat/components/chat-history-sidebar.tsx  | 62 ++++++++++++-------
 services/platform/messages/en.json            |  1 -
 3 files changed, 50 insertions(+), 26 deletions(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-actions.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-actions.tsx
index c292a04ce..366d72425 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-actions.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-actions.tsx
@@ -75,7 +75,7 @@ export function ChatActions({
             <TooltipTrigger asChild>
               <Button
                 variant="ghost"
-                className="p-1"
+                className="hidden md:inline-flex p-1"
                 size="icon"
                 onClick={onRename}
                 aria-label={tCommon('actions.rename')}
@@ -83,7 +83,9 @@ export function ChatActions({
                 <Pencil className="size-4" />
               </Button>
             </TooltipTrigger>
-            <TooltipContent side="bottom">{tCommon('actions.rename')}</TooltipContent>
+            <TooltipContent side="bottom">
+              {tCommon('actions.rename')}
+            </TooltipContent>
           </Tooltip>
 
           <Tooltip>
@@ -98,7 +100,9 @@ export function ChatActions({
                 <Trash2 className="size-4" />
               </Button>
             </TooltipTrigger>
-            <TooltipContent side="bottom">{tCommon('actions.delete')}</TooltipContent>
+            <TooltipContent side="bottom">
+              {tCommon('actions.delete')}
+            </TooltipContent>
           </Tooltip>
         </HStack>
       </TooltipProvider>
@@ -111,7 +115,8 @@ export function ChatActions({
         description={
           <>
             {tChat('deleteConfirmation', { title: chat.title })}
-            <br /><br />
+            <br />
+            <br />
             <span className="text-muted-foreground">
               {tChat('deleteArchiveMessage')}
             </span>
diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-history-sidebar.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-history-sidebar.tsx
index 3628e81f5..d31637843 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/chat-history-sidebar.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/chat-history-sidebar.tsx
@@ -39,6 +39,7 @@ export function ChatHistorySidebar({
   const [editingChatId, setEditingChatId] = useState<string | null>(null);
   const [editValue, setEditValue] = useState('');
   const inputRef = useRef<HTMLInputElement>(null);
+  const clickTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   // Load chat threads for current user
   const threadsData = useQuery(api.threads.listThreads, {});
@@ -149,12 +150,12 @@ export function ChatHistorySidebar({
   return (
     <Stack
       gap={4}
-      className={cn('flex-[1_1_0] pb-4 px-2 overflow-y-auto', className)}
+      className={cn(
+        'flex-[1_1_0] pb-4 px-2.5 py-3.5 overflow-y-auto',
+        className,
+      )}
       {...restProps}
     >
-      <div className="text-xs font-medium text-muted-foreground tracking-[-0.072px] text-nowrap sticky top-0 bg-background z-10 pt-3">
-        {t('history.recent')}
-      </div>
       <Stack gap={1}>
         {!chats ? (
           <div className="text-sm text-muted-foreground text-nowrap px-2">
@@ -180,31 +181,50 @@ export function ChatHistorySidebar({
                 )}
               >
                 {isEditing ? (
-                  <Input
-                    ref={inputRef}
-                    value={editValue}
-                    onChange={(e) => setEditValue(e.target.value)}
-                    onKeyDown={(e) => {
-                      if (e.key === 'Enter') {
-                        e.preventDefault();
-                        handleSaveRename(chat._id);
-                      } else if (e.key === 'Escape') {
-                        e.preventDefault();
-                        handleCancelRename();
-                      }
+                  <div
+                    className="w-full"
+                    style={{
+                      transform: 'matrix(0.9, 0, 0, 0.9, 0, 0)',
+                      transformOrigin: 'left center',
                     }}
-                    onBlur={() => handleInputBlur(chat._id)}
-                    className="flex-1 h-6 text-sm px-1.5 py-0 leading-none -mx-1.5"
-                  />
+                  >
+                    <Input
+                      ref={inputRef}
+                      value={editValue}
+                      onChange={(e) => setEditValue(e.target.value)}
+                      onKeyDown={(e) => {
+                        if (e.key === 'Enter') {
+                          e.preventDefault();
+                          handleSaveRename(chat._id);
+                        } else if (e.key === 'Escape') {
+                          e.preventDefault();
+                          handleCancelRename();
+                        }
+                      }}
+                      onBlur={() => handleInputBlur(chat._id)}
+                      className="w-full h-6 px-0 py-0 leading-none focus:border-0 ring-0 outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0 focus:outline-none shadow-none"
+                    />
+                  </div>
                 ) : (
                   <>
                     <button
-                      onClick={() => handleChatClick(chat._id)}
+                      onClick={() => {
+                        if (clickTimeoutRef.current) {
+                          clearTimeout(clickTimeoutRef.current);
+                          clickTimeoutRef.current = null;
+                          handleStartRename(chat._id, chat.title);
+                        } else {
+                          clickTimeoutRef.current = setTimeout(() => {
+                            clickTimeoutRef.current = null;
+                            handleChatClick(chat._id);
+                          }, 250);
+                        }
+                      }}
                       className="flex-1 truncate text-left cursor-pointer"
                     >
                       {chat.title}
                     </button>
-                    <div className="opacity-0 group-hover:opacity-100 transition-opacity">
+                    <div className="opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-opacity">
                       <ChatActions
                         chat={{ id: chat._id, title: chat.title }}
                         currentChatId={currentThreadId}
diff --git a/services/platform/messages/en.json b/services/platform/messages/en.json
index 17e689b49..b8b008ab3 100644
--- a/services/platform/messages/en.json
+++ b/services/platform/messages/en.json
@@ -1332,7 +1332,6 @@
     },
     "loadOlderMessages": "Load older messages",
     "history": {
-      "recent": "Recent",
       "loading": "Loading chats...",
       "empty": "No chats yet",
       "untitled": "Untitled chat",

From d480ea143699916b26e3a5ab6a370cf0c86a6fd6 Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:36:03 +0100
Subject: [PATCH 5/8] feat(ui): add dynamic theme-color meta tag for browser
 chrome

---
 services/platform/app/(app)/layout.tsx        | 11 +++++-
 .../platform/components/theme-color-meta.tsx  | 36 +++++++++++++++++++
 2 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 services/platform/components/theme-color-meta.tsx

diff --git a/services/platform/app/(app)/layout.tsx b/services/platform/app/(app)/layout.tsx
index fc7d4a97a..082797079 100644
--- a/services/platform/app/(app)/layout.tsx
+++ b/services/platform/app/(app)/layout.tsx
@@ -1,11 +1,12 @@
 import type { ReactNode } from 'react';
-import type { Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import { Inter } from 'next/font/google';
 import { getLocale, getMessages } from 'next-intl/server';
 import './globals.css';
 import { Toaster } from '@/components/ui/toaster';
 
 import { ThemeProvider } from '@/components/theme-provider';
+import { ThemeColorMeta } from '@/components/theme-color-meta';
 import { AppProviders } from './providers/app-providers';
 import { getT } from '@/lib/i18n/server';
 import { getSiteUrl } from '@/lib/get-site-url';
@@ -16,6 +17,13 @@ const inter = Inter({
   weight: ['400', '500', '600', '700'],
 });
 
+export const viewport: Viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: '#fcfcfc' },
+    { media: '(prefers-color-scheme: dark)', color: '#09090b' },
+  ],
+};
+
 export async function generateMetadata(): Promise<Metadata> {
   const { t } = await getT('metadata');
   const appUrl = await getSiteUrl();
@@ -72,6 +80,7 @@ export default async function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <ThemeColorMeta />
           <AppProviders locale={locale} messages={messages} siteUrl={siteUrl}>
             {children}
           </AppProviders>
diff --git a/services/platform/components/theme-color-meta.tsx b/services/platform/components/theme-color-meta.tsx
new file mode 100644
index 000000000..065f052d6
--- /dev/null
+++ b/services/platform/components/theme-color-meta.tsx
@@ -0,0 +1,36 @@
+'use client';
+
+import { useTheme } from 'next-themes';
+import { useEffect, useState } from 'react';
+
+const THEME_COLORS = {
+  light: '#fcfcfc',
+  dark: '#09090b',
+};
+
+export function ThemeColorMeta() {
+  const { resolvedTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  useEffect(() => {
+    if (!mounted) return;
+
+    const color =
+      resolvedTheme === 'dark' ? THEME_COLORS.dark : THEME_COLORS.light;
+
+    // Update or create the theme-color meta tag
+    let metaThemeColor = document.querySelector('meta[name="theme-color"]');
+    if (!metaThemeColor) {
+      metaThemeColor = document.createElement('meta');
+      metaThemeColor.setAttribute('name', 'theme-color');
+      document.head.appendChild(metaThemeColor);
+    }
+    metaThemeColor.setAttribute('content', color);
+  }, [resolvedTheme, mounted]);
+
+  return null;
+}

From dfcb70d2cadfb66e840463b5b27a8fdcddf2fb13 Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:36:13 +0100
Subject: [PATCH 6/8] fix(ui): add Safari backdrop-filter support with webkit
 prefix

---
 services/platform/components/layout/sticky-header.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/services/platform/components/layout/sticky-header.tsx b/services/platform/components/layout/sticky-header.tsx
index b127150c6..62573419d 100644
--- a/services/platform/components/layout/sticky-header.tsx
+++ b/services/platform/components/layout/sticky-header.tsx
@@ -9,14 +9,21 @@ interface StickyHeaderProps {
 /**
  * Wrapper component that provides unified sticky positioning and blur effect
  * for page headers with tab navigation.
+ *
+ * Uses inline styles for backdrop-filter to ensure Safari compatibility
+ * (-webkit-backdrop-filter is required for Safari).
  */
 export function StickyHeader({ children, className }: StickyHeaderProps) {
   return (
     <div
       className={cn(
-        'sticky top-0 z-50 bg-background/50 backdrop-blur-md flex-shrink-0',
+        'sticky top-0 z-50 bg-background/80 flex-shrink-0',
         className,
       )}
+      style={{
+        WebkitBackdropFilter: 'blur(12px)',
+        backdropFilter: 'blur(12px)',
+      }}
     >
       {children}
     </div>

From b1ede81c7f86386263f1f5cc7c256c6450ad6ab0 Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:36:24 +0100
Subject: [PATCH 7/8] fix(ui): improve mobile responsiveness with adaptive
 padding

---
 .../platform/app/(app)/dashboard/[id]/chat/[threadId]/page.tsx  | 2 +-
 services/platform/app/(app)/dashboard/[id]/chat/page.tsx        | 2 +-
 services/platform/components/ui/dialog/dialog.tsx               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/[threadId]/page.tsx b/services/platform/app/(app)/dashboard/[id]/chat/[threadId]/page.tsx
index 4edd95c66..7a139dce0 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/[threadId]/page.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/[threadId]/page.tsx
@@ -45,7 +45,7 @@ function ChatSkeleton() {
     <div className="relative flex flex-col h-full flex-1 min-h-0">
       <div className="flex flex-col h-full flex-1 min-h-0 overflow-y-auto">
         {/* Messages area with conversation skeleton */}
-        <div className="flex-1 overflow-y-visible p-8">
+        <div className="flex-1 overflow-y-visible p-4 sm:p-8">
           <div className="max-w-[var(--chat-max-width)] mx-auto space-y-4">
             {/* User message */}
             <div className="flex justify-end">
diff --git a/services/platform/app/(app)/dashboard/[id]/chat/page.tsx b/services/platform/app/(app)/dashboard/[id]/chat/page.tsx
index b978ae902..86cd17ee9 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/page.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/page.tsx
@@ -45,7 +45,7 @@ function ChatSkeleton() {
     <div className="relative flex flex-col h-full flex-1 min-h-0">
       <div className="flex flex-col h-full flex-1 min-h-0 overflow-y-auto">
         {/* Messages area - empty state with centered title skeleton */}
-        <div className="flex-1 overflow-y-visible p-8 flex flex-col items-center justify-end">
+        <div className="flex-1 overflow-y-visible p-4 sm:p-8 flex flex-col items-center justify-end">
           <div className="flex-1 flex items-center justify-center size-full">
             <Skeleton className="h-9 w-80" />
           </div>
diff --git a/services/platform/components/ui/dialog/dialog.tsx b/services/platform/components/ui/dialog/dialog.tsx
index 9f0f8741f..693662a4e 100644
--- a/services/platform/components/ui/dialog/dialog.tsx
+++ b/services/platform/components/ui/dialog/dialog.tsx
@@ -113,7 +113,7 @@ export function Dialog({
         <DialogPrimitive.Overlay className="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" />
         <DialogPrimitive.Content
           className={cn(
-            'fixed left-[50%] top-[50%] z-50 grid w-full border-none translate-x-[-50%] translate-y-[-50%] gap-4 ring-1 ring-border bg-background p-6 pt-5 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-2xl',
+            'fixed left-[50%] top-[50%] z-50 grid w-full border-none translate-x-[-50%] translate-y-[-50%] gap-4 ring-1 ring-border bg-background p-4 sm:p-6 pt-5 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-2xl',
             dialogSizeClasses[size],
             className,
           )}

From 57f0a06759186eafe2dad41a8d3a0f5d39440adf Mon Sep 17 00:00:00 2001
From: israel <israeliyanda5@gmail.com>
Date: Fri, 9 Jan 2026 12:50:07 +0100
Subject: [PATCH 8/8] bug fix

---
 .../[id]/chat/components/incremental-markdown.tsx         | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx b/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
index 522ac29cb..879b4b647 100644
--- a/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
+++ b/services/platform/app/(app)/dashboard/[id]/chat/components/incremental-markdown.tsx
@@ -141,11 +141,7 @@ const StreamingMarkdown = memo(
     components?: Record<string, ComponentType<any>>;
     showCursor?: boolean;
   }) {
-    if (!content) return null;
-
-    // Only parse and render the revealed portion
-    // This keeps parsing work minimal during animation
-    const revealedContent = content.slice(0, revealedLength);
+    const revealedContent = content ? content.slice(0, revealedLength) : '';
 
     // Create components that inject cursor at the end of the last element
     // We track render order and append cursor to the last rendered block element
@@ -207,6 +203,8 @@ const StreamingMarkdown = memo(
       };
     }, [components, showCursor, revealedContent.length]);
 
+    if (!content) return null;
+
     return (
       <div className="streaming-text-container">
         {/* Hidden layer: Full content establishes layout dimensions */}