Skip to content

Components

Changelog

Every component added, changed or removed, newest first. 43 additions so far. A component cannot ship without an entry here: the build checks.

Source of truth: lib/changelog.ts

  1. 8 Sept 2026

    • ChangedStatusAlertFilterChipButton

      Warning and danger text darken to #B64D05 and #C93933, the values Varick OS ships, so they clear 4.5:1 on white and on their own tints. Soft fills keep the brighter hue.

  2. 3 Sept 2026

    • ChangedAvatar

      Larger and clearer: 24, 32 or 40px with the radius growing with size, initials in ink on the fill.

  3. 2 Sept 2026

    • ChangedAvatar

      Composable: Avatar, AvatarFallback, AvatarImage, AvatarGroup and AvatarGroupCount. Square with a 4px radius (6px at 32px), grey by default or navy.

    • ChangedSwitchFilterChipSparklineTerminal

      Switch takes the 8px radius. FilterChip gains a danger tone. Sparkline gains a soft fill under the line. Terminal is light by default with dark as a variant.

    • ChangedSystem-wide

      Two radii across the system: 4px on controls and chips, 8px on containers and the navigation. Dark mode added through the same tokens; no component carries its own dark styles.

    • AddedSparklineFilterChipSideNavStepperTerminal

      The last pieces of the app that had no page: the KPI sparkline, filter chips, the left rail with collapse, the wizard stepper and the run log. Tabs gains the filled variant from the connector form.

    • AddedLoaderTraceToolCallsRunTasksContextCardsFlowchart

      The Agent runs group: what Varick OS shows while an agent works and after it finishes. Proposed, not yet in the app.

    • AddedDropdownMenuTextareaSelectCheckboxSwitchFieldBadgeKbdSeparatorSkeletonSpinnerCardTablePaginationBreadcrumbAlertDialogTooltipEmpty

      The library rebuilt on one convention set: one function per part, variants and sizes as props, className and native props pass through, data-slot on every root, every state styled. Nineteen components transcribed from the app or specified as Proposed.

    • ChangedButtonTabsProgressStatusKpi

      Button gains primary, ghost, destructive and link variants, five sizes and a loading state. Tabs gain the line variant, counts and arrow keys. Progress gains role="progressbar". Status gains a neutral tone. Kpi gains an icon slot and caption.

  4. 27 Aug 2026

    • ChangedSystem-wide

      Every component gets its own page: usage, variants, API reference and the CSS behind it.

  5. 26 Aug 2026

To add a component: write it, register it, then add an entry to lib/changelog.ts with its id. The registry fails the build if a component has no “added” entry.