From 6713495cba066ebb3314ff06fd42d23f9dd2c2a4 Mon Sep 17 00:00:00 2001
From: saunter <68239231+stackingsaunter@users.noreply.github.com>
Date: Wed, 25 Mar 2026 01:59:32 +0100
Subject: [PATCH 1/3] feat: polish recently used apps widget

Match Home widget styles for the See All CTA, card shell, and chevron interaction.

Made-with: Cursor
---
 .../src/components/home/widgets/LatestUsedAppsWidget.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx b/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
index 079fea3db..91b67d182 100644
--- a/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
+++ b/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
@@ -22,11 +22,11 @@ export function LatestUsedAppsWidget() {
   }
 
   return (
-    <Card>
+    <Card className="overflow-hidden rounded-[14px] shadow-none">
       <CardHeader>
         <CardTitle className="flex items-center justify-between">
           <div>Recently Used Apps</div>
-          <LinkButton to="/apps?tab=connected-apps" variant="secondary">
+          <LinkButton to="/apps?tab=connected-apps" variant="ghost" size="sm">
             See All
           </LinkButton>
         </CardTitle>
@@ -39,7 +39,7 @@ export function LatestUsedAppsWidget() {
               new Date(a.lastUsedAt ?? 0).getTime()
           )
           .map((app) => (
-            <Link key={app.id} to={`/apps/${app.id}`}>
+            <Link key={app.id} to={`/apps/${app.id}`} className="group">
               <div className="flex items-center w-full gap-4">
                 <AppAvatar app={app} className="w-14 h-14 rounded-lg" />
                 <p className="text-sm font-medium flex-1 truncate">
@@ -50,7 +50,7 @@ export function LatestUsedAppsWidget() {
                 <p className="text-xs text-muted-foreground">
                   {app.lastUsedAt ? dayjs(app.lastUsedAt).fromNow() : "never"}
                 </p>
-                <ChevronRightIcon className="text-muted-foreground size-8" />
+                <ChevronRightIcon className="size-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" />
               </div>
             </Link>
           ))}

From 788f57338f3c92b3586ca3539473d40432e6fc33 Mon Sep 17 00:00:00 2001
From: saunter <68239231+stackingsaunter@users.noreply.github.com>
Date: Wed, 25 Mar 2026 02:07:13 +0100
Subject: [PATCH 2/3] fix: move recently used apps widget to left column

Place Recently Used Apps in the left Home column above the Alby Go widget.

Made-with: Cursor
---
 frontend/src/screens/Home.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/screens/Home.tsx b/frontend/src/screens/Home.tsx
index e62e3480a..3832d7d73 100644
--- a/frontend/src/screens/Home.tsx
+++ b/frontend/src/screens/Home.tsx
@@ -71,6 +71,7 @@ function Home() {
           <OnboardingChecklist />
           <WhatsNewWidget />
           <SupportAlbyWidget />
+          <LatestUsedAppsWidget />
           {info.albyAccountConnected && (
             <ExternalLink to="https://www.getalby.com/dashboard">
               <Card>
@@ -161,7 +162,6 @@ function Home() {
 
         {/* RIGHT */}
         <div className="grid gap-3">
-          <LatestUsedAppsWidget />
           <LightningMessageboardWidget />
           <AppOfTheDayWidget />
 

From 19463750c5cc6073cae38c854b374b7195a5fb6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Wed, 25 Mar 2026 21:21:09 +0100
Subject: [PATCH 3/3] fix: remove obsolete classes

---
 frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx b/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
index 91b67d182..063ddb2ba 100644
--- a/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
+++ b/frontend/src/components/home/widgets/LatestUsedAppsWidget.tsx
@@ -22,7 +22,7 @@ export function LatestUsedAppsWidget() {
   }
 
   return (
-    <Card className="overflow-hidden rounded-[14px] shadow-none">
+    <Card>
       <CardHeader>
         <CardTitle className="flex items-center justify-between">
           <div>Recently Used Apps</div>