Meeting summaryPro

What a meeting settled: decisions, action items with owners and dates, and open questions, each linked to its moment, with a meeting strip that marks where every item was said.

Markdown

On this page

ProA sync rollout review settled: decisions, actions with owners and dates, open questions, each marked on the meeting strip and playable.

Installation

$ pnpm dlx shadcn@latest add @chatcn-pro/meeting-summary

Usage

tsx

import { MeetingSummary } from "@/components/ui/chatcn/pro/meeting-summary"

<MeetingSummary
  title="Offline sync rollout review"
  durationMs={duration}
  decisions={decisions}
  actions={actions}
  questions={questions}
  onSeek={(ms) => player.seek(ms)}
  onActionDoneChange={markDone}
/>

Each kind has its own shape on the strip and in the list: a diamond for decisions, a dot for actions and a ring for open questions, so the strip reads at a glance and survives grayscale. Pointing at an item lights its mark and dims the rest; activeId does the same from outside, for example from the player. Overdue actions say so in words as well as red.

Examples

States

ProStreaming, loading, a standup with nothing decided, an error that keeps the partial summary and read only.

Props

Prop	Type	Notes
`title`, `meta`	`string`, `ReactNode`	Heading and the line under it
`durationMs`	`number`	Length of the strip; defaults to the last moment
`decisions`	`{ id, text, at? }[]`	`at` in ms adds a mark and a jump
`actions`	`{ id, text, at?, owner?, due?, done?, overdue? }[]`	Action items
`questions`	`{ id, text, at?, raisedBy? }[]`	Still open
`onSeek`, `activeId`	`(ms, id) => void`, `string`	Jump buttons and the lit item
`onActionDoneChange`	`(id, done) => void`	Without it, checks are read only
`status`, `error`, `onRetry`	`idle \| loading \| streaming \| error`	Partial summaries stay visible

Keyboard

Key	Action
Tab	Moves through checks and timestamps
Space on a check	Marks the action done or not
Enter on a timestamp	Plays from that moment

Accessibility

Each section is a labelled region with its count; strip marks are named by kind, time and text.
Checks are checkboxes named by their action; jump buttons say the time they play.
The article is busy while loading or streaming.

Motion

Marks grow and the rest dim over 150 ms when an item is pointed at; item rows tint over the same 150 ms. New items appear whole with the streaming caret on the newest.