Copilot UI components examples

Copilot

Shows count of unreviewed transactions and prompts user to review them to unlock intelligence

• Empty state

Copilot

Displays current monthly budget status with remaining amount and visual progress line

• Charts

Copilot

Displays current net worth split into assets and debts with trend indicators and time-range selector

• Charts

Copilot

Lets users switch between Regular, Internal and Income transaction explanations in an onboarding flow

• Tabs

Copilot

Interactive radial visualization showing how transaction categories map to types like Regular, Internal Transfers, and Income during onboarding

• Illustration

Copilot

Displays total assets and debts values with a dual-line trend chart and time range selector

• Table

Copilot

Displays top spending categories with amounts, icons, and budget progress bars

• Progress indicator

Copilot

Displays empty total net worth broken down by assets and debts categories with zero-value placeholders

• Charts

Copilot

Shows selected transaction category name, current period spend amount, variance, and a compact historical bar chart.

• Charts

Copilot

Displays price, change metrics, and interactive time-series chart for a selected ETF position

• Charts

Copilot

Modal dialog for creating a spending category with name input, color selection, budget toggle and amount

• Modal

Copilot

Displays historical spending trend line with projected values and summary key metrics for the recurring expense.

• Charts