Files
deepseek-harness/packages/client/ui-trajectory/src/client/TrajectoryTurn.tsx
07akioni 3babb2cd42 feat(trajectory): implement trajectory step cell and layout with bilingual support
- Added TrajectoryCell, TrajectoryGroupHeader, and TrajectoryTurn components for rendering trajectory steps and groups.
- Introduced bilingual support with English and Chinese translations for trajectory notes.
- Updated conversation session models to include timestamps for various message types.
- Enhanced layout logic to handle expanded assistant blocks and tool results with duration metrics.
- Added CSS styles for new components to ensure proper display and alignment.
2026-07-24 13:33:35 +08:00

27 lines
809 B
TypeScript

// TrajectoryTurn: sticky Turn header plus the padded Message/Step body.
import type { ReactNode } from 'react'
import { TrajectoryTurnHeader } from './TrajectoryTurnHeader.tsx'
import css from './TrajectoryTurn.module.css'
export interface TrajectoryTurnProps {
/** 1-based turn index for the sticky header. */
turn: number
/** Message / Step headers and TrajectoryCell rows. */
children?: ReactNode
}
/**
* Render one turn section (sticky header + body).
* @param props - turn index and body children.
* @returns the turn section element.
*/
export function TrajectoryTurn({ turn, children }: TrajectoryTurnProps) {
return (
<section className={css.root} data-turn={turn}>
<TrajectoryTurnHeader turn={turn} />
<div className={css.body}>{children}</div>
</section>
)
}