This is a comment left during a code review.
Path: ui/src/components/StatusIcon.tsx
Line: 40

Comment:
**Missing explicit height on SVG**

The `done` indicator sets both dimensions explicitly (`h-2 w-2`) to avoid ambiguity, but the cancelled SVG only sets `!w-2.5` with no corresponding `!h-2.5`. With `absolute inset-0` applied, the positioned box has `top: 0; bottom: 0` which makes the CSS-computed height equal to the parent's height (16px). Since SVG sizing with `viewBox` can conflict with absolute-positioned height constraints, some browsers may render the X stretched vertically (10px wide × 16px tall) rather than as a square icon.

Adding `!h-2.5` would match the same approach used for the `done` dot and guarantee consistent cross-browser rendering:

```suggestion
          className="absolute inset-0 m-auto !h-2.5 !w-2.5 text-card"
```

How can I resolve this? If you propose a fix, please make it concise.

---

This is a comment left during a code review.
Path: ui/src/lib/status-colors.ts
Line: 19

Comment:
**No dark-mode variant for `bg-neutral-500`**

Every other status with a background fill defines an explicit `dark:` variant (e.g. `dark:text-green-400 dark:border-green-400`). The cancelled entry has always lacked dark-mode variants for its `text-` and `border-` classes, and this PR extends that gap to the new `bg-neutral-500` fill.

In dark mode, `text-card` resolves to `oklch(0.205 0 0)` (very dark / near-black) per the project's `index.css`. A near-black X on `neutral-500` (medium grey) passes the WCAG 3:1 non-text contrast threshold but only just. Adding a slightly lighter background in dark mode (e.g. `dark:bg-neutral-400`) would both align with the existing pattern and provide a bit more contrast for the icon stroke:

```suggestion
  cancelled: "text-neutral-500 border-neutral-500 bg-neutral-500 dark:bg-neutral-400",
```

How can I resolve this? If you propose a fix, please make it concise.