From 49c64d64fded4b26ff2e1c6fd5a2cc8333c86c65 Mon Sep 17 00:00:00 2001
From: dbpolito <danielbpolito@gmail.com>
Date: Sat, 3 Jan 2026 22:04:28 -0300
Subject: [PATCH 1/2] Desktop: Improve Home Responsiveness

---
 packages/app/src/pages/home.tsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/app/src/pages/home.tsx b/packages/app/src/pages/home.tsx
index 4641d149672..067b1cde7d7 100644
--- a/packages/app/src/pages/home.tsx
+++ b/packages/app/src/pages/home.tsx
@@ -12,6 +12,7 @@ import { useDialog } from "@opencode-ai/ui/context/dialog"
 import { DialogSelectDirectory } from "@/components/dialog-select-directory"
 import { DialogSelectServer } from "@/components/dialog-select-server"
 import { useServer } from "@/context/server"
+import { Tooltip } from "@opencode-ai/ui/tooltip"
 
 export default function Home() {
   const sync = useGlobalSync()
@@ -53,8 +54,8 @@ export default function Home() {
   }
 
   return (
-    <div class="mx-auto mt-55">
-      <Logo class="w-xl opacity-12" />
+    <div class="mx-auto mt-20 md:mt-55 w-full max-w-xl px-4">
+      <Logo class="w-full opacity-12" />
       <Button
         size="large"
         variant="ghost"
@@ -87,17 +88,19 @@ export default function Home() {
                   .slice(0, 5)}
               >
                 {(project) => (
-                  <Button
-                    size="large"
-                    variant="ghost"
-                    class="text-14-mono text-left justify-between px-3"
-                    onClick={() => openProject(project.worktree)}
-                  >
-                    {project.worktree.replace(homedir(), "~")}
-                    <div class="text-14-regular text-text-weak">
-                      {DateTime.fromMillis(project.time.updated ?? project.time.created).toRelative()}
-                    </div>
-                  </Button>
+                  <Tooltip placement="top" value={project.worktree}>
+                    <Button
+                      size="large"
+                      variant="ghost"
+                      class="text-14-mono text-left justify-between px-3 gap-2 min-w-0 w-full"
+                      onClick={() => openProject(project.worktree)}
+                    >
+                      <span class="truncate min-w-0">{project.worktree.replace(homedir(), "~")}</span>
+                      <span class="text-14-regular text-text-weak shrink-0">
+                        {DateTime.fromMillis(project.time.updated ?? project.time.created).toRelative()}
+                      </span>
+                    </Button>
+                  </Tooltip>
                 )}
               </For>
             </ul>

From 7c66ecb5dfc4759fd83ca9f8aacd892a45e7f9b9 Mon Sep 17 00:00:00 2001
From: dbpolito <danielbpolito@gmail.com>
Date: Sat, 3 Jan 2026 22:08:54 -0300
Subject: [PATCH 2/2] Tweak

---
 packages/app/src/pages/home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/pages/home.tsx b/packages/app/src/pages/home.tsx
index 067b1cde7d7..fd2732aa32a 100644
--- a/packages/app/src/pages/home.tsx
+++ b/packages/app/src/pages/home.tsx
@@ -55,7 +55,7 @@ export default function Home() {
 
   return (
     <div class="mx-auto mt-20 md:mt-55 w-full max-w-xl px-4">
-      <Logo class="w-full opacity-12" />
+      <Logo class="opacity-12" />
       <Button
         size="large"
         variant="ghost"
@@ -92,10 +92,10 @@ export default function Home() {
                     <Button
                       size="large"
                       variant="ghost"
-                      class="text-14-mono text-left justify-between px-3 gap-2 min-w-0 w-full"
+                      class="text-14-mono text-left justify-between px-3 gap-2 w-full"
                       onClick={() => openProject(project.worktree)}
                     >
-                      <span class="truncate min-w-0">{project.worktree.replace(homedir(), "~")}</span>
+                      <span class="truncate">{project.worktree.replace(homedir(), "~")}</span>
                       <span class="text-14-regular text-text-weak shrink-0">
                         {DateTime.fromMillis(project.time.updated ?? project.time.created).toRelative()}
                       </span>