From 227900caaf7ef78c8cb4e1f89852ab95b26b4020 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Fri, 21 Aug 2026 21:00:57 +0200
Subject: [PATCH] web: lint

Signed-off-by: eti <eti@eti.tf>
---
 web/knip.json                                            | 6 ++++++
 web/src/lib/components/home/MarketingHome.svelte         | 4 +---
 web/src/lib/components/moderation/ReportDialog.svelte    | 1 -
 web/src/lib/components/repo/BlobHeader.svelte            | 2 +-
 web/src/lib/components/repo/BlobView.svelte              | 7 +++++--
 web/src/lib/components/repo/BranchTable.svelte           | 6 ++++--
 web/src/lib/components/repo/CloneDropdown.svelte         | 2 +-
 web/src/lib/components/repo/DiffFileCard.svelte          | 4 ++--
 web/src/lib/components/repo/DiffStatPill.svelte          | 4 ++--
 web/src/lib/components/repo/DiffView.svelte              | 2 +-
 web/src/lib/components/repo/EmptyRepo.svelte             | 2 +-
 web/src/lib/components/repo/PierreDiff.svelte            | 4 ++--
 web/src/lib/components/repo/PierreFile.svelte            | 2 +-
 web/src/lib/components/repo/Readme.svelte                | 6 ++----
 web/src/lib/components/repo/TagCard.svelte               | 2 +-
 .../lib/components/repo/issues/IssueCardContent.svelte   | 5 ++++-
 .../lib/components/repo/pipelines/WorkflowLogs.svelte    | 8 ++++----
 web/src/lib/components/repo/pipelines/logs.ts            | 4 ++--
 web/src/lib/components/repo/pulls/PullCardContent.svelte | 3 ++-
 web/src/lib/components/repo/pulls/PullCommitRow.svelte   | 2 +-
 .../lib/components/repo/pulls/PullReviewComment.svelte   | 2 +-
 web/src/lib/components/settings/KeyCardContent.svelte    | 2 +-
 web/src/lib/components/shell/Footer.svelte               | 2 +-
 web/src/lib/components/strings/StringForm.svelte         | 2 +-
 web/src/lib/components/timeline/TimelineView.svelte      | 2 +-
 web/src/lib/components/ui/Logo.svelte                    | 2 +-
 web/src/lib/components/ui/RangeSelector.svelte           | 7 +------
 web/src/lib/components/ui/RangeSelectorRow.svelte        | 1 -
 web/src/lib/components/ui/TabPanel.stories.svelte        | 8 ++++----
 web/src/lib/index.ts                                     | 0
 web/src/routes/+layout.svelte                            | 7 ++-----
 web/src/routes/[handle]/+layout.svelte                   | 5 +++--
 web/src/routes/[handle]/[repo]/tags/[tag]/+page.svelte   | 2 +-
 web/src/routes/repo/new/+page.svelte                     | 9 +++++----
 web/src/routes/strings/new/+page.svelte                  | 5 +++--
 35 files changed, 68 insertions(+), 64 deletions(-)
 create mode 100644 web/knip.json
 delete mode 100644 web/src/lib/index.ts

diff --git a/web/knip.json b/web/knip.json
new file mode 100644
index 000000000..5a91dd5fa
--- /dev/null
+++ b/web/knip.json
@@ -0,0 +1,6 @@
+{
+	"$schema": "https://unpkg.com/knip@5/schema.json",
+	"entry": ["lex.config.ts", "scripts/**/*.{ts,js,sh}"],
+	"ignore": ["src/lib/api/lexicons/**"],
+	"ignoreUnresolved": ["^\\$icon/", "^\\./(server|router|logger)$"]
+}
diff --git a/web/src/lib/components/home/MarketingHome.svelte b/web/src/lib/components/home/MarketingHome.svelte
index b6babc427..9219a6f2b 100644
--- a/web/src/lib/components/home/MarketingHome.svelte
+++ b/web/src/lib/components/home/MarketingHome.svelte
@@ -29,9 +29,7 @@
 {/snippet}
 
 <section class="overflow-hidden px-4 pt-28 pb-24 md:px-6 md:pt-36 md:pb-32">
-	<div
-		class="mx-auto grid max-w-screen-xl grid-cols-1 items-center gap-12 md:grid-cols-[3fr_2fr]"
-	>
+	<div class="mx-auto grid max-w-7xl grid-cols-1 items-center gap-12 md:grid-cols-[3fr_2fr]">
 		<h1 class="text-5xl font-bold text-foreground-default md:text-6xl lg:text-8xl">
 			tightly-knit<br />social coding.
 		</h1>
