byronwade/ui
Application UI

AI · Application UI

Checkpoint

A conversation checkpoint marker that pairs a bookmark icon with a tooltip-enabled restore trigger and a trailing separator.

@byronwade/foundation@byronwade/utils@byronwade/button@byronwade/separator@byronwade/tooltip@phosphor-icons/react

Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.

Feature showcase

Installation

Features

  • 1 example

    Default.

API

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.
@byronwade/buttonregistryInstalled through the byronwade/ui registry.
@byronwade/separatorregistryInstalled through the byronwade/ui registry.
@byronwade/tooltipregistryInstalled through the byronwade/ui registry.
@phosphor-icons/reactnpmInstalled from npm.

Source and related

FilePath
Componentregistry/components/ai-checkpoint.tsx
Default examplecontent/examples/ai-checkpoint/default.tsx