Replace needs attention with finished status

packages/app/src/components/agent-list.tsx

@@ -133,9 +133,10 @@ export function AgentList({ agents, isRefreshing = false, onRefresh }: AgentList
                 </View>
 
                 {agent.requiresAttention && (
-                  <View style={[styles.attentionBadge, { backgroundColor: theme.colors.primary }]}>
+                  <View style={styles.statusBadge}>
-                    <Text style={[styles.attentionText, { color: theme.colors.primaryForeground }]}>
+                    <View style={[styles.statusDot, { backgroundColor: "#22c55e" }]} />
-                      Needs attention
+                    <Text style={[styles.statusText, { color: "#22c55e" }]}>
+                      Finished
                     </Text>
                   </View>
                 )}
@@ -316,15 +317,6 @@ const styles = StyleSheet.create((theme) => ({
     fontSize: theme.fontSize.xs,
     fontWeight: theme.fontWeight.semibold,
   },
-  attentionBadge: {
-    borderRadius: theme.borderRadius.full,
-    paddingHorizontal: theme.spacing[2],
-    paddingVertical: 2,
-  },
-  attentionText: {
-    fontSize: theme.fontSize.xs,
-    fontWeight: theme.fontWeight.semibold,
-  },
   timeAgo: {
     fontSize: theme.fontSize.xs,
     color: theme.colors.mutedForeground,