diff --git a/web/src/lib/components/moderation/ReportDialog.svelte b/web/src/lib/components/moderation/ReportDialog.svelte
index 1285af8c4..063e7f52e 100644
--- a/web/src/lib/components/moderation/ReportDialog.svelte
+++ b/web/src/lib/components/moderation/ReportDialog.svelte
@@ -11,7 +11,6 @@
 	import ErrorAlert from "$lib/components/ui/Error.svelte";
 	import Field from "$lib/components/ui/Field.svelte";
 	import Modal from "$lib/components/ui/Modal.svelte";
-	import Select from "$lib/components/ui/Select.svelte";
 	import Textarea from "$lib/components/ui/Textarea.svelte";
 	import { REPORT_REASONS } from "./reportReasons";
 
diff --git a/web/src/lib/components/repo/BlobHeader.svelte b/web/src/lib/components/repo/BlobHeader.svelte
index 48bfeebb7..b434926a1 100644
--- a/web/src/lib/components/repo/BlobHeader.svelte
+++ b/web/src/lib/components/repo/BlobHeader.svelte
@@ -83,7 +83,7 @@
 		<RefChip {ownerHandle} {repoName} {ref} />
 		{#if language && languageColor}
 			<div
-				class="flex w-fit items-center gap-2 rounded border border-border-default bg-background-canvas px-2 py-1 whitespace-nowrap"
+				class="flex w-fit items-center gap-2 rounded-sm border border-border-default bg-background-canvas px-2 py-1 whitespace-nowrap"
 			>
 				<ColorBall color={languageColor} />
 				{language}
diff --git a/web/src/lib/components/repo/BlobView.svelte b/web/src/lib/components/repo/BlobView.svelte
index 39a55b746..4adee6015 100644
--- a/web/src/lib/components/repo/BlobView.svelte
+++ b/web/src/lib/components/repo/BlobView.svelte
@@ -137,12 +137,15 @@
 			<img
 				src={rawHref}
 				alt={blob.path}
-				class="mx-auto h-auto max-w-full rounded border border-border-default"
+				class="mx-auto h-auto max-w-full rounded-sm border border-border-default"
 			/>
 		</div>
 	{:else if blob.kind === "video"}
 		<div class="text-center">
-			<video controls class="mx-auto h-auto max-w-full rounded border border-border-default">
+			<video
+				controls
+				class="mx-auto h-auto max-w-full rounded-sm border border-border-default"
+			>
 				<source src={rawHref} />
 			</video>
 		</div>
diff --git a/web/src/lib/components/repo/BranchTable.svelte b/web/src/lib/components/repo/BranchTable.svelte
index 8a3cca7b1..6a2bdfdc5 100644
--- a/web/src/lib/components/repo/BranchTable.svelte
+++ b/web/src/lib/components/repo/BranchTable.svelte
@@ -18,7 +18,7 @@
 	const subject = (message?: string) => message?.split("\n\n")[0] ?? "";
 </script>
 
-<section id="branches-table" class="overflow-x-auto rounded bg-background-default px-6 py-4">
+<section id="branches-table" class="overflow-x-auto rounded-sm bg-background-default px-6 py-4">
 	<h2 class="mb-4 typography-paragraph-regular font-bold">Branches</h2>
 
 	{#if branches.length === 0}
@@ -65,7 +65,9 @@
 							{branch.hash.slice(0, 8)}
 						</a>
 					</div>
-					<div class="col-span-6 align-top break-words">{subject(branch.message)}</div>
+					<div class="col-span-6 align-top wrap-break-word">
+						{subject(branch.message)}
+					</div>
 					<div class="col-span-2 justify-self-end align-top text-foreground-muted">
 						{#if branch.when}
 							<TimeAgo value={branch.when} />
diff --git a/web/src/lib/components/repo/CloneDropdown.svelte b/web/src/lib/components/repo/CloneDropdown.svelte
index f84e17f14..41cec0d43 100644
--- a/web/src/lib/components/repo/CloneDropdown.svelte
+++ b/web/src/lib/components/repo/CloneDropdown.svelte
@@ -86,7 +86,7 @@
 				class="flex items-stretch divide-x divide-border-default rounded-sm border border-border-default"
 			>
 				<span
-					class="flex-1 overflow-x-auto bg-background-inset px-3 py-2 font-mono typography-paragraph-small whitespace-nowrap text-foreground-default select-all"
+					class="flex-1 overflow-x-auto bg-background-inset px-3 py-2 typography-monospace-small whitespace-nowrap text-foreground-default select-all"
 					>{value}</span
 				>
 				<button
diff --git a/web/src/lib/components/repo/DiffFileCard.svelte b/web/src/lib/components/repo/DiffFileCard.svelte
index 6971ba685..f90c791af 100644
--- a/web/src/lib/components/repo/DiffFileCard.svelte
+++ b/web/src/lib/components/repo/DiffFileCard.svelte
@@ -48,10 +48,10 @@
 <details
 	bind:open
 	id="file-{name}"
-	class="group mx-auto w-full rounded border border-border-default bg-background-default"
+	class="group mx-auto w-full rounded-sm border border-border-default bg-background-default"
 >
 	<summary
-		class="sticky top-[calc(3rem+env(safe-area-inset-top))] z-5 cursor-pointer list-none rounded bg-background-default group-open:rounded-b-none group-open:border-b group-open:border-border-default"
+		class="sticky top-[calc(3rem+env(safe-area-inset-top))] z-5 cursor-pointer list-none rounded-sm bg-background-default group-open:rounded-b-none group-open:border-b group-open:border-border-default"
 	>
 		<div class="flex cursor-pointer justify-between">
 			<div class="flex items-center gap-2 overflow-x-auto p-2">
diff --git a/web/src/lib/components/repo/DiffStatPill.svelte b/web/src/lib/components/repo/DiffStatPill.svelte
index fe647dfd1..7a8005408 100644
--- a/web/src/lib/components/repo/DiffStatPill.svelte
+++ b/web/src/lib/components/repo/DiffStatPill.svelte
@@ -24,13 +24,13 @@
 			</span>
 		{:else if stat.insertions > 0}
 			<span
-				class="rounded bg-background-success-subtle p-1 text-foreground-success select-none"
+				class="rounded-sm bg-background-success-subtle p-1 text-foreground-success select-none"
 			>
 				+{stat.insertions}
 			</span>
 		{:else}
 			<span
-				class="rounded bg-background-danger-subtle p-1 text-foreground-danger select-none"
+				class="rounded-sm bg-background-danger-subtle p-1 text-foreground-danger select-none"
 			>
 				-{stat.deletions}
 			</span>
diff --git a/web/src/lib/components/repo/DiffView.svelte b/web/src/lib/components/repo/DiffView.svelte
index 5daa26aba..b521c7cb9 100644
--- a/web/src/lib/components/repo/DiffView.svelte
+++ b/web/src/lib/components/repo/DiffView.svelte
@@ -88,7 +88,7 @@
 				class="sticky top-[calc(3rem+env(safe-area-inset-top))] hidden max-h-[calc(100vh-3rem-env(safe-area-inset-top))] w-fit max-w-60 shrink-0 overflow-y-auto md:block"
 			>
 				<section
-					class="mx-auto min-h-full w-full overflow-x-auto rounded border border-border-default bg-background-default px-6 py-2 typography-paragraph-regular"
+					class="mx-auto min-h-full w-full overflow-x-auto rounded-sm border border-border-default bg-background-default px-6 py-2 typography-paragraph-regular"
 				>
 					<DiffFileList files={rows.map((row) => ({ name: row.name }))} />
 				</section>
diff --git a/web/src/lib/components/repo/EmptyRepo.svelte b/web/src/lib/components/repo/EmptyRepo.svelte
index 7d456b2a2..8bf7b3228 100644
--- a/web/src/lib/components/repo/EmptyRepo.svelte
+++ b/web/src/lib/components/repo/EmptyRepo.svelte
@@ -63,7 +63,7 @@
 
 {#snippet codeBlock(lines: string[])}
 	<pre
-		class="overflow-x-auto rounded-sm bg-background-inset p-3 font-mono typography-paragraph-small">{lines.join(
+		class="overflow-x-auto rounded-sm bg-background-inset p-3 typography-monospace-small">{lines.join(
 			"\n"
 		)}</pre>
 {/snippet}
diff --git a/web/src/lib/components/repo/PierreDiff.svelte b/web/src/lib/components/repo/PierreDiff.svelte
index aa7c6a431..d2c2ffc7a 100644
--- a/web/src/lib/components/repo/PierreDiff.svelte
+++ b/web/src/lib/components/repo/PierreDiff.svelte
@@ -75,10 +75,10 @@
 </script>
 
 <div bind:this={container} class="flex flex-col gap-4">
-	{#each files as file, index (index)}
+	{#each files, index (index)}
 		<diffs-container class="diffs-container">
 			{#if prerenderedHTML[index]}
-				<!-- pierre's own renderer output, token text is escaped by its hast builder -->
+				<!-- eslint-disable-next-line svelte/no-at-html-tags -- pierre's own renderer output, token text is escaped by its hast builder -->
 				<template shadowrootmode="open">{@html prerenderedHTML[index]}</template>
 			{/if}
 		</diffs-container>
diff --git a/web/src/lib/components/repo/PierreFile.svelte b/web/src/lib/components/repo/PierreFile.svelte
index 221319979..3d85032e7 100644
--- a/web/src/lib/components/repo/PierreFile.svelte
+++ b/web/src/lib/components/repo/PierreFile.svelte
@@ -68,7 +68,7 @@
 
 <diffs-container bind:this={element} class="diffs-container">
 	{#if prerenderedHTML}
-		<!-- pierre's own renderer output, token text is escaped by its hast builder -->
+		<!-- eslint-disable-next-line svelte/no-at-html-tags -- pierre's own renderer output, token text is escaped by its hast builder -->
 		<template shadowrootmode="open">{@html prerenderedHTML}</template>
 	{/if}
 </diffs-container>
diff --git a/web/src/lib/components/repo/Readme.svelte b/web/src/lib/components/repo/Readme.svelte
index 74fb961ce..02a455fa6 100644
--- a/web/src/lib/components/repo/Readme.svelte
+++ b/web/src/lib/components/repo/Readme.svelte
@@ -16,9 +16,7 @@
 	<div class="border-b border-border-default px-4 py-2">
 		<span class="flex items-center gap-2">
 			<FileText class="size-4 text-foreground-subtle" aria-hidden="true" />
-			<span class="font-mono typography-paragraph-small text-foreground-muted"
-				>{filename}</span
-			>
+			<span class="typography-monospace-small text-foreground-muted">{filename}</span>
 		</span>
 	</div>
 	{#if html}
@@ -27,7 +25,7 @@
 	{:else}
 		<div class="overflow-x-auto px-6 py-4">
 			<pre
-				class="font-mono typography-paragraph-small whitespace-pre text-foreground-default">{contents}</pre>
+				class="typography-monospace-small whitespace-pre text-foreground-default">{contents}</pre>
 		</div>
 	{/if}
 </div>
diff --git a/web/src/lib/components/repo/TagCard.svelte b/web/src/lib/components/repo/TagCard.svelte
index 5dacf5dc0..c5c27f488 100644
--- a/web/src/lib/components/repo/TagCard.svelte
+++ b/web/src/lib/components/repo/TagCard.svelte
@@ -24,7 +24,7 @@
 	<div
 		class="w-full border-b border-border-default md:col-span-2 md:h-full md:border-r md:border-b-0"
 	>
-		<div class="flex flex-col px-2 py-2 text-xl md:hidden">
+		<div class="flex flex-col p-2 text-xl md:hidden">
 			<a
 				href={tagHref}
 				class="flex items-center gap-2 font-bold text-foreground-default no-underline hover:underline"
diff --git a/web/src/lib/components/repo/issues/IssueCardContent.svelte b/web/src/lib/components/repo/issues/IssueCardContent.svelte
index b4ea88adc..1454272a2 100644
--- a/web/src/lib/components/repo/issues/IssueCardContent.svelte
+++ b/web/src/lib/components/repo/issues/IssueCardContent.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { resolve } from "$app/paths";
+	import type { ResolvedPathname } from "$app/types";
 	import User from "$lib/components/ui/User.svelte";
 	import ProfilePopover from "$lib/components/profile/ProfilePopover.svelte";
 	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
@@ -17,7 +18,9 @@
 	let { ownerHandle, repoName, issue }: Props = $props();
 
 	// the at-uri is appended after `resolve`, which would drop the empty segment in `at://`
-	const href = $derived(`${resolve(`/${ownerHandle}/${repoName}/issues` as "/")}/${issue.uri}`);
+	const href = $derived(
+		`${resolve(`/${ownerHandle}/${repoName}/issues` as "/")}/${issue.uri}` as ResolvedPathname
+	);
 </script>
 
 <div class="pb-2">
diff --git a/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte b/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
index 81a6601b8..3933b4f08 100644
--- a/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
+++ b/web/src/lib/components/repo/pipelines/WorkflowLogs.svelte
@@ -4,7 +4,7 @@
 
 	export const workflowLogs = tv({
 		slots: {
-			viewport: "overflow-y-auto rounded typography-monospace-regular",
+			viewport: "overflow-y-auto rounded-sm typography-monospace-regular",
 			sizer: "relative w-full",
 			row: "absolute top-0 left-0 flex w-full",
 			header: "sticky top-0 z-10 flex w-full cursor-pointer items-center gap-2 rounded-t border-x border-t border-border-default bg-background-default px-3 text-left font-sans typography-paragraph-regular",
@@ -14,7 +14,7 @@
 			body: "w-full min-w-0 border-x border-border-default bg-background-default px-3",
 			command: "break-all whitespace-pre-wrap text-foreground-info",
 			line: "break-all whitespace-pre-wrap text-foreground-default",
-			empty: "flex items-center justify-center gap-2 rounded border border-border-default bg-background-default p-12 text-base text-foreground-muted italic",
+			empty: "flex items-center justify-center gap-2 rounded-sm border border-border-default bg-background-default p-12 text-base text-foreground-muted italic",
 			status: "flex items-center gap-2 px-1 py-2 text-foreground-muted"
 		},
 		variants: {
@@ -163,7 +163,7 @@
 				getScrollElement: () => scroller,
 				estimateSize: (index) =>
 					current[index] ? ROW_HEIGHT[current[index].kind] : ROW_HEIGHT.line,
-				getItemKey: (index) => (current[index] ? rowKey(current[index], index) : index),
+				getItemKey: (index) => (current[index] ? rowKey(current[index]) : index),
 				rangeExtractor,
 				// riding the tail holds the bottom edge still through a remeasure. reading
 				// holds the top edge, or a corrected estimate drifts the text downward
@@ -403,7 +403,7 @@
 								</div>
 							{:else if row.kind === "line"}
 								<div class={slots.body()}>
-									<!-- ansi_up escapes the log text; the only markup is its own spans -->
+									<!-- eslint-disable-next-line svelte/no-at-html-tags -- ansi_up escapes the log text; the only markup is its own spans -->
 									<div class={slots.line()}>{@html row.html}</div>
 								</div>
 							{:else if row.kind === "gap"}
diff --git a/web/src/lib/components/repo/pipelines/logs.ts b/web/src/lib/components/repo/pipelines/logs.ts
index e2acd0273..71270b472 100644
--- a/web/src/lib/components/repo/pipelines/logs.ts
+++ b/web/src/lib/components/repo/pipelines/logs.ts
@@ -1,7 +1,7 @@
 // converts log frames into step cards and line rows
 
 import { AnsiUp } from "ansi_up";
-import type { LogControl, LogData, LogFrame } from "$lib/api/spindleLogs";
+import type { LogFrame } from "$lib/api/spindleLogs";
 
 export interface LogStep {
 	id: number;
@@ -108,7 +108,7 @@ export const isLastRow = (rows: readonly LogRow[], index: number): boolean =>
 	index === rows.length - 1 || rows[index + 1].kind === "gap";
 
 // stable key for virtualizer row heights
-export const rowKey = (row: LogRow, index: number): string => {
+export const rowKey = (row: LogRow): string => {
 	switch (row.kind) {
 		case "step":
 			return `step:${row.step.id}`;
diff --git a/web/src/lib/components/repo/pulls/PullCardContent.svelte b/web/src/lib/components/repo/pulls/PullCardContent.svelte
index 4f6f04e96..2c1770c9a 100644
--- a/web/src/lib/components/repo/pulls/PullCardContent.svelte
+++ b/web/src/lib/components/repo/pulls/PullCardContent.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { resolve } from "$app/paths";
+	import type { ResolvedPathname } from "$app/types";
 	import User from "$lib/components/ui/User.svelte";
 	import ProfilePopover from "$lib/components/profile/ProfilePopover.svelte";
 	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
@@ -18,7 +19,7 @@
 
 	// the at-uri is appended after `resolve`, which would drop the empty segment in `at://`
 	const href = $derived(
-		`${resolve(`/${ownerHandle}/${repoName}/pulls` as "/")}/${pull.uri}/latest`
+		`${resolve(`/${ownerHandle}/${repoName}/pulls` as "/")}/${pull.uri}/latest` as ResolvedPathname
 	);
 </script>
 
diff --git a/web/src/lib/components/repo/pulls/PullCommitRow.svelte b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
index e36af1c89..750855cfa 100644
--- a/web/src/lib/components/repo/pulls/PullCommitRow.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
@@ -62,7 +62,7 @@
 
 		{#if commit.body && expanded}
 			<pre
-				class="mb-2 rounded bg-background-subtle px-2 py-1 typography-monospace-regular whitespace-pre-wrap">{commit.body}</pre>
+				class="mb-2 rounded-sm bg-background-subtle px-2 py-1 typography-monospace-regular whitespace-pre-wrap">{commit.body}</pre>
 		{/if}
 	</div>
 	<div class="flex h-10 items-center gap-2">
diff --git a/web/src/lib/components/repo/pulls/PullReviewComment.svelte b/web/src/lib/components/repo/pulls/PullReviewComment.svelte
index 9b11271d7..3b5735979 100644
--- a/web/src/lib/components/repo/pulls/PullReviewComment.svelte
+++ b/web/src/lib/components/repo/pulls/PullReviewComment.svelte
@@ -40,7 +40,7 @@
 </script>
 
 <div
-	class="flex flex-col gap-2 rounded border-border-default p-2 {active
+	class="flex flex-col gap-2 rounded-sm border-border-default p-2 {active
 		? 'border text-foreground-default'
 		: 'text-foreground-muted'}"
 >
diff --git a/web/src/lib/components/settings/KeyCardContent.svelte b/web/src/lib/components/settings/KeyCardContent.svelte
index 9b9ae9031..1c2c07a5d 100644
--- a/web/src/lib/components/settings/KeyCardContent.svelte
+++ b/web/src/lib/components/settings/KeyCardContent.svelte
@@ -23,7 +23,7 @@
 			<span class="font-bold text-foreground-default">{name}</span>
 		</div>
 		{#if fingerprint}
-			<span class="truncate font-mono typography-paragraph-small text-foreground-subtle"
+			<span class="truncate typography-monospace-small text-foreground-subtle"
 				>{fingerprint}</span
 			>
 		{/if}
diff --git a/web/src/lib/components/shell/Footer.svelte b/web/src/lib/components/shell/Footer.svelte
index c8140b347..994dc1e50 100644
--- a/web/src/lib/components/shell/Footer.svelte
+++ b/web/src/lib/components/shell/Footer.svelte
@@ -340,7 +340,7 @@
 		class="w-full border-t border-border-default bg-background-default px-6 py-4 pb-[calc(env(safe-area-inset-bottom)+1rem)]"
 	>
 		<div
-			class="mx-auto flex max-w-screen-lg flex-wrap items-center justify-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-subtle"
+			class="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-subtle"
 		>
 			<div
 				class="order-last flex w-full items-center justify-center gap-x-2 sm:order-first sm:w-auto"
diff --git a/web/src/lib/components/strings/StringForm.svelte b/web/src/lib/components/strings/StringForm.svelte
index 57fa6083f..27db31059 100644
--- a/web/src/lib/components/strings/StringForm.svelte
+++ b/web/src/lib/components/strings/StringForm.svelte
@@ -105,7 +105,7 @@
 				spellcheck={false}
 				bind:value={content}
 				disabled={publish.loading}
-				class="w-full resize-y rounded-sm border border-border-default bg-background-default p-2 font-mono typography-paragraph-small text-foreground-default placeholder:text-foreground-placeholder focus:ring-1 focus:ring-border-strong focus:outline-none disabled:opacity-50"
+				class="w-full resize-y rounded-sm border border-border-default bg-background-default p-2 typography-monospace-small text-foreground-default placeholder:text-foreground-placeholder focus:ring-1 focus:ring-border-strong focus:outline-none disabled:opacity-50"
 			></textarea>
 		</div>
 
diff --git a/web/src/lib/components/timeline/TimelineView.svelte b/web/src/lib/components/timeline/TimelineView.svelte
index 41d76e0fd..ee7a396fe 100644
--- a/web/src/lib/components/timeline/TimelineView.svelte
+++ b/web/src/lib/components/timeline/TimelineView.svelte
@@ -38,7 +38,7 @@
 		class="hidden md:sticky md:top-0 md:flex md:h-screen md:w-full md:max-w-100 md:flex-col md:gap-4 md:overflow-y-auto md:p-4"
 	>
 		<NotificationsPreview {signedIn} />
-		<RecentsPreview {signedIn} />
+		<RecentsPreview />
 	</div>
 
 	<div class="order-2 md:order-0 md:col-start-2 md:row-start-1 md:mx-auto md:w-full md:max-w-150">
diff --git a/web/src/lib/components/ui/Logo.svelte b/web/src/lib/components/ui/Logo.svelte
index 402560e0f..1fbda2f3e 100644
--- a/web/src/lib/components/ui/Logo.svelte
+++ b/web/src/lib/components/ui/Logo.svelte
@@ -73,7 +73,7 @@
 	<span class="inline-flex items-center gap-2 select-none">
 		{@render mark()}
 		<span
-			class="rounded-sm bg-background-subtle px-1 text-[10px] leading-4 font-normal text-foreground-default not-italic"
+			class="rounded-sm bg-background-subtle px-1 typography-paragraph-mini font-normal text-foreground-default not-italic"
 		>
 			alpha
 		</span>
diff --git a/web/src/lib/components/ui/RangeSelector.svelte b/web/src/lib/components/ui/RangeSelector.svelte
index 64bd4d5f8..ca1cb8830 100644
--- a/web/src/lib/components/ui/RangeSelector.svelte
+++ b/web/src/lib/components/ui/RangeSelector.svelte
@@ -206,12 +206,7 @@
 	onpointercancel={release}
 >
 	{#each items as item, i (i)}
-		<RangeSelectorRow
-			index={i}
-			position={band(i, listRange)}
-			selected={band(i, selectedRange)}
-			displayed={band(i, displayRange)}
-		>
+		<RangeSelectorRow index={i} position={band(i, listRange)} displayed={band(i, displayRange)}>
 			{@render row(i, item, rowActions(i))}
 		</RangeSelectorRow>
 	{/each}
diff --git a/web/src/lib/components/ui/RangeSelectorRow.svelte b/web/src/lib/components/ui/RangeSelectorRow.svelte
index 07fbbc5d6..d1199da0a 100644
--- a/web/src/lib/components/ui/RangeSelectorRow.svelte
+++ b/web/src/lib/components/ui/RangeSelectorRow.svelte
@@ -5,7 +5,6 @@
 	interface Props {
 		index: number;
 		position?: Band;
-		selected?: Band;
 		displayed?: Band;
 		children: Snippet;
 	}
diff --git a/web/src/lib/components/ui/TabPanel.stories.svelte b/web/src/lib/components/ui/TabPanel.stories.svelte
index f0156d5a2..7610fb76a 100644
--- a/web/src/lib/components/ui/TabPanel.stories.svelte
+++ b/web/src/lib/components/ui/TabPanel.stories.svelte
@@ -20,7 +20,7 @@
 </script>
 
 <Story name="Default" asChild>
-	<div class="mx-auto max-w-screen-lg">
+	<div class="mx-auto max-w-5xl">
 		<Tabs {tabs} active="overview" label="example sections" />
 		<TabPanel>
 			<p>The active tab's bottom edge merges into this panel — one continuous outline.</p>
@@ -29,7 +29,7 @@
 </Story>
 
 <Story name="Second tab active" asChild>
-	<div class="mx-auto max-w-screen-lg">
+	<div class="mx-auto max-w-5xl">
 		<Tabs {tabs} active="issues" label="example sections" />
 		<TabPanel>
 			<p>"Issues" is active now, and the seam moves with it.</p>
@@ -38,7 +38,7 @@
 </Story>
 
 <Story name="Custom padding" asChild>
-	<div class="mx-auto max-w-screen-lg">
+	<div class="mx-auto max-w-5xl">
 		<Tabs {tabs} active="overview" label="example sections" />
 		<TabPanel class="py-6">
 			<p>Roomier vertical padding (py-6) for form-heavy pages.</p>
@@ -47,7 +47,7 @@
 </Story>
 
 <Story name="Unpadded grid" asChild>
-	<div class="mx-auto max-w-screen-lg">
+	<div class="mx-auto max-w-5xl">
 		<Tabs {tabs} active="overview" label="example sections" />
 		<TabPanel as="div" padded={false} class="grid md:grid-cols-3 md:gap-4 md:p-6">
 			<div class="p-6 md:p-0">Sidebar</div>
diff --git a/web/src/lib/index.ts b/web/src/lib/index.ts
deleted file mode 100644
index e69de29bb..000000000
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index a4e3e9562..4f9089a28 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -16,13 +16,10 @@
 
 	let { children, data } = $props();
 
-	const auth = createAuth(
-		data.publicConfig.bobbinUrl,
-		untrack(() => data.auth)
-	);
+	const auth = untrack(() => createAuth(data.publicConfig.bobbinUrl, data.auth));
 	setContext(AUTH_KEY, auth);
 
-	const notifications = createNotifications(auth, data.publicConfig.deliberiUrl);
+	const notifications = untrack(() => createNotifications(auth, data.publicConfig.deliberiUrl));
 	setContext(NOTIFICATIONS_KEY, notifications);
 
 	onMount(() => {
diff --git a/web/src/routes/[handle]/+layout.svelte b/web/src/routes/[handle]/+layout.svelte
index d96b0b367..5a019d223 100644
--- a/web/src/routes/[handle]/+layout.svelte
+++ b/web/src/routes/[handle]/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { goto } from "$app/navigation";
 	import { page } from "$app/state";
+	import type { ResolvedPathname } from "$app/types";
 	import Error from "$lib/components/ui/Error.svelte";
 	import Pending from "$lib/components/ui/Pending.svelte";
 	import ProfileShell from "$lib/components/profile/ProfileShell.svelte";
@@ -42,7 +43,7 @@
 			.then((resolved) => {
 				const canonical = resolved.handle.endsWith(".invalid") ? null : resolved.handle;
 				if (canonical && identifier.toLowerCase() !== canonical.toLowerCase()) {
-					goto(`/${canonical}${search}`);
+					goto(`/${canonical}${search}` as ResolvedPathname);
 				}
 			})
 			// failures surface through the error boundary instead
@@ -54,7 +55,7 @@
 	<title>{decodeURIComponent(page.params.handle ?? "")} &middot; Tangled</title>
 </svelte:head>
 
-<section class="mx-auto w-full max-w-screen-lg py-6">
+<section class="mx-auto w-full max-w-5xl py-6">
 	<!-- remount on navigation, svelte only paints a pending snippet when the boundary is new -->
 	{#key page.params.handle}
 		<Pending>
diff --git a/web/src/routes/[handle]/[repo]/tags/[tag]/+page.svelte b/web/src/routes/[handle]/[repo]/tags/[tag]/+page.svelte
index ce32d7ebc..829a7ddf9 100644
--- a/web/src/routes/[handle]/[repo]/tags/[tag]/+page.svelte
+++ b/web/src/routes/[handle]/[repo]/tags/[tag]/+page.svelte
@@ -7,7 +7,7 @@
 	let { data } = $props();
 </script>
 
-<section class="rounded bg-background-default px-6 py-4">
+<section class="rounded-sm bg-background-default px-6 py-4">
 	<Pending>
 		{#snippet skeleton()}
 			<Bones capture={tagCard} />
diff --git a/web/src/routes/repo/new/+page.svelte b/web/src/routes/repo/new/+page.svelte
index 49be0e63a..408386ac8 100644
--- a/web/src/routes/repo/new/+page.svelte
+++ b/web/src/routes/repo/new/+page.svelte
@@ -54,6 +54,7 @@
 					<div class="space-y-2">
 						<div>
 							<label
+								for="name"
 								class="mb-1 block typography-paragraph-small font-bold text-foreground-default"
 							>
 								Repository name
@@ -147,12 +148,12 @@
 							</p>
 						</div>
 
-						<div>
-							<label
+						<fieldset>
+							<legend
 								class="mb-1 block typography-paragraph-small font-bold text-foreground-default"
 							>
 								Select a knot
-							</label>
+							</legend>
 							<div class="w-full space-y-2">
 								{#each knots as knot (knot)}
 									<Radio value={knot} bind:group={selectedKnot} name="domain">
@@ -167,7 +168,7 @@
 									>register your own knot</a
 								>.
 							</p>
-						</div>
+						</fieldset>
 					</div>
 				</div>
 			</div>
diff --git a/web/src/routes/strings/new/+page.svelte b/web/src/routes/strings/new/+page.svelte
index ed0ba1a09..848a37433 100644
--- a/web/src/routes/strings/new/+page.svelte
+++ b/web/src/routes/strings/new/+page.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { goto } from "$app/navigation";
+	import type { ResolvedPathname } from "$app/types";
 	import StringForm from "$lib/components/strings/StringForm.svelte";
 
 	const handleSaved = async (rkey: string, handle: string) => {
-		await goto(`/strings/${handle}/${rkey}`);
+		await goto(`/strings/${handle}/${rkey}` as ResolvedPathname);
 	};
 </script>
 
@@ -11,7 +12,7 @@
 	<title>New string &middot; Tangled</title>
 </svelte:head>
 
-<div class="mx-auto w-full max-w-screen-lg px-4 py-12">
+<div class="mx-auto w-full max-w-5xl px-4 py-12">
 	<div class="p-2">
 		<h1 class="typography-heading-4 font-bold text-foreground-default">Create a new string</h1>
 		<p class="typography-paragraph-small text-foreground-subtle">
-- 
2.51.2