style: replace generic idle-specialist prompt with specific suggested first action

Author: marian2js

apps/desktop/src/features/agents/components/SpecialistCard.tsx

@@ -126,11 +126,16 @@ export function SpecialistCard({ specialist, onChat, recentOutputs, recentBundle
           ))}
         </div>
 
-        {/* Unused specialist prompt */}
+        {/* Suggested first action for idle specialists */}
         {!hasOutputs && !isManager ? (
-          <p className="mt-4 font-mono text-[11px] text-muted-foreground/40">
-            Start your first conversation
-          </p>
+          <button
+            type="button"
+            onClick={() => onChat(specialist.id)}
+            className="mt-4 flex items-center gap-1.5 font-mono text-[11px] text-muted-foreground/50 transition-colors hover:text-primary"
+          >
+            <span>Try:</span>
+            <span className="font-medium">{specialist.outputTypes[0]}</span>
+          </button>
         ) : null}
 
         {/* Recent outputs — bundles and standalone artifacts */}

test/features/agents/specialist-activity-status.test.ts

@@ -45,20 +45,21 @@ describe("SpecialistCard activity status badge", () => {
 // Activity status — "Start your first conversation" for unused specialists
 // ---------------------------------------------------------------------------
 describe("SpecialistCard unused specialist prompt", () => {
-  it("renders a prompt for unused specialists", () => {
-    expect(specialistCardSrc).toMatch(/Start your first conversation/i);
+  it("renders a suggested first action for idle specialists", () => {
+    expect(specialistCardSrc).toMatch(/Try:/);
+    expect(specialistCardSrc).toMatch(/specialist\.outputTypes\[0\]/);
   });
 
-  it("uses muted styling for the unused prompt", () => {
+  it("uses muted styling for the idle suggestion", () => {
     // Should use muted-foreground or similar subdued styling
     expect(specialistCardSrc).toMatch(/text-muted-foreground/);
   });
 
-  it("uses monospace font for the unused prompt", () => {
-    expect(specialistCardSrc).toMatch(/font-mono.*Start your first conversation|Start your first conversation.*font-mono/si);
+  it("uses monospace font for the idle suggestion", () => {
+    expect(specialistCardSrc).toMatch(/font-mono.*Try:|Try:.*font-mono/si);
   });
 
-  it("only shows unused prompt when there are no outputs (not on managers)", () => {
+  it("only shows idle suggestion when there are no outputs (not on managers)", () => {
     // Should conditionally render based on hasOutputs being false
     expect(specialistCardSrc).toMatch(/!hasOutputs|hasOutputs.*false/s);
   });

test/ui/specialist-idle-first-action.test.ts

@@ -0,0 +1,38 @@
+import { describe, expect, it } from "vitest";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+const src = readFileSync(
+  resolve(
+    __dirname,
+    "../../apps/desktop/src/features/agents/components/SpecialistCard.tsx",
+  ),
+  "utf-8",
+);
+
+describe("Idle specialist suggested first action", () => {
+  it("does not show generic 'Start your first conversation' text", () => {
+    expect(src).not.toMatch(/Start your first conversation/);
+  });
+
+  it("uses specialist.outputTypes[0] to generate a specific suggestion", () => {
+    expect(src).toMatch(/specialist\.outputTypes\[0\]/);
+  });
+
+  it("includes a 'Try:' prefix label", () => {
+    expect(src).toMatch(/Try:/);
+  });
+
+  it("calls onChat when the suggestion is clicked", () => {
+    expect(src).toMatch(/!hasOutputs\s*&&\s*!isManager[\s\S]*?onChat\(specialist\.id\)/);
+  });
+
+  it("still renders the recent outputs section for cards with outputs", () => {
+    expect(src).toMatch(/hasOutputs/);
+    expect(src).toMatch(/Recent outputs/);
+  });
+
+  it("only appears for non-manager specialists without outputs", () => {
+    expect(src).toMatch(/!hasOutputs\s*&&\s*!isManager/);
+  });
+});