Source sync gridPro
Connected knowledge sources as cards: items indexed, last sync, live progress and failures with a resync.
On this page
ProSynced, syncing, failed, paused and never synced sources, with resync.
Installation
Usage
import { SourceSyncGrid } from "@/components/ui/chatcn/pro/source-sync-grid"
<SourceSyncGrid sources={sources} onResync={resync} />Each card shows how many items are indexed and when the source last synced. A sync in flight shows its progress in items; a failure says why and how to fix it. Pass your own icon or logo per source. Variant of the free connectors: sync status first.
Examples
States
ProRead only.
Props
| Prop | Type | Notes |
|---|---|---|
sources | SyncSource[] | { id, name, kind, icon?, state, items, progress?, lastSyncAt?, error? } |
onResync | (id) => void | Adds a sync now button |
now | number | Fixes relative times |
Accessibility
- Each sync state is a word with a glyph and is announced politely when it changes.
- Sync progress is a named progressbar.