update

src/components/chat-composer.tsx

@@ -32,6 +32,8 @@ export function ChatComposer({
   skills,
   selectedIds,
   resolvedSkillIds,
+  activeSkillId,
+  completedSkillIds,
   onSelectedChange,
   onOpenSkillPicker,
   isStreaming,
@@ -40,6 +42,8 @@ export function ChatComposer({
   skills: Skill[];
   selectedIds: string[];
   resolvedSkillIds: string[] | null;
+  activeSkillId: string | null;
+  completedSkillIds: string[];
   onSelectedChange: (ids: string[]) => void;
   onOpenSkillPicker: () => void;
   isStreaming: boolean;
@@ -202,9 +206,13 @@ export function ChatComposer({
                   ? "selected"
                   : !routeResolved
                     ? "checking"
-                    : resolvedSkillIds.includes(skill.id)
-                      ? "used"
-                      : "unused";
+                    : !resolvedSkillIds.includes(skill.id)
+                      ? "unused"
+                      : activeSkillId === skill.id
+                        ? "running"
+                        : completedSkillIds.includes(skill.id)
+                          ? "completed"
+                          : "queued";
                 return (
                   <Fragment key={skill.id}>
                     {index > 0 && (
@@ -216,8 +224,10 @@ export function ChatComposer({
                             !routeResolved &&
                             "animate-pulse text-amber-500/70",
                           routeResolved &&
-                            resolvedSkillIds?.includes(skill.id) &&
+                            completedSkillIds.includes(skill.id) &&
                             "text-emerald-500/80",
+                          activeSkillId === skill.id &&
+                            "animate-pulse text-blue-500/90",
                         )}
                       />
                     )}