ModelStatusBar

A one-line status bar for the active model: provider/name, lifecycle state, and — when known — mode, latency, and queue depth, with a TokenMeter beside it by default. The line recolors as the runtime moves between states (connecting, ready, streaming, degraded, error).

Import: package:fleury/fleury.dart, or package:fleury/fleury_core.dart in browser code.

Usage

const ModelStatusBar(
  info: ModelStatusInfo(
    model: 'claude-opus-4-8',
    status: ModelRuntimeStatus.streaming,
    latency: Duration(milliseconds: 180),
    tokenUsage: TokenUsage(
      input: 8200,
      output: 1400,
      contextUsed: 64000,
      contextLimit: 200000,
    ),
  ),
)

Constructors

ModelStatusBar()

Parameter	Type	Default	Description
info:	ModelStatusInfo	required	Model, lifecycle, and token state to present.
label:	String	'Model status'	Semantic label for the complete status bar.
showTokenMeter:	bool	true	Whether to show a TokenMeter beside the model summary.
tokenMeterWidth:	int	10	Number of cells used by the optional token meter’s bar.

Source

ModelStatusBar is defined in packages/fleury/lib/src/catalog/model_status_bar.dart.

Category: Agent surfaces · All widgets

Live demo

modelstatusbar_example.dart

Restart Run Expand

Example · editable Revert Format

Widget example() => const ModelStatusBar(
  info: ModelStatusInfo(
    model: 'claude-opus-4-8',
    status: ModelRuntimeStatus.streaming,
    latency: Duration(milliseconds: 180),
    tokenUsage: TokenUsage(
      input: 8200,
      output: 1400,
      contextUsed: 64000,
      contextLimit: 200000,
    ),
  ),
);

Live preview

Live

ⓘ how this demo runs ⛶ Expand