From 97a8ebaa4952b6da8b63e30c5517ecdc317c0fdc Mon Sep 17 00:00:00 2001
From: XIN <anxanxx@gmail.com>
Date: Sun, 24 May 2026 00:21:41 +0800
Subject: [PATCH 1/2] fix(web): remove app outer gutter

---
 web/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index f387c6c57..cc17b7bd6 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -388,7 +388,7 @@ function App() {
 
   return (
     <PromptInputProvider>
-      <div className="box-border flex h-[100dvh] flex-col bg-background text-foreground px-[calc(0.75rem+var(--safe-left))] pr-[calc(0.75rem+var(--safe-right))] pt-[calc(0.75rem+var(--safe-top))] pb-1 lg:pb-[calc(0.75rem+var(--safe-bottom))] max-lg:h-[100svh] max-lg:overflow-hidden">
+      <div className="box-border flex h-dvh flex-col bg-background text-foreground pl-(--safe-left) pr-(--safe-right) pt-(--safe-top) pb-(--safe-bottom) max-lg:h-svh max-lg:overflow-hidden">
         <div className="mx-auto flex h-full min-h-0 w-full flex-1 flex-col gap-2 max-w-none">
           {isDesktop ? (
             <ResizablePanelGroup

From 53054162afccc20cbf50daf98f9e958d8b896268 Mon Sep 17 00:00:00 2001
From: XIN <anxanxx@gmail.com>
Date: Sun, 24 May 2026 00:22:06 +0800
Subject: [PATCH 2/2] fix(web): refine sessions sidebar spacing

---
 web/src/features/sessions/sessions.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/features/sessions/sessions.tsx b/web/src/features/sessions/sessions.tsx
index 003f506b1..22a2f37d3 100644
--- a/web/src/features/sessions/sessions.tsx
+++ b/web/src/features/sessions/sessions.tsx
@@ -146,7 +146,7 @@ function SessionsListComponent(
 ) {
   const { className, ...rest } = props;
   return (
-    <div ref={ref} className={cn("flex flex-col space-y-0.5 w-full px-2 mt-1", className)} {...rest} />
+    <div ref={ref} className={cn("flex flex-col gap-1 w-full px-2 mt-1!", className)} {...rest} />
   );
 }
 
@@ -804,10 +804,10 @@ export const SessionsSidebar = memo(function SessionsSidebarComponent({
               <Search className="absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" />
               <input
                 type="text"
-                placeholder="Search sessions..."
+                placeholder="Search sessions"
                 value={sessionSearch}
                 onChange={(e) => setSessionSearch(e.target.value)}
-                className="h-8 w-full rounded-md border border-input bg-background pl-8 pr-8 text-xs placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+                className="h-8 w-full rounded-md border border-input bg-background pl-8 pr-8 truncate text-xs placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring"
               />
               {sessionSearch && (
                 <button