diff --git a/apps/desktop/src/design.test.ts b/apps/desktop/src/design.test.ts
index ab1ee38d2..7a4b94d4a 100644
--- a/apps/desktop/src/design.test.ts
+++ b/apps/desktop/src/design.test.ts
@@ -268,6 +268,26 @@ describe("design system", () => {
     expect([...used].map(([, , why]) => `allowlist entry no longer matches a line: ${why}`)).toEqual([]);
   });
 
+  test("icons take a size from the scale (docs/design.md › Icons)", () => {
+    // 10 a glyph in a status dot or a caption's spinner, 12 chips and captions, 13 menus, 14
+    // toolbars and composer buttons, 16 page headers and tool rows, 18 empty states, 24 a page's
+    // own mark.
+    const SCALE = new Set([10, 12, 13, 14, 16, 18, 24]);
+    const found: string[] = [];
+    for (const path of files(join(SRC, "ui"))) {
+      const file = relative(SRC, path);
+      readFileSync(path, "utf8")
+        .split("\n")
+        .forEach((line, i) => {
+          for (const match of line.matchAll(/\bsize=\{(\d+)\}/g)) {
+            if (!SCALE.has(Number(match[1])))
+              found.push(`${file}:${i + 1} icon size ${match[1]}: ${line.trim()}`);
+          }
+        });
+    }
+    expect(found).toEqual([]);
+  });
+
   test("the engine's built-in themes carry the same surfaces", () => {
     // The app applies a theme's tokens inline, so an engine built-in that still
     // holds an old fill shadows index.css: the real app shows the theme file's
diff --git a/apps/desktop/src/ui/AddHarness.tsx b/apps/desktop/src/ui/AddHarness.tsx
index 87b931697..70ab8116f 100644
--- a/apps/desktop/src/ui/AddHarness.tsx
+++ b/apps/desktop/src/ui/AddHarness.tsx
@@ -153,7 +153,7 @@ export function AddHarnessForm({ onClose }: { onClose: () => void }) {
       )}
       <div className="flex items-center gap-2">
         <Action type="submit" prominent disabled={!!busy}>
-          {busy && <Spinner size={11} />}
+          {busy && <Spinner size={12} />}
           {busy === "adding" ? "Adding…" : busy === "verifying" ? "Verifying…" : "Add and verify"}
         </Action>
         <Action quiet disabled={!!busy} onClick={onClose}>
@@ -216,7 +216,7 @@ export function HarnessCommandFields({
             onClick={() => patch({ args: [...form.args, ""] })}
             className="flex items-center gap-1 self-start text-caption text-accent hover:underline"
           >
-            <Plus size={11} />
+            <Plus size={12} />
             Add argument
           </button>
         </div>
@@ -263,7 +263,7 @@ export function HarnessCommandFields({
             onClick={() => patch({ env: [...form.env, { name: "", value: "" }] })}
             className="flex items-center gap-1 self-start text-caption text-accent hover:underline"
           >
-            <Plus size={11} />
+            <Plus size={12} />
             Add variable
           </button>
         </div>
diff --git a/apps/desktop/src/ui/AgentViews.tsx b/apps/desktop/src/ui/AgentViews.tsx
index 4bd325244..c3586269e 100644
--- a/apps/desktop/src/ui/AgentViews.tsx
+++ b/apps/desktop/src/ui/AgentViews.tsx
@@ -122,13 +122,13 @@ export function AgentAvatar({
           className="-right-1 -bottom-1 absolute flex size-3 items-center justify-center rounded-full bg-bg ring-2 ring-bg"
         >
           {state === "working" ? (
-            <Spinner size={8} className="text-accent" />
+            <Spinner size={10} className="text-accent" />
           ) : state === "failed" ? (
-            <X size={9} strokeWidth={3} className="text-danger" />
+            <X size={10} strokeWidth={3} className="text-danger" />
           ) : state === "stopped" ? (
-            <Minus size={9} strokeWidth={3} className="text-fg-faint" />
+            <Minus size={10} strokeWidth={3} className="text-fg-faint" />
           ) : (
-            <Check size={9} strokeWidth={3} className="text-success rc-dot-in" />
+            <Check size={10} strokeWidth={3} className="text-success rc-dot-in" />
           )}
         </span>
       )}
diff --git a/apps/desktop/src/ui/Attachments.tsx b/apps/desktop/src/ui/Attachments.tsx
index 4830e58fc..ed040fd1d 100644
--- a/apps/desktop/src/ui/Attachments.tsx
+++ b/apps/desktop/src/ui/Attachments.tsx
@@ -146,7 +146,7 @@ export function AttachmentStrip({
               onClick={() => onRemove(a.id)}
               className="rc-glass absolute top-1.5 right-1.5 flex size-[20px] items-center justify-center rounded-full text-fg opacity-0 shadow-1 hover:bg-surface-3 group-hover:opacity-100 focus-visible:opacity-100"
             >
-              <X size={11} strokeWidth={2.5} />
+              <X size={12} strokeWidth={2.5} />
             </button>
           </div>
         ) : null,
diff --git a/apps/desktop/src/ui/AttentionCards.tsx b/apps/desktop/src/ui/AttentionCards.tsx
index 3fcc43f47..e465b663d 100644
--- a/apps/desktop/src/ui/AttentionCards.tsx
+++ b/apps/desktop/src/ui/AttentionCards.tsx
@@ -175,7 +175,7 @@ function ApprovalActions({
         <DropdownMenu.Root modal={false}>
           <DropdownMenu.Trigger asChild>
             <Pill size="sm" quiet aria-label={plan ? "More ways to build" : "Allow for longer"}>
-              {grants.length > 0 ? "Grant" : "More"} <ChevronDown size={11} />
+              {grants.length > 0 ? "Grant" : "More"} <ChevronDown size={12} />
             </Pill>
           </DropdownMenu.Trigger>
           <MenuContent side="top" align="end" className="max-w-[360px] min-w-[220px]">
@@ -676,7 +676,7 @@ export function QuestionCard({
       }}
     >
       <div className="flex min-w-0 items-center gap-2">
-        <MessageCircleQuestion size={15} className="shrink-0 text-accent" aria-hidden />
+        <MessageCircleQuestion size={16} className="shrink-0 text-accent" aria-hidden />
         <h2 id={headId} className="m-0 min-w-0 flex-1 truncate font-semibold text-accent text-body">
           {from ? `From ${from}: ` : ""}
           {q.header || "RustCode has a question"}
@@ -928,7 +928,7 @@ export function ChildRequestCard({
           From <span className="font-medium text-fg">{from}</span>
         </span>
         <ArrowUpRight
-          size={11}
+          size={12}
           className="shrink-0 text-fg-faint opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100"
         />
       </button>
diff --git a/apps/desktop/src/ui/Board.tsx b/apps/desktop/src/ui/Board.tsx
index b02878775..17e559bfd 100644
--- a/apps/desktop/src/ui/Board.tsx
+++ b/apps/desktop/src/ui/Board.tsx
@@ -113,7 +113,7 @@ function Card({
         <span className="mt-1.5 flex flex-wrap items-center gap-1 text-caption text-fg-muted">
           {wt ? (
             <span className="flex max-w-full items-center gap-0.5 rounded-sm bg-fill-subtle px-1 font-mono text-[10px]">
-              <GitBranch size={9} className="shrink-0" />
+              <GitBranch size={10} className="shrink-0" />
               <span className="truncate">{wt.branch}</span>
             </span>
           ) : (
@@ -129,7 +129,7 @@ function Card({
           {status === "review" ? (
             <Tooltip label="Settle">
               <Pill size="sm" aria-label="Settle" onClick={() => settleThread(session.id)}>
-                <CircleCheck size={11} /> Settle
+                <CircleCheck size={12} /> Settle
               </Pill>
             </Tooltip>
           ) : (
@@ -139,7 +139,7 @@ function Card({
                 aria-label="Back to review"
                 onClick={() => void setThreadStatus(session.id, "review")}
               >
-                <Eye size={11} /> Review
+                <Eye size={12} /> Review
               </Pill>
             </Tooltip>
           )}
@@ -150,7 +150,7 @@ function Card({
               onClick={() => void setThreadStatus(session.id, "idle")}
               className="flex size-6 items-center justify-center rounded-full bg-fill hover:bg-fill-strong"
             >
-              <Undo2 size={11} />
+              <Undo2 size={12} />
             </button>
           </Tooltip>
         </div>
diff --git a/apps/desktop/src/ui/Branches.tsx b/apps/desktop/src/ui/Branches.tsx
index 4784fd6b9..08e6564f6 100644
--- a/apps/desktop/src/ui/Branches.tsx
+++ b/apps/desktop/src/ui/Branches.tsx
@@ -26,7 +26,7 @@ export function OriginChip({ threadId }: { threadId: string }) {
       onClick={() => open && selectThread(open)}
       className="flex min-w-0 max-w-[260px] shrink items-center gap-1 rounded-sm px-1 text-caption text-fg-muted enabled:hover:bg-fill-subtle enabled:hover:text-fg disabled:cursor-default"
     >
-      <Glyph kind={origin.kind} size={11} />
+      <Glyph kind={origin.kind} size={12} />
       <span className="shrink-0">{line.label}</span>
       <span className="min-w-0 truncate font-medium">{line.title}</span>
       {open && <CornerUpLeft size={10} className="shrink-0 text-fg-faint" />}
@@ -46,7 +46,7 @@ export function BranchRow({ branch }: { branch: Branch }) {
   const line = branchLine(branch);
   return (
     <div className="flex h-6 items-center justify-center gap-1.5 text-caption text-fg-faint">
-      <Glyph kind={branch.kind} size={11} />
+      <Glyph kind={branch.kind} size={12} />
       <span>{line.label}</span>
       <Tooltip label={branch.kind === "fork" ? "Open the fork" : "Open the side chat beside this thread"}>
         <button
diff --git a/apps/desktop/src/ui/Capabilities.tsx b/apps/desktop/src/ui/Capabilities.tsx
index 07fe02232..4134ae73d 100644
--- a/apps/desktop/src/ui/Capabilities.tsx
+++ b/apps/desktop/src/ui/Capabilities.tsx
@@ -195,7 +195,7 @@ export function CapabilitiesPage() {
         )
       : null;
     if (reason && !local) {
-      toast(`Not added: ${reason}, and this machine is not in the chosen scope.`, "error");
+      toast(`Not added: ${reason}, and this computer is not in the chosen scope.`, "error");
       return false;
     }
     const recipients = reason && local ? [local] : writes;
@@ -206,7 +206,7 @@ export function CapabilitiesPage() {
     for (const failure of result.failures) toast(`${failure.name}: ${failure.message}`, "error");
     if (reason && local && result.succeeded.length) {
       toast(
-        `Added to ${local.name} only: ${reason}. The other machines did not get it; set it up there yourself.`,
+        `Added to ${local.name} only: ${reason}. The other environments did not get it; set it up there yourself.`,
         "info",
       );
     } else if (isAdd && result.succeeded.length) {
@@ -214,8 +214,8 @@ export function CapabilitiesPage() {
       const blanked = keys.length > 0 && result.succeeded.some((machine) => !machine.local);
       toast(
         blanked
-          ? `Added to ${result.succeeded.length} machines. ${keys.join(", ")} ${keys.length === 1 ? "stays" : "stay"} on this machine; set ${keys.length === 1 ? "it" : "them"} on the others.`
-          : `Added to ${result.succeeded.length} ${result.succeeded.length === 1 ? "machine" : "machines"}.`,
+          ? `Added to ${result.succeeded.length} environments. ${keys.join(", ")} ${keys.length === 1 ? "stays" : "stay"} on this computer; set ${keys.length === 1 ? "it" : "them"} on the others.`
+          : `Added to ${result.succeeded.length} ${result.succeeded.length === 1 ? "environment" : "environments"}.`,
         "success",
       );
     }
@@ -249,7 +249,7 @@ export function CapabilitiesPage() {
       )}
       {writes.length > 1 && (
         <Group
-          title="Add to all machines"
+          title="Add to all environments"
           action={
             <Action size="sm" onClick={() => setAddingAll(!addingAll)} aria-expanded={addingAll}>
               <Plus size={12} /> Add server to all
@@ -395,7 +395,7 @@ function CopyMenu({
       value: `machine:${machine.host}`,
       label: `Copy to ${machine.name}`,
     })),
-    ...(others.length > 1 ? [{ value: "all", label: "Copy to all machines" }] : []),
+    ...(others.length > 1 ? [{ value: "all", label: "Copy to all environments" }] : []),
   ];
   return (
     <Select
@@ -565,7 +565,7 @@ function McpRow({
           className="-mx-1.5 flex min-w-0 flex-1 items-center gap-2 rounded-md px-1.5 py-1 text-left hover:bg-fill-subtle"
         >
           <ChevronRight
-            size={11}
+            size={12}
             strokeWidth={2.5}
             className={cx("shrink-0 text-fg-faint transition-transform duration-150", open && "rotate-90")}
           />
@@ -640,7 +640,7 @@ function McpRow({
               <>
                 <dt className="text-fg-faint">Set here</dt>
                 <dd className="m-0 text-fg-muted">
-                  {[...s.envKeys, ...s.headerKeys].join(", ")}. Values stay on this machine.
+                  {[...s.envKeys, ...s.headerKeys].join(", ")}. Values stay on this computer.
                 </dd>
               </>
             )}
diff --git a/apps/desktop/src/ui/ChangesPanel.tsx b/apps/desktop/src/ui/ChangesPanel.tsx
index 3b0cea018..1b2164591 100644
--- a/apps/desktop/src/ui/ChangesPanel.tsx
+++ b/apps/desktop/src/ui/ChangesPanel.tsx
@@ -96,7 +96,7 @@ function FileSection({
         className="sticky top-0 z-10 -mx-3 flex w-[calc(100%+1.5rem)] items-center gap-2 bg-surface-2 px-4 py-1.5 text-left hover:bg-fill-subtle"
       >
         <ChevronRight
-          size={11}
+          size={12}
           strokeWidth={2.5}
           className={cx(
             "shrink-0 text-fg-faint transition-transform duration-150",
@@ -247,7 +247,7 @@ export function ChangesPanel() {
             </p>
             {!data.files.length && (
               <div className="flex flex-col items-center gap-2 py-10 text-callout text-fg-muted">
-                <CircleCheck size={20} />
+                <CircleCheck size={18} />
                 No uncommitted changes
               </div>
             )}
diff --git a/apps/desktop/src/ui/ChatView.tsx b/apps/desktop/src/ui/ChatView.tsx
index 5b2b871f4..05cf579ed 100644
--- a/apps/desktop/src/ui/ChatView.tsx
+++ b/apps/desktop/src/ui/ChatView.tsx
@@ -172,7 +172,7 @@ function ThreadStatusMenu({ threadId }: { threadId: string }) {
         >
           {wt && (
             <span className="flex max-w-[160px] items-center gap-1 font-mono text-caption">
-              <GitBranch size={11} className="shrink-0" />
+              <GitBranch size={12} className="shrink-0" />
               <span className="truncate">{wt.branch}</span>
             </span>
           )}
@@ -673,7 +673,7 @@ function SettledBar({ threadId }: { threadId: string }) {
       <CircleCheck size={12} className="shrink-0 text-success" />
       <span className="min-w-0 flex-1 truncate font-medium text-fg-muted">Settled</span>
       <Pill size="sm" quiet onClick={() => void setThreadStatus(threadId, "idle")}>
-        <CircleDashed size={11} /> Unsettle
+        <CircleDashed size={12} /> Unsettle
       </Pill>
     </div>
   );
diff --git a/apps/desktop/src/ui/CommandPalette.tsx b/apps/desktop/src/ui/CommandPalette.tsx
index 4b90a1435..2c00dd8df 100644
--- a/apps/desktop/src/ui/CommandPalette.tsx
+++ b/apps/desktop/src/ui/CommandPalette.tsx
@@ -398,7 +398,7 @@ export function CommandPalette() {
         >
           <Dialog.Title className="sr-only">Command palette</Dialog.Title>
           <div className="flex h-[52px] items-center gap-3 px-4">
-            <Search size={17} className="text-fg-muted" />
+            <Search size={16} className="text-fg-muted" />
             <input
               autoFocus
               value={query}
diff --git a/apps/desktop/src/ui/Compare.tsx b/apps/desktop/src/ui/Compare.tsx
index 4cc2a9293..f89511ba8 100644
--- a/apps/desktop/src/ui/Compare.tsx
+++ b/apps/desktop/src/ui/Compare.tsx
@@ -77,7 +77,7 @@ function CompareCard({ link, fanOut, kept }: { link: Link; fanOut: string; kept?
       </header>
       {wt && (
         <span className="flex items-center gap-1 truncate font-mono text-caption text-fg-muted">
-          <GitBranch size={11} className="shrink-0" />
+          <GitBranch size={12} className="shrink-0" />
           {wt.branch}
         </span>
       )}
diff --git a/apps/desktop/src/ui/Composer.tsx b/apps/desktop/src/ui/Composer.tsx
index 2f71677ff..0eba2fbc4 100644
--- a/apps/desktop/src/ui/Composer.tsx
+++ b/apps/desktop/src/ui/Composer.tsx
@@ -1497,7 +1497,7 @@ export const Composer = memo(function Composer({
             // A queued message is edited here, not in an input of its own: its text, command, links
             // and attachments are the composer's while it is open, and ⏎ saves them where it waits.
             <div className="flex items-center gap-1.5 px-5 pt-2 text-caption text-accent">
-              <Pencil size={11} />
+              <Pencil size={12} />
               <b>Editing a queued message</b>
               <span className="text-fg-muted">· ⏎ saves it in the queue, esc leaves it</span>
               <Pill quiet size="sm" className="ml-auto" onClick={() => cancelQueuedEdit()}>
@@ -1507,7 +1507,7 @@ export const Composer = memo(function Composer({
           )}
           {editing && (
             <div className="flex items-center gap-1.5 px-5 pt-2 text-caption text-accent">
-              <Pencil size={11} />
+              <Pencil size={12} />
               <b>Editing a sent message</b>
               <span className="text-fg-muted">· sending takes the thread back to it</span>
               <Pill
@@ -1850,7 +1850,7 @@ function LimitWaitRow({ threadId }: { threadId: string }) {
         : "";
   return (
     <div className="flex items-center gap-1.5 px-5 pt-2 text-caption text-fg-muted">
-      {offline ? <WifiOff size={11} className="shrink-0" /> : <Clock size={11} className="shrink-0" />}
+      {offline ? <WifiOff size={12} className="shrink-0" /> : <Clock size={12} className="shrink-0" />}
       <span className="min-w-0 truncate">{text}</span>
       <Pill quiet size="sm" className="ml-auto shrink-0" onClick={() => resumeWaitNow(threadId)}>
         Send now
diff --git a/apps/desktop/src/ui/ComputerUseGroup.tsx b/apps/desktop/src/ui/ComputerUseGroup.tsx
index 4516eb485..5ac378525 100644
--- a/apps/desktop/src/ui/ComputerUseGroup.tsx
+++ b/apps/desktop/src/ui/ComputerUseGroup.tsx
@@ -54,7 +54,7 @@ export function ComputerUseGroup() {
       {settings.browser_available !== true && (
         <Row
           title="Chrome/Chromium not found"
-          subtitle="Install Google Chrome or Chromium on this machine."
+          subtitle="Install Google Chrome or Chromium on this computer."
           hint="For a custom location, set computer_use.executable in config.toml."
         />
       )}
diff --git a/apps/desktop/src/ui/ConnectRequests.tsx b/apps/desktop/src/ui/ConnectRequests.tsx
index 2dd46dde4..a5ec2c8c7 100644
--- a/apps/desktop/src/ui/ConnectRequests.tsx
+++ b/apps/desktop/src/ui/ConnectRequests.tsx
@@ -136,7 +136,7 @@ function RequestCard({
             {request.remoteAddr ? ` at ${request.remoteAddr}` : ""}
           </div>
           <p className="m-0 pt-2 text-caption text-fg-faint leading-normal">
-            {request.deviceKind === "desktop" && <>Can see and run all threads on this machine. </>}
+            {request.deviceKind === "desktop" && <>Can see and run all threads on this computer. </>}
             Accept only a device you have with you. This computer then shows a code to enter on it.
           </p>
         </div>
diff --git a/apps/desktop/src/ui/DelegateStatus.tsx b/apps/desktop/src/ui/DelegateStatus.tsx
index 1a01de219..0ea2eefe8 100644
--- a/apps/desktop/src/ui/DelegateStatus.tsx
+++ b/apps/desktop/src/ui/DelegateStatus.tsx
@@ -200,7 +200,7 @@ export function DelegateStatusPanel({ threadId }: { threadId: string }) {
             >
               {panelLabel(rows)}
             </span>
-            {rows.some((row) => row.state === "working") && <Spinner size={9} className="text-accent" />}
+            {rows.some((row) => row.state === "working") && <Spinner size={10} className="text-accent" />}
           </button>
           {!folded && (
             <div id={rowsId} className="flex max-h-[min(240px,35vh)] flex-col gap-0.5 overflow-y-auto">
@@ -230,7 +230,7 @@ export function StatusReplyRow({ rows }: { rows: readonly DelegateStatusRow[] })
   return (
     <div className="flex flex-col gap-1 rounded-xl border border-border bg-fill-subtle px-1 py-1.5">
       <div className="flex items-center gap-1.5 px-2 text-caption text-fg-muted">
-        <Layers size={11} aria-hidden className="shrink-0 text-fg-faint" />
+        <Layers size={12} aria-hidden className="shrink-0 text-fg-faint" />
         <span className="font-medium text-fg">Status</span>
         <span className="min-w-0 truncate">· {statusSummary(rows)}</span>
         <span className="ml-auto shrink-0 text-fg-faint">Local reply · no model turn</span>
diff --git a/apps/desktop/src/ui/DelegateTree.tsx b/apps/desktop/src/ui/DelegateTree.tsx
index d4e24cd09..2d7bd0a81 100644
--- a/apps/desktop/src/ui/DelegateTree.tsx
+++ b/apps/desktop/src/ui/DelegateTree.tsx
@@ -341,7 +341,7 @@ export function DelegateTree({
     return (
       <Tooltip label={<DelegateTip views={views} />}>
         <span className="mt-1 flex min-w-0 items-center gap-1 text-caption text-fg-muted">
-          <ListTree size={11} aria-hidden className="shrink-0 text-fg-faint" />
+          <ListTree size={12} aria-hidden className="shrink-0 text-fg-faint" />
           <span className="shrink-0 tabular">
             {total.threads} {total.threads === 1 ? "delegate" : "delegates"}
           </span>
diff --git a/apps/desktop/src/ui/Dictation.tsx b/apps/desktop/src/ui/Dictation.tsx
index 28b1969b9..c3521bd2f 100644
--- a/apps/desktop/src/ui/Dictation.tsx
+++ b/apps/desktop/src/ui/Dictation.tsx
@@ -404,7 +404,7 @@ export function DictationButton({ dictation }: { dictation: Dictation }) {
             onPointerUp={hold ? dictation.release : undefined}
             className="flex size-7 items-center justify-center rounded-full bg-danger text-accent-fg hover:bg-danger/85"
           >
-            <Square size={9} fill="currentColor" strokeWidth={0} />
+            <Square size={10} fill="currentColor" strokeWidth={0} />
           </button>
         </Tooltip>
       </div>
diff --git a/apps/desktop/src/ui/EarlierAttempts.tsx b/apps/desktop/src/ui/EarlierAttempts.tsx
index fe08fa155..76b2d04e8 100644
--- a/apps/desktop/src/ui/EarlierAttempts.tsx
+++ b/apps/desktop/src/ui/EarlierAttempts.tsx
@@ -85,7 +85,7 @@ function EarlierAttempt({
     <section aria-label="Earlier attempt" className="flex flex-col gap-3">
       <div className="flex items-center gap-2 text-caption text-fg-faint">
         <span className="h-px flex-1 bg-border" />
-        <History size={11} />
+        <History size={12} />
         <span className="font-medium">Earlier attempt</span>
         <span className="tabular">
           {turns} turn{turns === 1 ? "" : "s"}
@@ -114,7 +114,7 @@ function AttemptAction({ threadId, attempt }: { threadId: string; attempt: Attem
   if (attempt.head === undefined)
     return (
       <span className="flex items-center gap-1">
-        <TriangleAlert size={11} />
+        <TriangleAlert size={12} />
         The state it left was not kept
       </span>
     );
diff --git a/apps/desktop/src/ui/Harnesses.tsx b/apps/desktop/src/ui/Harnesses.tsx
index 602f3f94d..d2ecdf097 100644
--- a/apps/desktop/src/ui/Harnesses.tsx
+++ b/apps/desktop/src/ui/Harnesses.tsx
@@ -316,7 +316,7 @@ export function AccountsList({ harness }: { harness: Harness }) {
           onClick={() => setAdding(true)}
           className="flex items-center gap-1 self-start text-caption text-accent hover:underline"
         >
-          <Plus size={11} />
+          <Plus size={12} />
           Add account
         </button>
       )}
@@ -478,7 +478,7 @@ export function HarnessCard({ harness }: { harness: Harness }) {
     <div className="flex flex-col gap-2 px-4 py-3">
       <div className="flex items-center gap-3">
         <span className="flex size-8 shrink-0 items-center justify-center rounded-lg bg-fill">
-          <HarnessIcon id={harness.id} name={harness.name} size={17} />
+          <HarnessIcon id={harness.id} name={harness.name} size={16} />
         </span>
         <div className="min-w-0 flex-1">
           <div className="flex items-center gap-2">
@@ -555,7 +555,7 @@ export function HarnessCard({ harness }: { harness: Harness }) {
           aria-expanded={open}
           className="flex items-center gap-1 text-caption text-fg-muted hover:text-fg"
         >
-          <ChevronRight size={11} className={cx("transition-transform", open && "rotate-90")} />
+          <ChevronRight size={12} className={cx("transition-transform", open && "rotate-90")} />
           Details
         </button>
         {open && (
@@ -586,9 +586,9 @@ export function HarnessCard({ harness }: { harness: Harness }) {
                   className={cx("flex items-start gap-1.5 text-caption", !row.available && "text-fg-faint")}
                 >
                   {row.available ? (
-                    <Check size={11} className="mt-px text-success" />
+                    <Check size={12} className="mt-px text-success" />
                   ) : (
-                    <Minus size={11} className="mt-px" />
+                    <Minus size={12} className="mt-px" />
                   )}
                   <span>
                     {row.label}
diff --git a/apps/desktop/src/ui/Inbox.tsx b/apps/desktop/src/ui/Inbox.tsx
index 3a498b7ff..85d4836c5 100644
--- a/apps/desktop/src/ui/Inbox.tsx
+++ b/apps/desktop/src/ui/Inbox.tsx
@@ -507,7 +507,7 @@ export function Inbox() {
             </section>
           ) : (
             <div className="flex flex-col items-center gap-1.5 py-16 text-center">
-              <CircleCheck size={20} className="text-fg-faint" />
+              <CircleCheck size={18} className="text-fg-faint" />
               <p className="font-medium text-body text-fg-muted">Nothing needs you</p>
               <p className="text-caption text-fg-faint">
                 Approvals, questions, failed turns and delegates land here.
diff --git a/apps/desktop/src/ui/LinkChip.tsx b/apps/desktop/src/ui/LinkChip.tsx
index abb8309c3..af7c56be0 100644
--- a/apps/desktop/src/ui/LinkChip.tsx
+++ b/apps/desktop/src/ui/LinkChip.tsx
@@ -113,7 +113,7 @@ export function LinkChip({
           </span>
           {!onRemove && (
             <ArrowUpRight
-              size={11}
+              size={12}
               className="-ml-0.5 shrink-0 text-fg-faint group-hover/link:text-fg-muted"
             />
           )}
@@ -125,7 +125,7 @@ export function LinkChip({
             onClick={onRemove}
             className="ml-0.5 flex shrink-0 items-center text-fg-faint hover:text-fg"
           >
-            <X size={11} />
+            <X size={12} />
           </button>
         )}
       </span>
diff --git a/apps/desktop/src/ui/Links.tsx b/apps/desktop/src/ui/Links.tsx
index c533e579e..82b3dde18 100644
--- a/apps/desktop/src/ui/Links.tsx
+++ b/apps/desktop/src/ui/Links.tsx
@@ -244,7 +244,7 @@ export function LinkBadge({ threadId }: { threadId: string }) {
   if (!drivenBy) return null;
   return (
     <Tooltip label={`Working for “${drivenBy.orchestratorTitle}”`}>
-      <CornerDownRight size={11} className="shrink-0 text-accent" aria-label="Working for another thread" />
+      <CornerDownRight size={12} className="shrink-0 text-accent" aria-label="Working for another thread" />
     </Tooltip>
   );
 }
diff --git a/apps/desktop/src/ui/MachineProfile.tsx b/apps/desktop/src/ui/MachineProfile.tsx
index 9779ca093..df92101da 100644
--- a/apps/desktop/src/ui/MachineProfile.tsx
+++ b/apps/desktop/src/ui/MachineProfile.tsx
@@ -101,7 +101,7 @@ export function MachineIdentityEditor({
                     onName(null);
                   }}
                 >
-                  <RotateCcw size={11} />
+                  <RotateCcw size={12} />
                   Reset
                 </button>
               )}
@@ -126,7 +126,7 @@ export function MachineIdentityEditor({
                         : "flex size-7 items-center justify-center rounded-md text-fg-muted hover:bg-fill"
                     }
                   >
-                    <DeviceGlyphIcon glyph={icon} tint={chosen ? identity.tint : null} size={15} />
+                    <DeviceGlyphIcon glyph={icon} tint={chosen ? identity.tint : null} size={16} />
                   </button>
                 );
               })}
diff --git a/apps/desktop/src/ui/MachineSettingsPage.tsx b/apps/desktop/src/ui/MachineSettingsPage.tsx
index b8950bac7..cc6fb7e44 100644
--- a/apps/desktop/src/ui/MachineSettingsPage.tsx
+++ b/apps/desktop/src/ui/MachineSettingsPage.tsx
@@ -97,7 +97,7 @@ function MachineSettings({ machine }: { machine: Machine }) {
         <div className="flex flex-col gap-3 p-4">
           <div className="flex min-w-0 items-start gap-3">
             <span className="flex size-10 shrink-0 items-center justify-center rounded-xl bg-fill">
-              <DeviceGlyphIcon glyph={machineGlyph(machine)} tint={machineTint(machine)} size={22} />
+              <DeviceGlyphIcon glyph={machineGlyph(machine)} tint={machineTint(machine)} size={24} />
             </span>
             <div className="min-w-0 flex-1">
               <div className="flex min-w-0 flex-wrap items-center gap-2">
@@ -150,7 +150,7 @@ function MachineSettings({ machine }: { machine: Machine }) {
       <Group title="Controls">
         <Row
           title="Pause new threads here"
-          subtitle="The connection and the threads already on it stay as they are; Run on refuses this machine until it is resumed."
+          subtitle="The connection and the threads already on it stay as they are; Run on refuses this environment until it is resumed."
         >
           <Switch
             label={`Pause new threads on ${name}`}
diff --git a/apps/desktop/src/ui/Markdown.tsx b/apps/desktop/src/ui/Markdown.tsx
index e6d7910fd..8ee25a4ed 100644
--- a/apps/desktop/src/ui/Markdown.tsx
+++ b/apps/desktop/src/ui/Markdown.tsx
@@ -233,7 +233,7 @@ function ThreadChip({ id, label }: { id: string; label?: string }) {
         "-mx-[0.5em] inline-flex max-w-full cursor-pointer items-center gap-1 bg-fill-strong align-baseline text-fg hover:bg-accent/12",
       )}
     >
-      <MessagesSquare size={11} className="shrink-0 text-fg-muted" />
+      <MessagesSquare size={12} className="shrink-0 text-fg-muted" />
       <span className="truncate">{title}</span>
     </button>
   );
diff --git a/apps/desktop/src/ui/MarkdownMedia.tsx b/apps/desktop/src/ui/MarkdownMedia.tsx
index ea2e75359..1f0865f94 100644
--- a/apps/desktop/src/ui/MarkdownMedia.tsx
+++ b/apps/desktop/src/ui/MarkdownMedia.tsx
@@ -239,7 +239,7 @@ export function MermaidBlock({ code, fallback }: { code: string; fallback: React
         {fallback}
         {error && (
           <span className="flex items-center gap-1.5 px-1 text-caption text-fg-faint">
-            <CircleAlert size={11} className="shrink-0" />
+            <CircleAlert size={12} className="shrink-0" />
             {tooBig ? error : `Mermaid: ${error}`}
           </span>
         )}
diff --git a/apps/desktop/src/ui/ModelPicker.tsx b/apps/desktop/src/ui/ModelPicker.tsx
index f0bcc164a..2af0ed72d 100644
--- a/apps/desktop/src/ui/ModelPicker.tsx
+++ b/apps/desktop/src/ui/ModelPicker.tsx
@@ -1227,10 +1227,10 @@ export function ModelPicker({ thread, compact }: { thread?: ThreadState; compact
         >
           <HarnessIcon id={harness?.id ?? "rustcode"} name={harness?.name} size={14} />
           <span className="min-w-0 shrink truncate">{label}</span>
-          {fast?.currentBool && <Zap size={11} className="shrink-0" fill="currentColor" />}
+          {fast?.currentBool && <Zap size={12} className="shrink-0" fill="currentColor" />}
           {traits && <span className="min-w-0 shrink-[2] truncate text-fg-muted">{traits}</span>}
           <ChevronUp
-            size={11}
+            size={12}
             strokeWidth={2.5}
             className={cx("shrink-0 transition-transform duration-200 ease-snappy", open && "rotate-180")}
           />
diff --git a/apps/desktop/src/ui/OverviewDetails.tsx b/apps/desktop/src/ui/OverviewDetails.tsx
index 1eed681c5..ce2bd7a29 100644
--- a/apps/desktop/src/ui/OverviewDetails.tsx
+++ b/apps/desktop/src/ui/OverviewDetails.tsx
@@ -334,7 +334,7 @@ export function DetailsSection({
           {lineage.parent && (
             <>
               <div className="flex items-center gap-1.5 px-2 pt-1.5 pb-1 text-caption text-fg-faint">
-                <CornerDownRight size={11} /> {lineage.parent.live ? "Working for" : "Started from"}
+                <CornerDownRight size={12} /> {lineage.parent.live ? "Working for" : "Started from"}
               </div>
               {lineage.parent.link ? (
                 <LinkRow
@@ -360,7 +360,7 @@ export function DetailsSection({
           {lineage.messagedBy?.link && (
             <>
               <div className="flex items-center gap-1.5 px-2 pt-1.5 pb-1 text-caption text-fg-faint">
-                <CornerDownRight size={11} /> Messaged by
+                <CornerDownRight size={12} /> Messaged by
               </div>
               <LinkRow
                 link={lineage.messagedBy.link}
diff --git a/apps/desktop/src/ui/OverviewSection.tsx b/apps/desktop/src/ui/OverviewSection.tsx
index d7ce57df4..f5ccfed2e 100644
--- a/apps/desktop/src/ui/OverviewSection.tsx
+++ b/apps/desktop/src/ui/OverviewSection.tsx
@@ -72,7 +72,7 @@ export function OverviewSection({
           className="flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-md px-2 text-left hover:bg-fill-subtle"
         >
           <ChevronRight
-            size={11}
+            size={12}
             strokeWidth={2.5}
             className={cx("shrink-0 text-fg-faint transition-transform duration-150", !folded && "rotate-90")}
           />
diff --git a/apps/desktop/src/ui/PlanCard.tsx b/apps/desktop/src/ui/PlanCard.tsx
index 1f56f6308..9b01edabd 100644
--- a/apps/desktop/src/ui/PlanCard.tsx
+++ b/apps/desktop/src/ui/PlanCard.tsx
@@ -76,7 +76,7 @@ export function PlanCard({
     <section aria-label="Plan" className="rounded-2xl bg-surface p-4">
       <div className="flex flex-wrap items-center gap-2">
         <span className="flex min-w-0 flex-1 items-center gap-2">
-          <ListChecks size={15} className="shrink-0 text-fg-muted" />
+          <ListChecks size={16} className="shrink-0 text-fg-muted" />
           <span className="shrink-0 font-semibold text-body">Plan</span>
           <span className="min-w-0 truncate text-callout text-fg-muted tabular">
             {left ? `${left} of ${entries.length} left` : "all done"}
@@ -155,7 +155,7 @@ export function PlanCard({
           <Tooltip label={open ? "Show the plan's start" : "Show the whole plan"}>
             <Pill size="sm" quiet onClick={() => setOpen(!open)}>
               {open ? "Collapse" : `Expand · ${entries.length} steps`}
-              {open ? <ChevronUp size={11} /> : <ChevronDown size={11} />}
+              {open ? <ChevronUp size={12} /> : <ChevronDown size={12} />}
             </Pill>
           </Tooltip>
         </div>
diff --git a/apps/desktop/src/ui/ProjectGenerators.tsx b/apps/desktop/src/ui/ProjectGenerators.tsx
index 35bc4a018..fd4d033ed 100644
--- a/apps/desktop/src/ui/ProjectGenerators.tsx
+++ b/apps/desktop/src/ui/ProjectGenerators.tsx
@@ -114,7 +114,7 @@ export function ProjectGenerators({ project }: { project: { name: string; path:
   return (
     <Group
       title={`Text generation and voice in ${project.name}`}
-      hint="Fields left on the machine's value follow this machine's Text generation and Voice."
+      hint="Fields left on this computer's value follow its Text generation and Voice."
     >
       <Row title="Text generator" subtitle="Writes titles, git drafts and dictation cleanup in this project.">
         <ScopedValue mixed={false} breakdown={[]} project={rowState("text-generator", "id")}>
diff --git a/apps/desktop/src/ui/PullDiff.tsx b/apps/desktop/src/ui/PullDiff.tsx
index 0cde2e218..2ff5e1fa9 100644
--- a/apps/desktop/src/ui/PullDiff.tsx
+++ b/apps/desktop/src/ui/PullDiff.tsx
@@ -294,10 +294,10 @@ export function ConversationCard({
     return (
       <div className="my-1 font-sans">
         <Pill size="sm" quiet onClick={() => setOpen(true)} aria-expanded={false}>
-          <CircleCheck size={11} className="text-success" />
+          <CircleCheck size={12} className="text-success" />
           Resolved · {first.author || "Deleted user"}
           {replies.length > 0 && <> · {count(conversation.comments.length, "comment")}</>}
-          <ChevronRight size={11} />
+          <ChevronRight size={12} />
         </Pill>
       </div>
     );
@@ -308,7 +308,7 @@ export function ConversationCard({
       aria-label={`Conversation on ${conversation.path}${range ? `:${range}` : ""}`}
     >
       <div className="flex items-center gap-1.5 text-caption text-fg-muted">
-        <MessageSquare size={11} className="shrink-0" />
+        <MessageSquare size={12} className="shrink-0" />
         <span className="min-w-0 flex-1 truncate font-mono">
           {range ? `${conversation.side === "LEFT" ? "base " : ""}line ${range}` : conversation.path}
         </span>
@@ -320,7 +320,7 @@ export function ConversationCard({
             aria-expanded
             className="flex shrink-0 items-center gap-1 text-success hover:underline"
           >
-            <CircleCheck size={11} /> Resolved <ChevronDown size={11} />
+            <CircleCheck size={12} /> Resolved <ChevronDown size={12} />
           </button>
         )}
         {threadId && (
@@ -329,7 +329,7 @@ export function ConversationCard({
           </Pill>
         )}
         <Pill size="sm" quiet onClick={() => addFeedbackToThread(conversationFeedback(conversation), pull)}>
-          <CirclePlus size={11} /> Add to chat
+          <CirclePlus size={12} /> Add to chat
         </Pill>
       </div>
       <CommentBody author={first.author} at={first.at} body={first.body} />
@@ -474,7 +474,7 @@ const PullFile = memo(function PullFile({
                       </span>
                       {canComment && (
                         <MessageSquarePlus
-                          size={11}
+                          size={12}
                           className="invisible absolute top-[3px] right-1.5 group-hover/g:visible"
                         />
                       )}
@@ -562,7 +562,7 @@ export function PullDiff({ cwd, pull, detail }: { cwd: string; pull: PullRequest
             disabled={open.length === 0}
             onClick={() => addFeedbackToThread(unresolvedFeedback(conversations), pull)}
           >
-            <CirclePlus size={11} /> Add all unresolved
+            <CirclePlus size={12} /> Add all unresolved
           </Pill>
         </div>
         {detail?.reviewCommentsError && (
@@ -579,7 +579,7 @@ export function PullDiff({ cwd, pull, detail }: { cwd: string; pull: PullRequest
                     {item.at !== undefined && <> · {relativeAge(item.at)}</>}
                   </span>
                   <Pill size="sm" quiet onClick={() => addFeedbackToThread([item], pull)}>
-                    <CirclePlus size={11} /> Add to chat
+                    <CirclePlus size={12} /> Add to chat
                   </Pill>
                 </div>
                 <Markdown text={item.body} className="selectable text-callout" />
diff --git a/apps/desktop/src/ui/PullRequests.tsx b/apps/desktop/src/ui/PullRequests.tsx
index f08bfa6f5..254b1fc16 100644
--- a/apps/desktop/src/ui/PullRequests.tsx
+++ b/apps/desktop/src/ui/PullRequests.tsx
@@ -105,21 +105,21 @@ function ChecksMark({ pull }: { pull: PullRequest }) {
   if (c.failed)
     return (
       <span className="flex items-center gap-1 text-danger">
-        <CircleX size={11} />
+        <CircleX size={12} />
         {c.failed} failing
       </span>
     );
   if (c.pending)
     return (
       <span className="flex items-center gap-1 text-warning">
-        <CircleDashed size={11} />
+        <CircleDashed size={12} />
         {c.pending} running
       </span>
     );
   if (c.passed)
     return (
       <span className="flex items-center gap-1 text-success">
-        <CircleCheck size={11} />
+        <CircleCheck size={12} />
         {c.passed} passed
       </span>
     );
@@ -215,7 +215,7 @@ function ReviewForm({ cwd, pull, onDone }: { cwd: string; pull: PullRequest; onD
           disabled={busy || !repository || (event !== "APPROVE" && !body.trim())}
           onClick={() => void submit()}
         >
-          {busy ? <Spinner size={11} /> : null} Submit review
+          {busy ? <Spinner size={12} /> : null} Submit review
         </Pill>
       </div>
     </div>
@@ -261,7 +261,7 @@ function FeedbackCard({
           </span>
         )}
         <Pill size="sm" quiet onClick={onAdd} title="Add to the thread's composer">
-          <CirclePlus size={11} /> Add to thread
+          <CirclePlus size={12} /> Add to thread
         </Pill>
       </div>
       <Markdown text={item.body} className="text-callout" />
@@ -420,7 +420,7 @@ function ChecksSection({ runs }: { runs: PullDetail["checkRuns"] }) {
         aria-expanded={open}
         className="mb-1 flex items-center gap-1 font-semibold text-caption text-fg-muted hover:text-fg"
       >
-        <ChevronRight size={11} className={cx("transition-transform", open && "rotate-90")} />
+        <ChevronRight size={12} className={cx("transition-transform", open && "rotate-90")} />
         {checksHeadline(runs)}
         {!open && rest.length > 0 && attention.length > 0 && (
           <span className="font-normal text-fg-faint">· {rest.length} passed</span>
diff --git a/apps/desktop/src/ui/QueuedMessages.tsx b/apps/desktop/src/ui/QueuedMessages.tsx
index 5e8ab23d2..3537d0e82 100644
--- a/apps/desktop/src/ui/QueuedMessages.tsx
+++ b/apps/desktop/src/ui/QueuedMessages.tsx
@@ -220,12 +220,12 @@ export const QueuedMessageRow = memo(function QueuedMessageRow({
           edit. */}
       <div className="mt-1 flex h-[22px] items-center gap-1.5 text-caption text-fg-muted">
         <span className={cx("flex items-center gap-1", !held && !editing && "rc-meta-reveal")}>
-          <Clock size={11} className="text-fg-faint" />
+          <Clock size={12} className="text-fg-faint" />
           {state}
         </span>
         {editing ? (
           <span className="flex items-center gap-1 text-accent">
-            <Pencil size={11} />
+            <Pencil size={12} />
             Editing in the composer
             <button
               type="button"
diff --git a/apps/desktop/src/ui/RemoteAccessPage.tsx b/apps/desktop/src/ui/RemoteAccessPage.tsx
index e1df5762b..b0bd049b2 100644
--- a/apps/desktop/src/ui/RemoteAccessPage.tsx
+++ b/apps/desktop/src/ui/RemoteAccessPage.tsx
@@ -702,7 +702,7 @@ export function RemoteThreadIndicator({ sessionId }: { sessionId?: string }) {
     if (!reason) return null;
     return (
       <Chip tone="warn" title={`Not shared with paired devices: ${reason}`}>
-        <WifiOff size={11} />
+        <WifiOff size={12} />
         <span className="sr-only">Not shared with paired devices: {reason}</span>
       </Chip>
     );
@@ -714,7 +714,7 @@ export function RemoteThreadIndicator({ sessionId }: { sessionId?: string }) {
       : `${count} ${count === 1 ? "device" : "devices"} attached to this thread`;
   return (
     <Chip tone={count > 0 ? "ok" : "idle"} title={label}>
-      <Smartphone size={11} />
+      <Smartphone size={12} />
       {count > 0 ? count : <span className="sr-only">{label}</span>}
     </Chip>
   );
diff --git a/apps/desktop/src/ui/RemoteConnect.tsx b/apps/desktop/src/ui/RemoteConnect.tsx
index 53f63d4bd..ae5dadf33 100644
--- a/apps/desktop/src/ui/RemoteConnect.tsx
+++ b/apps/desktop/src/ui/RemoteConnect.tsx
@@ -29,7 +29,7 @@ export function ConnectRequestsGroup() {
         <Row
           key={request.id}
           title={request.deviceName}
-          subtitle={`${request.deviceKind === "desktop" ? "Can see and run all threads on this machine. " : ""}${deviceLabel(request.deviceKind, request.platform)}${request.remoteAddr ? ` at ${request.remoteAddr}` : ""}`}
+          subtitle={`${request.deviceKind === "desktop" ? "Can see and run all threads on this computer. " : ""}${deviceLabel(request.deviceKind, request.platform)}${request.remoteAddr ? ` at ${request.remoteAddr}` : ""}`}
         >
           <Action disabled={answering === request.id} onClick={() => void answer(request.id, false)}>
             Deny
diff --git a/apps/desktop/src/ui/Review.tsx b/apps/desktop/src/ui/Review.tsx
index e58a83117..507316c08 100644
--- a/apps/desktop/src/ui/Review.tsx
+++ b/apps/desktop/src/ui/Review.tsx
@@ -145,7 +145,7 @@ function Gutter({ line, side, onComment, commented }: Omit<LineProps, "html">) {
       <span className="group-hover/g:invisible">{n ?? ""}</span>
       {n !== undefined && (
         <MessageSquarePlus
-          size={11}
+          size={12}
           className="invisible absolute top-[3px] right-1.5 group-hover/g:visible"
         />
       )}
@@ -566,7 +566,7 @@ export function Review({ threadId }: { threadId: string }) {
             <div key={group.dir} className="mb-1">
               {group.dir && (
                 <div className="flex items-center gap-1.5 px-2 pt-2 pb-0.5 text-caption text-fg-faint">
-                  <Folder size={11} className="shrink-0" />
+                  <Folder size={12} className="shrink-0" />
                   <span className="truncate font-mono">{group.dir}/</span>
                 </div>
               )}
@@ -693,7 +693,7 @@ export function Review({ threadId }: { threadId: string }) {
                       ]}
                     />
                     <Pill disabled={posting} onClick={() => void postReview()}>
-                      {posting ? <Spinner size={11} /> : null} Post to #{source.pull.number}
+                      {posting ? <Spinner size={12} /> : null} Post to #{source.pull.number}
                     </Pill>
                   </>
                 )}
diff --git a/apps/desktop/src/ui/Rows.tsx b/apps/desktop/src/ui/Rows.tsx
index 6330e8011..e1af0bdf1 100644
--- a/apps/desktop/src/ui/Rows.tsx
+++ b/apps/desktop/src/ui/Rows.tsx
@@ -253,7 +253,7 @@ export const UserRow = memo(function UserRow({
         {long && (
           <Pill quiet className="mt-1.5 -mr-1 ml-auto" onClick={() => setOpen(!open)}>
             {open ? "Show less" : "Show full message"}
-            {open ? <ChevronUp size={11} /> : <ChevronDown size={11} />}
+            {open ? <ChevronUp size={12} /> : <ChevronDown size={12} />}
           </Pill>
         )}
       </div>
@@ -345,7 +345,7 @@ export const QuestionRow = memo(function QuestionRow({
               key={`${i}:${name}`}
               className="flex h-[22px] max-w-[240px] items-center gap-1 rounded-full bg-fill px-2 text-caption text-fg-muted"
             >
-              <Paperclip size={11} className="shrink-0" aria-hidden />
+              <Paperclip size={12} className="shrink-0" aria-hidden />
               <span className="selectable truncate">{name}</span>
             </li>
           ))}
@@ -470,7 +470,7 @@ export const ThoughtRow = memo(function ThoughtRow({ item, live }: { item: Item<
             <span className="truncate italic">· {headings.join(" · ")}</span>
           )}
           <ChevronRight
-            size={11}
+            size={12}
             className={cx("shrink-0 transition-transform duration-200", open && "rotate-90")}
           />
         </button>
@@ -779,19 +779,19 @@ export const ToolRow = memo(function ToolRow({
           {item.autoAllowed && (
             <Tooltip label={`Allowed by ${item.autoAllowed}`}>
               <span className="flex shrink-0 items-center text-fg-faint">
-                <Shield size={11} />
+                <Shield size={12} />
               </span>
             </Tooltip>
           )}
           {linkState && (
             <Tooltip label={`“${link?.targetTitle}” · ${LINK_LABEL[linkState]}`}>
               <span className="flex shrink-0 items-center">
-                <LinkStateIcon state={linkState} size={11} />
+                <LinkStateIcon state={linkState} size={12} />
               </span>
             </Tooltip>
           )}
           <ChevronRight
-            size={11}
+            size={12}
             className={cx(
               "shrink-0 text-fg-faint transition-[transform,opacity] duration-200",
               open ? "rotate-90" : "opacity-0 group-hover:opacity-100",
@@ -806,7 +806,7 @@ export const ToolRow = memo(function ToolRow({
               onClick={() => selectThread(startedId)}
               className="flex size-5 shrink-0 items-center justify-center rounded-sm text-fg-faint hover:bg-fill hover:text-fg"
             >
-              <ExternalLink size={11} />
+              <ExternalLink size={12} />
             </button>
           </Tooltip>
         )}
@@ -836,7 +836,7 @@ export function SwitchRow({ item }: { item: Item<"switch"> }) {
             {modelFrom && (
               <>
                 {modelName(modelFrom)}
-                <ArrowRight size={11} className="text-fg-faint" />
+                <ArrowRight size={12} className="text-fg-faint" />
               </>
             )}
             <span className="text-fg">{modelName(modelTo)}</span>
@@ -848,7 +848,7 @@ export function SwitchRow({ item }: { item: Item<"switch"> }) {
             {effortFrom && (
               <>
                 {effortLabel(effortFrom)}
-                <ArrowRight size={11} className="text-fg-faint" />
+                <ArrowRight size={12} className="text-fg-faint" />
               </>
             )}
             <span className="text-fg">{effortLabel(effortTo)}</span>
@@ -872,7 +872,7 @@ export function HandoffRow({ item }: { item: Item<"handoff"> }) {
       <span className="flex items-center gap-1.5">
         <HarnessIcon id={item.from} size={12} />
         {name(item.from)}
-        <ArrowRight size={11} className="text-fg-faint" />
+        <ArrowRight size={12} className="text-fg-faint" />
         <HarnessIcon id={item.to} size={12} />
         <span className="text-fg">{name(item.to)}</span>
         {item.model && <span className="text-fg-faint">· {item.model}</span>}
@@ -916,9 +916,9 @@ export function WakeRow({ text, flat }: { text: string; flat?: boolean }) {
             <HarnessIcon key={d.linkId ?? i} id={harnessId(d.harness ?? "")} name={d.harness} size={13} />
           ))
         ) : notice.asking.length && !notice.finished.length ? (
-          <MessageCircleQuestion size={11} className="shrink-0 text-fg-faint" aria-hidden />
+          <MessageCircleQuestion size={12} className="shrink-0 text-fg-faint" aria-hidden />
         ) : (
-          <Layers size={11} className="shrink-0 text-fg-faint" aria-hidden />
+          <Layers size={12} className="shrink-0 text-fg-faint" aria-hidden />
         )}
         {notice.failed && <CircleX size={12} className="shrink-0 text-danger" aria-hidden />}
         <span className="shrink-0">{notice.label}</span>
@@ -975,7 +975,7 @@ export function NoticeRow({
       >
         <span className="h-px flex-1 bg-border" />
         <span className="flex min-w-0 items-center gap-1.5">
-          {item.progress ? <Spinner size={11} /> : <Layers size={11} className="shrink-0 text-fg-faint" />}
+          {item.progress ? <Spinner size={12} /> : <Layers size={12} className="shrink-0 text-fg-faint" />}
           <span className="truncate">{item.text}</span>
           {times}
           {item.setting === "auto-compact" && (
@@ -1023,7 +1023,7 @@ export function CompletionCard({ completion }: { completion: TurnCompletion }) {
             </span>
             <DiffCount added={completion.added} removed={completion.removed} />
             <ChevronRight
-              size={11}
+              size={12}
               className={cx("text-fg-faint transition-transform duration-200", open && "rotate-90")}
             />
           </button>
@@ -1052,7 +1052,7 @@ export function CompletionCard({ completion }: { completion: TurnCompletion }) {
         <div className="mt-1 rounded-lg bg-fill-subtle px-3 py-1.5">
           {completion.files.map((f) => (
             <div key={f.path} className="flex h-[22px] items-center gap-2 text-caption">
-              <FileText size={11} className="shrink-0 text-fg-muted" />
+              <FileText size={12} className="shrink-0 text-fg-muted" />
               <span className="min-w-0 flex-1 truncate text-left font-mono" dir="rtl">
                 <bdi>{f.path}</bdi>
               </span>
@@ -1163,12 +1163,12 @@ export const ToolGroupRow = memo(function ToolGroupRow({
         <span className="min-w-0 truncate text-callout text-fg-muted group-hover:text-fg">{group.label}</span>
         {group.failed > 0 && (
           <span className="flex shrink-0 items-center gap-0.5 text-caption text-danger">
-            <CircleX size={11} aria-hidden />
+            <CircleX size={12} aria-hidden />
             {group.failed} failed
           </span>
         )}
         <ChevronRight
-          size={11}
+          size={12}
           className={cx(
             "shrink-0 text-fg-faint transition-transform duration-200",
             group.open && "rotate-90",
@@ -1239,7 +1239,7 @@ export function TurnEndRow({
     <div className="-mt-1.5">
       {completion && <CompletionCard completion={completion} />}
       <div className="mt-1 flex h-5 items-center gap-2 text-caption text-fg-faint">
-        {item.outcome === "cancelled" && !folded && <SquareStop size={11} />}
+        {item.outcome === "cancelled" && !folded && <SquareStop size={12} />}
         {parts.length > 0 && <span className="tabular">{parts.join(" · ")}</span>}
         {(row.copy || row.fork || row.sideChat) && (
           <span className="flex items-center gap-1 [&>button]:size-5 [&>button]:text-fg-faint">
diff --git a/apps/desktop/src/ui/ScopedHarnesses.tsx b/apps/desktop/src/ui/ScopedHarnesses.tsx
index 2ef570d15..a1f2c70a7 100644
--- a/apps/desktop/src/ui/ScopedHarnesses.tsx
+++ b/apps/desktop/src/ui/ScopedHarnesses.tsx
@@ -80,7 +80,7 @@ export function ScopedHarnessList({ targets, writes }: { targets: ScopeMachine[]
         return (
           <div key={harness.id} className="flex min-h-12 items-center gap-3 px-4 py-2">
             <span className="flex size-8 shrink-0 items-center justify-center rounded-lg bg-fill">
-              <HarnessIcon id={harness.id} name={harness.name} size={17} />
+              <HarnessIcon id={harness.id} name={harness.name} size={16} />
             </span>
             <div className="min-w-0 flex-1">
               <div className="flex items-center gap-2">
diff --git a/apps/desktop/src/ui/Settings.tsx b/apps/desktop/src/ui/Settings.tsx
index 2c8199421..4b34ec5f4 100644
--- a/apps/desktop/src/ui/Settings.tsx
+++ b/apps/desktop/src/ui/Settings.tsx
@@ -679,7 +679,7 @@ function AgentsPage() {
           action={
             saved ? (
               <Chip tone="ok">
-                <Check size={11} /> Saved
+                <Check size={12} /> Saved
               </Chip>
             ) : undefined
           }
@@ -706,13 +706,13 @@ function AgentsPage() {
           thisMachine ? (
             <div className="flex items-center gap-1">
               <Action quiet size="sm" onClick={() => void runAllHarnessChecks()} disabled={checking}>
-                {checking && <Spinner size={11} />}
+                {checking && <Spinner size={12} />}
                 {checkingAll
                   ? `Checking ${Math.min(checkingAll.done + 1, checkingAll.total)} of ${checkingAll.total}…`
                   : "Check all"}
               </Action>
               <Action size="sm" onClick={() => setAdding(true)} disabled={adding}>
-                <Plus size={11} />
+                <Plus size={12} />
                 Add harness
               </Action>
             </div>
diff --git a/apps/desktop/src/ui/SettingsScope.tsx b/apps/desktop/src/ui/SettingsScope.tsx
index ca6a5e70f..99947e0af 100644
--- a/apps/desktop/src/ui/SettingsScope.tsx
+++ b/apps/desktop/src/ui/SettingsScope.tsx
@@ -135,7 +135,7 @@ export function MixedChip({ breakdown }: { breakdown: ScopeBreakdownEntry[] }) {
       }
     >
       <span className="inline-flex h-6 shrink-0 items-center gap-1 rounded-full bg-warning/12 px-2 font-medium text-caption text-warning">
-        <Layers size={11} />
+        <Layers size={12} />
         Mixed
       </span>
     </Tooltip>
@@ -167,7 +167,7 @@ export function SourceChip({ project }: { project: ProjectRowState }) {
             project.source === "project" ? "bg-accent/12 text-accent" : "bg-fill-subtle text-fg-muted"
           }`}
         >
-          <Layers size={11} />
+          <Layers size={12} />
           {SOURCE_LABEL[project.source]}
         </span>
       </Tooltip>
@@ -211,7 +211,7 @@ export function ScopedValue({
 
 /** Where a page's rows are shown, for a title ("Lars's MacBook Pro"). */
 export function scopeName(value: string | undefined, machines: { host: string; name: string }[]): string {
-  return machines.find((machine) => machine.host === value)?.name ?? "this machine";
+  return machines.find((machine) => machine.host === value)?.name ?? "this environment";
 }
 
 export { scopeLabel };
diff --git a/apps/desktop/src/ui/Sidebar.tsx b/apps/desktop/src/ui/Sidebar.tsx
index 1ece71ae4..7e15b0db7 100644
--- a/apps/desktop/src/ui/Sidebar.tsx
+++ b/apps/desktop/src/ui/Sidebar.tsx
@@ -343,7 +343,7 @@ function ThreadMenuItems({
         <Menu.Sub>
           <Menu.SubTrigger className={menuItem}>
             <Clock size={13} /> Snooze
-            <ChevronRight size={11} strokeWidth={2.5} className="ml-auto text-fg-faint" />
+            <ChevronRight size={12} strokeWidth={2.5} className="ml-auto text-fg-faint" />
           </Menu.SubTrigger>
           <Menu.Portal>
             <Menu.SubContent
@@ -403,7 +403,7 @@ function ThreadMenuItems({
         <>
           <Separator className={menuSeparator} />
           <div className="flex items-center gap-1.5 px-2 pt-0.5 pb-1 text-caption text-fg-muted">
-            <GitBranch size={11} /> <span className="truncate font-mono">{worktree.branch}</span>
+            <GitBranch size={12} /> <span className="truncate font-mono">{worktree.branch}</span>
           </div>
           {!remote && (
             <>
@@ -1002,10 +1002,10 @@ const ThreadRow = memo(function ThreadRow({
                     className={cx("relative shrink-0", markTint)}
                   />
                   <span className={ROW_LEFT}>
-                    {pinned && <Pin size={11} className="shrink-0 rotate-45 text-fg-faint" />}
+                    {pinned && <Pin size={12} className="shrink-0 rotate-45 text-fg-faint" />}
                     {branch && (
                       <span className="shrink-0 text-fg-faint">
-                        {branch === "fork" ? <GitFork size={11} /> : <MessageSquareQuote size={11} />}
+                        {branch === "fork" ? <GitFork size={12} /> : <MessageSquareQuote size={12} />}
                       </span>
                     )}
                     <LinkBadge threadId={session.id} />
@@ -1019,7 +1019,7 @@ const ThreadRow = memo(function ThreadRow({
                   >
                     {delegates && (
                       <span className="flex shrink-0 items-center gap-0.5 tabular">
-                        <Bot size={11} aria-hidden />
+                        <Bot size={12} aria-hidden />
                         <span className="sr-only">{delegates.title}</span>
                         <span aria-hidden>{delegates.count}</span>
                       </span>
@@ -1032,13 +1032,13 @@ const ThreadRow = memo(function ThreadRow({
                   {/* Line 1: the title, and what the thread is doing (the hover actions take its place). */}
                   <span className={ROW_LINE}>
                     <span className={ROW_LEFT}>
-                      {pinned && <Pin size={11} className="shrink-0 rotate-45 text-fg-faint" />}
+                      {pinned && <Pin size={12} className="shrink-0 rotate-45 text-fg-faint" />}
                       {branch && (
                         <span
                           title={branch === "fork" ? "A fork" : "A side chat"}
                           className="shrink-0 text-fg-faint"
                         >
-                          {branch === "fork" ? <GitFork size={11} /> : <MessageSquareQuote size={11} />}
+                          {branch === "fork" ? <GitFork size={12} /> : <MessageSquareQuote size={12} />}
                         </span>
                       )}
                       <LinkBadge threadId={session.id} />
@@ -1081,10 +1081,10 @@ const ThreadRow = memo(function ThreadRow({
                           }
                         >
                           <span aria-hidden>·</span>
-                          <DeviceGlyphIcon glyph={place.glyph} tint={place.tint} size={11} />
+                          <DeviceGlyphIcon glyph={place.glyph} tint={place.tint} size={12} />
                           <span className="min-w-0 truncate">{place.name}</span>
                           {unsynced && (
-                            <CloudUpload size={11} className="shrink-0" aria-label="Waiting to sync" />
+                            <CloudUpload size={12} className="shrink-0" aria-label="Waiting to sync" />
                           )}
                         </span>
                       )}
@@ -1097,7 +1097,7 @@ const ThreadRow = memo(function ThreadRow({
                             aria-label={delegates.title}
                             className="flex shrink-0 items-center gap-0.5 text-fg-muted tabular"
                           >
-                            <Bot size={11} />
+                            <Bot size={12} />
                             {delegates.count}
                           </span>
                         </Tooltip>
@@ -1121,7 +1121,7 @@ const ThreadRow = memo(function ThreadRow({
                         </span>
                       ) : gitBranch ? (
                         <>
-                          <GitBranch size={11} className="shrink-0" />
+                          <GitBranch size={12} className="shrink-0" />
                           <span className="min-w-0 truncate" title={gitBranch}>
                             {rowBranch(gitBranch)}
                           </span>
@@ -1130,7 +1130,7 @@ const ThreadRow = memo(function ThreadRow({
                         // A folder outside git has no branch: the line names the folder instead.
                         folder && (
                           <>
-                            <Folder size={11} className="shrink-0" />
+                            <Folder size={12} className="shrink-0" />
                             <span className="min-w-0 truncate" title={folder}>
                               {folder}
                             </span>
@@ -1195,7 +1195,7 @@ const ThreadRow = memo(function ThreadRow({
                   title={`Actions · ${formatBinding("shift+f10")}`}
                   className="flex size-6 items-center justify-center rounded-sm text-fg-muted hover:bg-fill hover:text-fg"
                 >
-                  <Ellipsis size={15} />
+                  <Ellipsis size={14} />
                 </button>
               </DropdownMenu.Trigger>
               <MenuContent align="start" sideOffset={4}>
@@ -1269,12 +1269,12 @@ const PendingRow = memo(function PendingRow({
           <span className={cx(ROW_RIGHT, "text-sub text-fg-muted", failure && "pr-6")}>
             {failure ? (
               <>
-                <CircleAlert size={11} className="text-danger" />
+                <CircleAlert size={12} className="text-danger" />
                 <span className="font-medium text-danger">Failed</span>
               </>
             ) : (
               <>
-                <Spinner size={9} />
+                <Spinner size={10} />
                 <Elapsed since={pending.startedAt} />
               </>
             )}
@@ -1297,7 +1297,7 @@ const PendingRow = memo(function PendingRow({
                 <span className="shrink-0 text-accent">{pending.worktree ? "Setting up" : "Starting"}</span>
                 {branch && (
                   <>
-                    <GitBranch size={11} className="ml-1 shrink-0" />
+                    <GitBranch size={12} className="ml-1 shrink-0" />
                     <span className="min-w-0 truncate">{branch}</span>
                   </>
                 )}
@@ -2464,7 +2464,7 @@ export function Sidebar() {
             aria-live="polite"
             className="pointer-events-none absolute inset-2 z-30 flex flex-col items-center justify-center gap-2 rounded-lg bg-accent/10 px-4 text-center text-callout text-fg outline-2 outline-accent outline-dashed"
           >
-            <FolderPlus size={20} className="text-accent" />
+            <FolderPlus size={18} className="text-accent" />
             Drop folders to add them as projects
           </div>
         )}
diff --git a/apps/desktop/src/ui/SmartUIView.tsx b/apps/desktop/src/ui/SmartUIView.tsx
index 9facccadb..424e9a10b 100644
--- a/apps/desktop/src/ui/SmartUIView.tsx
+++ b/apps/desktop/src/ui/SmartUIView.tsx
@@ -529,7 +529,7 @@ export function SmartUIView({
       ) : halt ? (
         <div className="flex min-h-[44px] items-center gap-2 text-callout">
           <Pill disabled={!threadId} onClick={pressRun}>
-            <Play size={11} fill="currentColor" /> Run interactive view
+            <Play size={12} fill="currentColor" /> Run interactive view
           </Pill>
           <span className="truncate text-fg-muted">{title}</span>
         </div>
@@ -562,7 +562,7 @@ export function SmartUIView({
           </IconButton>
         ) : (
           <IconButton label="Run" onClick={pressRun}>
-            <Play size={11} />
+            <Play size={12} />
           </IconButton>
         )}
       </div>
diff --git a/apps/desktop/src/ui/StatisticsPage.tsx b/apps/desktop/src/ui/StatisticsPage.tsx
index a08ca1d0b..d7633d1a0 100644
--- a/apps/desktop/src/ui/StatisticsPage.tsx
+++ b/apps/desktop/src/ui/StatisticsPage.tsx
@@ -232,7 +232,7 @@ export function StatisticsPage() {
                 onChange={setPeriod}
               />
               <Action onClick={() => void refresh()} disabled={refreshing}>
-                {refreshing ? <Spinner size={11} /> : <RefreshCw size={12} />} Refresh
+                {refreshing ? <Spinner size={12} /> : <RefreshCw size={12} />} Refresh
               </Action>
             </div>
           }
@@ -875,7 +875,7 @@ function HowThisIsCounted({ children }: { children: ReactNode }) {
   return (
     <details className="group">
       <summary className="flex w-fit cursor-pointer list-none items-center gap-1 rounded-sm text-caption text-fg-faint hover:text-fg-muted">
-        <ChevronRight size={11} className="shrink-0 transition-transform group-open:rotate-90" aria-hidden />
+        <ChevronRight size={12} className="shrink-0 transition-transform group-open:rotate-90" aria-hidden />
         How this is counted
       </summary>
       <div className="mt-1 space-y-1">{children}</div>
@@ -1008,7 +1008,7 @@ function NothingRecorded({
       title="Recorded usage"
       action={
         <Action onClick={() => void refresh()} disabled={refreshing}>
-          {refreshing ? <Spinner size={11} /> : <RefreshCw size={12} />} Refresh
+          {refreshing ? <Spinner size={12} /> : <RefreshCw size={12} />} Refresh
         </Action>
       }
       footer={error ? <span className="block text-warning">Could not refresh: {error}</span> : undefined}
diff --git a/apps/desktop/src/ui/SteerMark.tsx b/apps/desktop/src/ui/SteerMark.tsx
index 35205932c..4d87d7f15 100644
--- a/apps/desktop/src/ui/SteerMark.tsx
+++ b/apps/desktop/src/ui/SteerMark.tsx
@@ -44,7 +44,7 @@ export function SteerMark({ note, inPlan }: { note: SteerNote; inPlan?: boolean
         inPlan ? "max-w-full" : "max-w-[min(420px,60vw)]",
       )}
     >
-      <CornerDownRight size={11} className="shrink-0 text-fg-faint" aria-hidden />
+      <CornerDownRight size={12} className="shrink-0 text-fg-faint" aria-hidden />
       <span className="shrink-0 text-fg-muted">Steered:</span>
       <span className="min-w-0 truncate">{line}</span>
     </button>
diff --git a/apps/desktop/src/ui/TerminalPanel.tsx b/apps/desktop/src/ui/TerminalPanel.tsx
index f79d73cef..d3366838b 100644
--- a/apps/desktop/src/ui/TerminalPanel.tsx
+++ b/apps/desktop/src/ui/TerminalPanel.tsx
@@ -238,7 +238,7 @@ function TerminalView({ tab, visible }: { tab: TerminalTab; visible: boolean })
             onClick={() => setGeneration((g) => g + 1)}
             className="flex items-center gap-1 text-accent hover:underline"
           >
-            <RotateCcw size={11} /> Restart
+            <RotateCcw size={12} /> Restart
           </button>
         </div>
       )}
@@ -325,7 +325,7 @@ export function TerminalPanel() {
                 onClick={() => closeTerminalTab(tab.id)}
                 className="shrink-0 text-fg-faint opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 hover:text-fg focus-visible:opacity-100"
               >
-                <X size={11} />
+                <X size={12} />
               </button>
             </div>
           ))}
diff --git a/apps/desktop/src/ui/TextGeneration.tsx b/apps/desktop/src/ui/TextGeneration.tsx
index 411271629..a08b50ede 100644
--- a/apps/desktop/src/ui/TextGeneration.tsx
+++ b/apps/desktop/src/ui/TextGeneration.tsx
@@ -45,7 +45,7 @@ export function TextGeneration() {
     <section className="flex flex-col gap-3" aria-label="Text generation">
       <h3 className="font-semibold">Text generation</h3>
       <p className="text-callout text-fg-muted">
-        Use a separate model for titles and git drafts. Keys stay on this machine.
+        Use a separate model for titles and git drafts. Keys stay on this computer.
       </p>
       <Select
         label="Selected text generator"
diff --git a/apps/desktop/src/ui/ThreadHoverCard.tsx b/apps/desktop/src/ui/ThreadHoverCard.tsx
index eaa53751c..9552936f7 100644
--- a/apps/desktop/src/ui/ThreadHoverCard.tsx
+++ b/apps/desktop/src/ui/ThreadHoverCard.tsx
@@ -95,7 +95,7 @@ export function ThreadHoverCard({
             </Line>
             {machine && (
               <Line>
-                <Laptop size={11} className="shrink-0" />
+                <Laptop size={12} className="shrink-0" />
                 <span className="min-w-0 truncate">Runs on {machine}</span>
               </Line>
             )}
@@ -108,18 +108,18 @@ export function ThreadHoverCard({
             </Line>
             {branch && (
               <Line>
-                <GitBranch size={11} className="shrink-0" />
+                <GitBranch size={12} className="shrink-0" />
                 <span className="min-w-0 truncate font-mono text-[10px]">{branch}</span>
               </Line>
             )}
             <Line>
-              <Folder size={11} className="shrink-0" />
+              <Folder size={12} className="shrink-0" />
               <span className="min-w-0 truncate font-mono text-[10px]">{displayPath(session.cwd)}</span>
             </Line>
           </span>
           {words && (
             <span className="flex min-w-0 items-start gap-1.5 border-border border-t pt-2 text-fg-muted text-sub">
-              <MessageSquare size={11} className="mt-[3px] shrink-0" />
+              <MessageSquare size={12} className="mt-[3px] shrink-0" />
               <span className="line-clamp-3 min-w-0">{words}</span>
             </span>
           )}
diff --git a/apps/desktop/src/ui/ThreadPeek.tsx b/apps/desktop/src/ui/ThreadPeek.tsx
index db7cac4c1..ae953f956 100644
--- a/apps/desktop/src/ui/ThreadPeek.tsx
+++ b/apps/desktop/src/ui/ThreadPeek.tsx
@@ -83,7 +83,7 @@ export function ThreadPeek() {
         )}
         <Pill quiet onClick={() => selectThread(id)}>
           Open
-          <ExternalLink size={11} />
+          <ExternalLink size={12} />
         </Pill>
       </div>
       <div className="relative min-h-0 flex-1">
diff --git a/apps/desktop/src/ui/Transcript.tsx b/apps/desktop/src/ui/Transcript.tsx
index 09c9b8dc5..5a68220d0 100644
--- a/apps/desktop/src/ui/Transcript.tsx
+++ b/apps/desktop/src/ui/Transcript.tsx
@@ -1405,7 +1405,7 @@ export function Transcript({
                     ) : item?.kind === "user" && item.text === RESUME_TEXT ? (
                       <div className="flex items-center gap-2 text-caption text-fg-faint">
                         <span className="h-px flex-1 bg-border" />
-                        <RotateCw size={11} />
+                        <RotateCw size={12} />
                         Continued after a restart
                         {(row.repeats ?? 1) > 1 && <span className="tabular">×{row.repeats}</span>}
                         <span className="h-px flex-1 bg-border" />
diff --git a/apps/desktop/src/ui/TurnChanges.tsx b/apps/desktop/src/ui/TurnChanges.tsx
index c28322473..354f24114 100644
--- a/apps/desktop/src/ui/TurnChanges.tsx
+++ b/apps/desktop/src/ui/TurnChanges.tsx
@@ -48,7 +48,7 @@ export function TurnChanges({
           type="button"
           className="flex h-[20px] items-center gap-1 rounded-full bg-fill-subtle px-2 font-medium text-caption text-fg-muted hover:bg-fill hover:text-fg data-[state=open]:bg-fill-strong"
         >
-          <FileDiff size={11} />
+          <FileDiff size={12} />
           Changes
           <DiffCount added={checkpoint.insertions} removed={checkpoint.deletions} />
         </button>
diff --git a/apps/desktop/src/ui/TurnTrace.tsx b/apps/desktop/src/ui/TurnTrace.tsx
index e58ae922a..873e6f6dd 100644
--- a/apps/desktop/src/ui/TurnTrace.tsx
+++ b/apps/desktop/src/ui/TurnTrace.tsx
@@ -79,7 +79,7 @@ export function TurnTrace({
           type="button"
           className="flex h-[20px] items-center gap-1 rounded-full bg-fill-subtle px-2 font-medium text-caption text-fg-muted hover:bg-fill hover:text-fg data-[state=open]:bg-fill-strong"
         >
-          <Activity size={11} />
+          <Activity size={12} />
           Trace
         </button>
       </Popover.Trigger>
diff --git a/apps/desktop/src/ui/Updates.tsx b/apps/desktop/src/ui/Updates.tsx
index f6f67fd17..b0ddf5aef 100644
--- a/apps/desktop/src/ui/Updates.tsx
+++ b/apps/desktop/src/ui/Updates.tsx
@@ -70,7 +70,7 @@ export function UpdateRow() {
         }
         className="flex w-full items-center gap-2 rounded-md bg-accent/12 px-2 py-2 text-left text-callout hover:bg-accent/18 disabled:opacity-70"
       >
-        {installing ? <Spinner size={13} /> : <ArrowUpCircle size={15} className="shrink-0 text-accent" />}
+        {installing ? <Spinner size={13} /> : <ArrowUpCircle size={16} className="shrink-0 text-accent" />}
         <span className="min-w-0 flex-1">
           <span className="block font-medium">
             {installing
@@ -143,7 +143,7 @@ export function WhatsNewDialog() {
         <Dialog.Content className="elevated rc-whatsnew fixed top-1/2 left-1/2 z-50 flex max-h-[min(640px,calc(100vh-80px))] w-[min(560px,calc(100vw-56px))] -translate-x-1/2 -translate-y-1/2 flex-col">
           <div className="flex items-center gap-3 px-5 pt-5 pb-3">
             <span className="flex size-9 items-center justify-center rounded-lg bg-accent/15 text-accent">
-              <Sparkles size={17} />
+              <Sparkles size={16} />
             </span>
             <div className="min-w-0 flex-1">
               <Dialog.Title className="font-semibold text-title3">What's new in {shown.version}</Dialog.Title>
@@ -213,7 +213,7 @@ function Notes({ whatsNew, page }: { whatsNew: WhatsNew; page: string }) {
           onClick={() => openExternal(notes.compare?.url ?? page)}
           className="inline-flex w-fit cursor-pointer items-center gap-1 text-caption text-fg-faint hover:text-fg-muted"
         >
-          <GitCompareArrows size={11} aria-hidden />
+          <GitCompareArrows size={12} aria-hidden />
           {notes.compare.label}
         </button>
       )}
@@ -246,7 +246,7 @@ function CategoryHeading({ name }: { name: string }) {
         tone,
       )}
     >
-      <Icon size={11} aria-hidden />
+      <Icon size={12} aria-hidden />
       {name}
     </h3>
   );
diff --git a/apps/desktop/src/ui/UsagePage.tsx b/apps/desktop/src/ui/UsagePage.tsx
index 1446f6320..4d004f208 100644
--- a/apps/desktop/src/ui/UsagePage.tsx
+++ b/apps/desktop/src/ui/UsagePage.tsx
@@ -244,7 +244,7 @@ export function UsagePage() {
           ) : null}
         </span>
         <Action onClick={() => void load(true)} disabled={loading}>
-          {loading ? <Spinner size={11} /> : <RefreshCw size={12} />} Refresh
+          {loading ? <Spinner size={12} /> : <RefreshCw size={12} />} Refresh
         </Action>
       </div>
       <p className="px-4 text-caption text-fg-muted">
diff --git a/apps/desktop/src/ui/Viz.tsx b/apps/desktop/src/ui/Viz.tsx
index 489cf0546..5fd8e1949 100644
--- a/apps/desktop/src/ui/Viz.tsx
+++ b/apps/desktop/src/ui/Viz.tsx
@@ -313,7 +313,7 @@ function TreeItem({ node, depth }: { node: TreeNode; depth: number }) {
         className="flex items-center gap-1 rounded-xs px-1 text-left text-callout enabled:hover:bg-fill-subtle"
       >
         <ChevronRight
-          size={11}
+          size={12}
           className={cx(
             "text-fg-faint transition-transform",
             open && "rotate-90",
diff --git a/apps/desktop/src/ui/WhileAway.tsx b/apps/desktop/src/ui/WhileAway.tsx
index dbb1a2864..9781bd848 100644
--- a/apps/desktop/src/ui/WhileAway.tsx
+++ b/apps/desktop/src/ui/WhileAway.tsx
@@ -184,7 +184,7 @@ export function WhileAwayCard({ className }: { className?: string }) {
               <ProjectMark name={projectName(item.project)} size={14} />
               <span className="min-w-0 flex-1 truncate text-callout font-medium text-fg">{item.title}</span>
               <Pill size="sm" onClick={() => selectThread(item.threadId)}>
-                Open <ArrowUpRight size={11} />
+                Open <ArrowUpRight size={12} />
               </Pill>
             </div>
           ))}
diff --git a/apps/desktop/src/ui/WorkflowRuns.tsx b/apps/desktop/src/ui/WorkflowRuns.tsx
index e21aceddf..eb28253d6 100644
--- a/apps/desktop/src/ui/WorkflowRuns.tsx
+++ b/apps/desktop/src/ui/WorkflowRuns.tsx
@@ -180,7 +180,7 @@ export function WorkflowStatusRow({ run, threadId }: { run: WorkflowRun; threadI
           <Workflow size={12} aria-hidden className="shrink-0 text-fg-faint" />
           <span className="min-w-0 truncate">{runLine(run, now)}</span>
           {!run.driven && <span className="shrink-0 text-fg-faint">· resumes when this thread is open</span>}
-          <Spinner size={9} className="shrink-0 text-accent" />
+          <Spinner size={10} className="shrink-0 text-accent" />
         </button>
         <StopButton run={run} threadId={threadId} />
       </div>
@@ -221,7 +221,7 @@ export function WorkflowCard({ threadId, runId }: { threadId: string; runId: str
       className="rc-expand mt-1.5 mb-1 ml-[26px] flex flex-col gap-1 rounded-xl border border-border bg-fill-subtle px-1 py-1.5"
     >
       <div className="flex min-w-0 items-center gap-1.5 px-2 text-caption text-fg-muted">
-        <Workflow size={11} aria-hidden className="shrink-0 text-fg-faint" />
+        <Workflow size={12} aria-hidden className="shrink-0 text-fg-faint" />
         <span className="min-w-0 truncate font-medium text-fg">{runTitle(run)}</span>
         <span
           className={cx(
@@ -252,7 +252,7 @@ export function WorkflowCard({ threadId, runId }: { threadId: string; runId: str
         className="flex h-6 w-fit items-center gap-1 rounded-lg px-2 text-caption text-fg-muted hover:bg-fill-subtle active:bg-fill-strong"
       >
         <ChevronDown
-          size={11}
+          size={12}
           aria-hidden
           className={cx("text-fg-faint transition-transform duration-200", !open && "-rotate-90")}
         />
diff --git a/apps/desktop/src/ui/primitives.tsx b/apps/desktop/src/ui/primitives.tsx
index 9db706542..bc926c484 100644
--- a/apps/desktop/src/ui/primitives.tsx
+++ b/apps/desktop/src/ui/primitives.tsx
@@ -443,7 +443,7 @@ export function Select({
           <RadixSelect.Value />
         </span>
         <RadixSelect.Icon className="shrink-0 text-fg-faint">
-          <ChevronDown size={11} strokeWidth={2.5} />
+          <ChevronDown size={12} strokeWidth={2.5} />
         </RadixSelect.Icon>
       </RadixSelect.Trigger>
       <RadixSelect.Portal>
diff --git a/docs/design.md b/docs/design.md
index 852d5c2ac..97de90c9a 100644
--- a/docs/design.md
+++ b/docs/design.md
@@ -557,9 +557,11 @@ the default arrow on static text; the text cursor only in fields and
 
 ## Icons
 
-Lucide, stroke 1.75 (2.5 for chevrons at 10–12px). Sizes: 12 inside chips,
+Lucide, stroke 1.75 (2.5 for chevrons at 10–12px). Sizes, and no others
+(`design.test.ts` checks every `size={n}` in `ui/`): 10 for a glyph inside a
+status dot and a spinner in a caption line, 12 inside chips and caption rows,
 13 in menus, 14 in toolbar and composer buttons, 16 in page headers and tool
-rows, 18 in empty states. Icon colour follows text (`text-fg-muted` idle,
+rows, 18 in empty states, 24 for a page's own mark. Icon colour follows text (`text-fg-muted` idle,
 `text-fg` on hover).
 
 ## Scrollbars