setEditValue(e.target.value)}
            className="w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm resize-none min-h-[40px] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
            aria-label="Edit your message"
            rows={3}
          />
          <div className="flex justify-end gap-2 mt-1">
            <Button
              variant="ghost"
              size="sm"
              onClick={() => { setIsEditing(false); setEditValue(content); }}
            >
              Discard edit
            </Button>
            <Button
              variant="default"
              size="sm"
              disabled={!editValue.trim()}
              onClick={() => {
                if (id && onEdit && editValue.trim()) {
                  onEdit(id, editValue.trim());
                  setIsEditing(false);
                }
              }}
            >
              Save edit
            </Button>
          </div>
        </div>
      </div>
    );
  }

return (
    <div className="flex justify-end">
      <div className="relative group max-w-[85%] rounded-lg bg-secondary px-3 py-2 text-secondary-foreground text-sm">
        {content}
        <ChatMessageActions
          role="user"
          isStreaming={isAnyStreaming}
          onEdit={() => setIsEditing(true)}
        />
      </div>
    </div>
  );
}
```

Per UI spec: inline textarea pre-filled with content, "Save edit" (variant="default" size="sm", disabled when empty), "Discard edit" (variant="ghost" size="sm"), `aria-label="Edit your message"`.

**3. Update assistant message branch to include retry action:**

```tsx
return (
  <div className="max-w-full group relative">
    {agentName && (
      <ChatMessageIdentityBar
        agentName={agentName}
        agentIcon={agentIcon}
        agentRole={agentRole}
        timestamp={timestamp}
        isStreaming={isStreaming}
      />
    )}
    <ChatMarkdownMessage content={content} />
    {isStreaming && <ChatStreamingCursor />}
    <ChatMessageActions
      role="assistant"
      isStreaming={isAnyStreaming}
      onRetry={id && onRetry ? () => onRetry(id) : undefined}
    />
  </div>
);
```

**4. Replace test stubs in `ui/src/components/ChatMessage.test.tsx`:**
```typescript
// @vitest-environment jsdom
import { describe, it, expect } from "vitest";

describe("ChatMessage", () => {
  it("exports ChatMessage component", async () => {
    const mod = await import("./ChatMessage");
    expect(mod.ChatMessage).toBeDefined();
  });

it.todo("renders user message as right-aligned bubble with plain text");
  it.todo("renders assistant message with ChatMarkdownMessage");
  it.todo("renders ChatMessageIdentityBar for assistant messages when agentName is provided");
  it.todo("shows edit pencil on hover for user messages");
  it.todo("shows retry button on hover for assistant messages");
  it.todo("hides retry button when isAnyStreaming is true");
  it.todo("switches to inline edit textarea on pencil click");
  it.todo("renders ChatStreamingCursor when isStreaming is true");
  it.todo("Save edit button disabled when edit textarea is empty");
  it.todo("Discard edit reverts to read-only bubble");
});
```
  </action>
  <verify>
    <automated>pnpm --filter @paperclipai/ui exec -- tsc --noEmit 2>&1 | head -20</automated>
  </verify>
  <acceptance_criteria>
    - grep -q "isEditing" ui/src/components/ChatMessage.tsx
    - grep -q "Save edit" ui/src/components/ChatMessage.tsx
    - grep -q "Discard edit" ui/src/components/ChatMessage.tsx
    - grep -q "Edit your message" ui/src/components/ChatMessage.tsx
    - grep -q "onEdit" ui/src/components/ChatMessage.tsx
    - grep -q "onRetry" ui/src/components/ChatMessage.tsx
    - grep -q "isAnyStreaming" ui/src/components/ChatMessage.tsx
    - grep -q "ChatMessageActions" ui/src/components/ChatMessage.tsx
  </acceptance_criteria>
  <done>
    - ChatMessage user messages show edit pencil on hover (group-hover)
    - Edit pencil click opens inline textarea with "Save edit" / "Discard edit" buttons
    - Save edit is disabled when textarea empty; calls onEdit(id, newContent) on click
    - Discard edit reverts to read-only bubble
    - Assistant messages show retry RefreshCw on hover; calls onRetry(id) on click
    - All edit/retry actions hidden when isAnyStreaming is true
    - TypeScript compiles clean
  </done>
</task>

</tasks>

<verification>
- `pnpm --filter @paperclipai/ui exec -- tsc --noEmit` passes
- `pnpm --filter @paperclipai/ui vitest run --reporter=verbose` passes
</verification>

<success_criteria>
- User messages have edit capability with inline textarea (CHAT-10)
- Assistant messages have retry button (CHAT-11)
- Stop button component ready for ChatPanel integration (CHAT-12)
- All actions disabled during active streaming
</success_criteria>

<output>
After completion, create `.planning/phases/22-agent-streaming/22-03-SUMMARY.md`
</output>