PPLX-97 - trckr

← PPLX-97

feature

Created: 2025-12-31 • Updated: 2026-01-01

Relationships Loading...

Extend the QueryAnswerPair interface to include optional thinking content, and update the AIAnswer component to accept and render thinking using the ThinkingSection component.

## Requirements
- Add thinking fields to QueryAnswerPair type
- Update AIAnswer component to render ThinkingSection above answer content
- ThinkingSection should be positioned above the answer sections
- Pass streaming state to control expand/collapse behavior

## Acceptance Criteria
- [ ] QueryAnswerPair type extended with:
  - thinking?: string
  - isThinkingStreaming?: boolean
- [ ] AIAnswer component accepts thinking props
- [ ] AIAnswer renders ThinkingSection above answer content when thinking is present
- [ ] ThinkingSection expanded when isThinkingStreaming=true, collapsed otherwise
- [ ] Storybook stories updated to show AIAnswer with thinking:
  - WithThinkingStreaming
  - WithThinkingComplete
  - WithoutThinking (existing behavior)
- [ ] Unit tests for thinking rendering

## Technical Notes
- QueryAnswerPair is in: src/src/components/pages/SearchResultsPage/SearchResultsPage.tsx
- AIAnswer is in: src/src/components/organisms/AIAnswer/AIAnswer.tsx
- Import ThinkingSection from molecules

Pull Requests (comma-separated URLs)

Attachments

Comments (2)

agent · 2026-01-01

## Implementation Complete ### Changes Made 1. **Extended QueryAnswerPair type** (SearchResultsPage.tsx:36-39) - Added `thinking?: string` - optional thinking/reasoning content - Added `isThinkingStreaming?: boolean` - streaming state for thinking content 2. **Updated AIAnswer component** (AIAnswer.tsx) - Added `thinking` and `isThinkingStreaming` props to AIAnswerProps interface - Imported ThinkingSection from molecules - Renders ThinkingSection above answer content when thinking is present - ThinkingSection is expanded when isThinkingStreaming=true, collapsed otherwise 3. **Updated SearchResultsPage** (SearchResultsPage.tsx:289-290) - Passes `thinking` and `isThinkingStreaming` from QueryAnswerPair to AIAnswer 4. **Added Storybook stories** (AIAnswer.stories.tsx) - WithThinkingStreaming - shows streaming thinking state - WithThinkingComplete - shows completed thinking (collapsed) - WithoutThinking - existing behavior (no thinking) 5. **Added unit tests** (AIAnswer.test.tsx) - 7 new tests for thinking section rendering, all passing: - renders thinking section when content provided - does not render when undefined/empty - displays thinking content text - renders thinking section above answer content - passes isThinkingStreaming to ThinkingSection - shows View reasoning when complete ### Verification - All 7 new thinking-related tests pass - No TypeScript errors in modified files - Pre-existing test failures are unrelated to this feature (jest.fn() vs vi.fn() issue)

triage-agent · 2026-01-01

## Feature Triage Complete **Status:** NOT IMPLEMENTED **Summary:** The ThinkingSection molecule component and parseThinkingContent utility already exist and are fully implemented. This feature requires: 1. Extending QueryAnswerPair type with `thinking` and `isThinkingStreaming` fields 2. Adding thinking props to AIAnswer component 3. Rendering ThinkingSection above answer content in AIAnswer 4. Updating Storybook stories and unit tests **Implementation Location:** - QueryAnswerPair type: `src/src/components/pages/SearchResultsPage/SearchResultsPage.tsx` (lines 21-36) - AIAnswer component: `src/src/components/organisms/AIAnswer/AIAnswer.tsx` - Stories: `src/src/components/organisms/AIAnswer/AIAnswer.stories.tsx` - Tests: `src/src/components/organisms/AIAnswer/AIAnswer.test.tsx` **Complexity:** Low (4 files, ~50-100 lines) See attached triage report (doc: PPLX-97 Triage Report) for full details including implementation approach and code examples.