Components/Research

Research

A research copilot with its process, numbered citations, and an evidence rail.

Since 0.6.0BETA

This component doc is in progress

This page is still being migrated. Demos and API details may change.

Usage

Cited research report

Click a numbered citation to find and highlight its entry in the evidence rail. Sample figures.

Loading demo...

Overview

A research copilot with traceable conclusions: its process, a cited conclusion, a comparison table, insights, and a recommendation arrive in turn.

  • It researches once in view and takes about 10 seconds; Reset or Research again replays it, and reduced motion renders the finished answer at once.
  • A numbered citation switches the rail to the matching tab and scrolls only inside it: a citation with a retrieved chunk lands on the chunk, the rest on the source.
  • Clicking a source or a chunk's origin only shows "The host would open …"; the page never navigates.
  • The recommendation card switches between alternatives; Save plan writes the draft into the Notes tab.
  • A follow-up appends a question and an answer with an expandable reasoning note; the answer column follows streamed content until you scroll up.
  • In the docs column (640–959px) the rail uses tabs, and ≥ 1200px gives the insights their own column; narrow (< 640px) hides the rail and stacks the sources under the conclusion.

Customization

  • To wire a real service, map research steps onto TxChainOfThought's steps (one active at a time), append the conclusion token by token, and hand tables to TxStreamMarkdown.
  • Clickable citations cannot live in markdown (TxStreamMarkdown renders through v-html): render the cited paragraph on its own, and keep links out of the markdown too.
  • Scroll the rail with its scroller's scrollTo, not scrollIntoView, which drags the whole page.
  • Label unmeasured claims about third-party products as qualitative or sample data; give the recommendation's confidence a text label.
RegionComponentsRole
HeaderTxWorkingIndicator, TxStatusBadgePhase, elapsed time, and done state
Research processTxChainOfThoughtFour steps that fold when done
ConclusionTxInlineCitationRevealed conclusion with numbered citations
ComparisonTxStreamMarkdownStreamed comparison, no links
Insights and recommendationTxInsightCards, TxRecommendationCardPageable insights and a recommendation
Follow-upsTxSuggestionChips, TxAiConversation, TxReasoningDisclosure, TxTypingIndicatorFollow-ups and a Q&A thread
Evidence railTxTabs, TxSources, TxContextCards, TxSignalMeter, TxSkeletonSources, Chunks, and Notes tabs
NotesTxMarkdownView, TxMessageActionsAdopted plan draft, with copy
InputTxPromptBarFollow-up input, commands, and modes