From 73923d0ffd63410fc96ce381c4ebdd568236045c Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Wed, 22 Jul 2026 02:11:39 -0400
Subject: [PATCH] =?UTF-8?q?feat(ui):=20mobile=20home=20=E2=80=94=20wallet?=
 =?UTF-8?q?=20card=20moves=20up=20under=20My=20Apps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

On single-column (mobile) the dashboard cards now order My Apps, Wallet,
Cloud, Network; desktop keeps its existing two-column layout via
lg:order-none resets.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 neode-ui/src/views/Home.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/neode-ui/src/views/Home.vue b/neode-ui/src/views/Home.vue
index b3fd097b..5f8ca3a1 100644
--- a/neode-ui/src/views/Home.vue
+++ b/neode-ui/src/views/Home.vue
@@ -67,7 +67,7 @@
         :class="{ 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
       >
         <!-- My Apps Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-1 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 0">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -101,7 +101,7 @@
         </div>
 
         <!-- Cloud Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-3 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 1">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -127,6 +127,7 @@
 
         <!-- Wallet Overview -->
         <HomeWalletCard
+          class="order-2 lg:order-none"
           :animate="animateCards"
           :wallet-connected="walletConnected"
           :wallet-onchain="walletOnchain"
@@ -146,7 +147,7 @@
         />
 
         <!-- Network Overview -->
-        <div data-controller-container tabindex="0" class="home-card controller-focusable" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
+        <div data-controller-container tabindex="0" class="home-card controller-focusable order-4 lg:order-none" :class="{ 'home-card-animate': animateCards }" style="--card-stagger: 3">
           <div class="home-card-shell">
             <div class="home-card-inner p-6 flex flex-col h-full min-h-0">
               <div class="home-card-header flex items-start justify-between mb-4 shrink-0">
@@ -192,7 +193,7 @@
           v-if="homeRecommendedApps.length > 0"
           data-controller-container
           tabindex="0"
-          class="home-card controller-focusable lg:col-span-2"
+          class="home-card controller-focusable lg:col-span-2 order-5 lg:order-none"
           :class="{ 'home-card-animate': animateCards }"
           style="--card-stagger: 4"
         >
@@ -239,7 +240,7 @@
         <!-- Quick Start Goals -->
         <div
           v-if="showQuickStart"
-          class="home-card lg:col-span-2 transition-opacity duration-300"
+          class="home-card lg:col-span-2 transition-opacity duration-300 order-6 lg:order-none"
           :class="{ 'home-card-animate': animateCards, 'opacity-0 pointer-events-none': showWelcomeBlock && !animateCards }"
           style="--card-stagger: 5"
         >
@@ -265,6 +266,7 @@
 
         <!-- System Stats -->
         <HomeSystemCard
+          class="order-7 lg:order-none"
           :animate="animateCards"
           :loaded="systemStatsLoaded"
           :stats="systemStats"