treefmt: apply prettier

Pure `nix fmt` output from the commit before this one — no hand edits.
203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs.

Reproduce with `nix develop -c nix fmt` on the parent commit; the result
should be byte-identical to this tree.

None of the 13 `.prettierignore` entries appears here — verified by
intersecting the changed-file list against the ignore file, with a
control proving the intersection finds a match when one exists.

frontend/packages/shared/src/badge/Badge.css

@@ -51,12 +51,12 @@
    the settings/links "should not have the badge bg" bug on those
    triggers. Verified against a real repro before landing, not just
    the specificity arithmetic. */
-:root[data-theme='light'] .ui-badge:not(.ui-badge-quiet) {
+:root[data-theme="light"] .ui-badge:not(.ui-badge-quiet) {
   background: var(--purple-dim);
   -webkit-backdrop-filter: none;
   backdrop-filter: none;
 }
-:root[data-theme='dark'] .ui-badge:not(.ui-badge-quiet) {
+:root[data-theme="dark"] .ui-badge:not(.ui-badge-quiet) {
   background: color-mix(in srgb, var(--purple-dim) 65%, transparent);
   -webkit-backdrop-filter: blur(6px) saturate(140%);
   backdrop-filter: blur(6px) saturate(140%);
@@ -81,12 +81,14 @@
 .ui-badge-quiet {
   background: none;
 }
-.ui-badge-interactive[aria-expanded='true'] {
+.ui-badge-interactive[aria-expanded="true"] {
   background: var(--bg-elev);
   outline: 1px solid var(--purple);
 }
 .ui-badge-label {
-  color: var(--muted-on-dim); /* --muted alone is too low-contrast on this fill, see theme.css */
+  color: var(
+    --muted-on-dim
+  ); /* --muted alone is too low-contrast on this fill, see theme.css */
 }
 .ui-badge-value {
   color: var(--fg);

frontend/packages/shared/src/badge/Badge.tsx

@@ -18,10 +18,15 @@
 // swarm-ui *and* the per-agent page need the interactive shape, and
 // `shared` is the one package both already depend on (see
 // `docs/web-ui/design-guide.md`'s component-first + junk-drawer rules).
-import type { ComponentChildren } from 'preact';
-import './Badge.css';
+import type { ComponentChildren } from "preact";
+import "./Badge.css";
 
-export type BadgeTone = 'neutral' | 'positive' | 'warning' | 'negative' | 'accent';
+export type BadgeTone =
+  | "neutral"
+  | "positive"
+  | "warning"
+  | "negative"
+  | "accent";
 /**
  * `'default'` — the filled pill every status/picker badge has always
  * been. `'quiet'` — no permanent fill, only a background on hover/
@@ -34,7 +39,7 @@ export type BadgeTone = 'neutral' | 'positive' | 'warning' | 'negative' | 'accen
  * weight is orthogonal to `tone` (color semantics), so it's its own prop
  * rather than a new `tone` value.
  */
-export type BadgeVariant = 'default' | 'quiet';
+export type BadgeVariant = "default" | "quiet";
 
 export interface BadgeProps {
   /** Dim prefix text, e.g. "model". Omit for a single-value badge like "alive". */
@@ -63,8 +68,8 @@ export interface BadgeProps {
 export function Badge({
   label,
   value,
-  tone = 'neutral',
-  variant = 'default',
+  tone = "neutral",
+  variant = "default",
   icon,
   onClick,
   expanded,
@@ -73,14 +78,14 @@ export function Badge({
   title,
 }: BadgeProps) {
   const classes = [
-    'ui-badge',
+    "ui-badge",
     `ui-badge-${tone}`,
-    variant === 'quiet' && 'ui-badge-quiet',
-    onClick && 'ui-badge-interactive',
+    variant === "quiet" && "ui-badge-quiet",
+    onClick && "ui-badge-interactive",
     extraClass,
   ]
     .filter(Boolean)
-    .join(' ');
+    .join(" ");
   const content = (
     <>
       {icon ? (