euedujbarrios-ui
Back to components

AI Interfaces

Conversation Fork Map

A visual branch map for comparing alternate conversation directions while preserving shared context.

conversationbranchescontext

Installation

Copy and paste the code into your project.

Accessibility notes

Branches use an ordered list and the active path is labeled explicitly instead of relying on color.

Conversation map

Explore alternate directions

  1. 01

    Original

    Pricing strategy

  2. 02

    Branch A

    Enterprise focus

    Active
  3. 03

    Branch B

    Self-serve focus

All branches share the first 12 messages.

Preview accent

TypeScript
const branches = ["Original", "Branch A", "Branch B"]; export function ConversationForkMap() { return <ol>{branches.map((branch) => <li key={branch}>{branch}</li>)}</ol>; }
Usage
<ConversationForkMap />

Related components

Agent memory

Eduardo workspace

3 saved
  • Prefers compact dashboards
  • Uses eval scorecards
  • Ships with dark themes

AI Interfaces

Agent Memory Card

Intermediate

A compact memory summary card for personalized agents and workspace context.

agentmemorycontext
View component

Context compression

Compaction preview

−7.5k tokens

  • Decisions

    1.8k

    Keep

  • Discussion

    8.4k → 1.2k

    Summarize

  • Duplicates

    2.1k

    Drop
Projected context5.4k / 16k

AI Interfaces

Context Compression Preview

Advanced

A compaction preflight showing which conversation sections will be kept, summarized, or dropped.

contextcompressiontokens
View component

Context conflict

Resolve competing claims

2 sources
  • Pricing guide · v8Current

    Refund window: 30 days

  • Support article · 2024Stale

    Refund window: 14 days

Recommended: prefer v8 because it has the newer effective date and product-owner approval.

AI Interfaces

Context Conflict Resolver

Advanced

A grounded-answer control for comparing contradictory retrieved claims and choosing an authoritative source.

contextconflictretrieval
View component