From 535c3534fe42d4b4e381311764bb286e72c47ce3 Mon Sep 17 00:00:00 2001
From: root <andrew@onbloc.xyz>
Date: Wed, 15 Jul 2026 19:19:16 +0900
Subject: [PATCH] fix(activity): rename Pending chip to Processing and realign
 row columns

- Rename the "Pending" status chip to "Processing" so Your activity
  matches the chips on /dashboard.
- Move the expand chevron into its own right-aligned grid column
  instead of sharing the status-chip column.
- Center the status-chip column.

Also updates the <=520px layout so the now-separate chevron places
correctly (chip left, arrow right on the second row).

Assisted-By: Claude Opus 4.8
---
 src/components/YourActivity.tsx | 9 +++++----
 src/index.css                   | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/YourActivity.tsx b/src/components/YourActivity.tsx
index 593377f..0812626 100644
--- a/src/components/YourActivity.tsx
+++ b/src/components/YourActivity.tsx
@@ -26,7 +26,7 @@ export interface ActivityItem {
 
 const STATUS_LABEL: Record<ActivityStatus, string> = {
   idle: 'Ready',
-  pending: 'Pending',
+  pending: 'Processing',
   success: 'Done',
   failed: 'Failed',
 }
@@ -326,10 +326,11 @@ const YourActivity = ({
                       <span className="dot" />
                       {STATUS_LABEL[item.status]}
                     </span>
-                    <span className="activity-row__chev" aria-hidden="true">
-                      {openId === item.id ? '⌃' : '⌄'}
-                    </span>
                   </div>
+
+                  <span className="activity-row__chev" aria-hidden="true">
+                    {openId === item.id ? '⌃' : '⌄'}
+                  </span>
                 </button>
 
                 {openId === item.id && (
diff --git a/src/index.css b/src/index.css
index 0e4985c..9fd9c6b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -643,7 +643,7 @@ main {
 }
 .activity-row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto auto;
+  grid-template-columns: minmax(0, 1fr) auto auto auto;
   gap: var(--space-4);
   align-items: center;
   padding: var(--space-4) var(--space-5);
@@ -729,10 +729,12 @@ main {
 .activity-row__meta {
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: var(--space-4);
   min-width: 110px;
 }
 .activity-row__chev {
+  justify-self: end;
   color: var(--text-tertiary);
   flex-shrink: 0;
   font-family: var(--font-mono);
@@ -791,9 +793,8 @@ main {
     align-items: flex-end;
   }
   .activity-row__meta {
-    grid-column: 1 / -1;
-    justify-content: space-between;
-    width: 100%;
+    justify-content: flex-start;
+    min-width: 0;
   }
   .activity-row__detail {
     padding: var(--space-4);