Name the routes after the pages, not after their position in the app (#258)

`/home-page` and `/settings-page` described where a page sat rather than what
it did, and `-page` on a route is a suffix that never earns its keep. The
generator route becomes `/pipeline`, which is the word the code already uses
everywhere around it (`src/lib/pipeline`, `(pipeline-configuration)`,
`pipeline-config-store.ts`, `run-wasm-pipeline.ts`). `/image-viewer` loses the
`image-` it shared with nothing else and becomes `/viewer`.

  /home-page     -> /pipeline
  /settings-page -> /settings
  /image-viewer  -> /viewer   (and /image-viewer/view -> /viewer/view)

In the App Router a directory is both the URL and the import path, so each
rename moves two namespaces at once. The build catches a stale import; it does
not catch a stale route string, since `typedRoutes` is off. Three references
live outside anything that would have failed:

- `.github/workflows/ci-web.yml` asserts `out/<route>.html` after a build, so a
  stale path stays green locally and breaks only in CI.
- `biome.jsonc` keys two lint overrides by file path -- one working around a
  Biome crash, one preserving bare import specifiers. Stale paths would have
  stopped applying without a word.
- `src-tauri/tauri.conf.json` sets the window's opening URL, which no test in
  the repo exercises.

`id="image-viewer-input"` keeps its name: it is a DOM id the desktop e2e spec
selects on, not a route. The "Image Generator" nav label is likewise untouched,
being copy rather than a path.

Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: adulbrich

.github/workflows/ci-web.yml

@@ -102,7 +102,7 @@ jobs:
         # first thing a visitor sees and the last thing a build log mentions.
         run: |
           test -f out/index.html
-          test -f out/home-page.html
+          test -f out/pipeline.html
           test -f out/wasm/versions.json
           test -f out/wasm/hdrgen.wasm
 

DEPLOYMENT.md

@@ -32,7 +32,7 @@ Serve `out/` as static files. The only requirements are the `.wasm` MIME type
 above and clean-URL handling, which almost every static host does.
 
 For a quick local check, note that Python's `http.server` does **not** map
-`/home-page` to `home-page.html`, so use the `.html` paths or a server that
+`/pipeline` to `pipeline.html`, so use the `.html` paths or a server that
 does:
 
 ```sh

PRD.md

@@ -18,16 +18,16 @@ Four tabs (`src/app/navigation.tsx`), identical in both hosts:
 
 | Tab | Route | Purpose |
 |---|---|---|
-| Image Generator | `/home-page` | Configure and run the LDR → HDR calibration pipeline |
-| Settings | `/settings-page` | Output folder, and the versions of everything bundled |
+| Image Generator | `/pipeline` | Configure and run the LDR → HDR calibration pipeline |
+| Settings | `/settings` | Output folder, and the versions of everything bundled |
 | Runs | `/runs` | History of previous pipeline runs and their outcomes |
-| Image Viewer | `/image-viewer`, `/image-viewer/view` | Load and inspect a generated `.hdr` file |
+| Image Viewer | `/viewer`, `/viewer/view` | Load and inspect a generated `.hdr` file |
 
-`/` redirects to `/home-page`, so the site root resolves in a browser.
+`/` redirects to `/pipeline`, so the site root resolves in a browser.
 
 ## 3. Feature: Image Generator (Home Page)
 
-`src/app/home-page/page.tsx`
+`src/app/pipeline/page.tsx`
 
 - **Image set input** — drag-and-drop or file-picker selection of an LDR bracket (JPEG, TIFF, or camera raw). Multiple named image sets can be staged; each set is validated to contain at least 2 images, and every staged set is run. On the desktop a set is a directory; in a browser, `webkitdirectory` reports a relative path, so nested folders still become separate sets and a plain multi-file selection becomes one.
 - **Camera response function** — upload of a `.rsp` file describing the camera's tone response, required for JPEG-derived input.
@@ -48,7 +48,7 @@ Four tabs (`src/app/navigation.tsx`), identical in both hosts:
 
 ## 4. Feature: Calibration Pipeline
 
-`src/lib/pipeline/*`, driven from `src/app/home-page/run-wasm-pipeline.ts`
+`src/lib/pipeline/*`, driven from `src/app/pipeline/run-wasm-pipeline.ts`
 
 The pipeline is TypeScript orchestrating WebAssembly. It runs **in a Web Worker**, not on the page: Emscripten's `callMain` is synchronous and blocks its thread for the whole of a tool, so an inline pipeline froze the tab for the length of an hdrgen merge. The worker reads no files itself — the page stages the bytes and transfers them in, because only the page knows how to reach a file (Tauri's filesystem on the desktop, the virtual filesystem in a browser), and keeping that out of the worker is what lets one worker serve both hosts.
 
@@ -79,7 +79,7 @@ The two former Rust commands have TypeScript equivalents: raw conversion rides o
 
 ## 5. Feature: Image Viewer
 
-`src/app/image-viewer/*`
+`src/app/viewer/*`
 
 - **File intake** — drag-and-drop or file picker for a single `.hdr` file (extension-validated); state is passed to the viewer route via a serialized URL query string (`viewer-url.ts`).
 - **Rendering** — a `three.js` (WebGL) canvas renders the HDR pixel data as a texture, with pan/zoom (`react-zoom-pan-pinch`).
@@ -96,7 +96,7 @@ The viewer works on every platform with no additional software. It requires WebG
 
 ## 6. Feature: Settings
 
-`src/app/settings-page/page.tsx`
+`src/app/settings/page.tsx`
 
 - Output folder, on the desktop. It is hidden in a browser, because a browser downloads and the browser chooses where — an output path there would be a control that does nothing (`canWriteToChosenDirectory()`).
 - There are no tool paths to configure: every tool ships with the app.

__tests__/build-pipeline-params.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
-import type { pipelineConfig } from "../src/app/home-page/(pipeline-configuration)/config-provider";
-import { buildPipelineParams } from "../src/app/home-page/build-pipeline-params";
+import type { pipelineConfig } from "../src/app/pipeline/(pipeline-configuration)/config-provider";
+import { buildPipelineParams } from "../src/app/pipeline/build-pipeline-params";
 
 const settings = {
   dcrawEmuPath: "/tools/dcraw",

__tests__/calibration-files.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
-import type { pipelineConfig } from "@/app/home-page/(pipeline-configuration)/config-provider";
-import { unsuppliedCalibrationFiles } from "@/app/home-page/calibration-files";
+import type { pipelineConfig } from "@/app/pipeline/(pipeline-configuration)/config-provider";
+import { unsuppliedCalibrationFiles } from "@/app/pipeline/calibration-files";
 
 /** The form's own defaults: every calibration field starts empty. */
 function makeConfig(overrides: Partial<pipelineConfig> = {}): pipelineConfig {

__tests__/hdr-metadata-priority.test.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "@jest/globals";
 import { render, screen } from "@testing-library/react";
-import { HdrMetadataDetails } from "../src/app/image-viewer/view/illuminance-details";
+import { HdrMetadataDetails } from "../src/app/viewer/view/illuminance-details";
 
 const KEY_LABEL_REGEX = /^(CAPDATE|COMPUTED_VERTICAL_ILLUMINANCE|FORMAT|VIEW)$/;
 

__tests__/image-matrix-lock.test.tsx

@@ -19,7 +19,7 @@ jest.mock("@tauri-apps/plugin-fs", () => ({
   stat: () => Promise.resolve({ isDirectory: false, isFile: true, size: 1024 }),
 }));
 
-import { SelectedImageProvider } from "../src/app/home-page/selected-image-context";
+import { SelectedImageProvider } from "../src/app/pipeline/selected-image-context";
 import {
   ImageMatrixInput,
   type ImageSetIssue,

__tests__/image-matrix-selection-clear.test.tsx

@@ -15,7 +15,7 @@ jest.mock("@tauri-apps/plugin-fs", () => ({
 import {
   SelectedImageProvider,
   useSelectedImage,
-} from "../src/app/home-page/selected-image-context";
+} from "../src/app/pipeline/selected-image-context";
 import { ImageMatrixInput } from "../src/components/ui/image-matrix-input";
 import type { ImageSet } from "../src/components/ui/image-set-preview";
 import { TooltipProvider } from "../src/components/ui/tooltip";

__tests__/lens-mask-editor.test.tsx

@@ -13,7 +13,7 @@ declare const jest: typeof import("@jest/globals").jest;
 
 const DIALOG_TITLE = /Configure lens mask/;
 
-import { LensMaskEditor } from "../src/app/home-page/lens-mask-editor";
+import { LensMaskEditor } from "../src/app/pipeline/lens-mask-editor";
 
 describe("LensMaskEditor", () => {
   it("edits the same motion values as the inline preview", async () => {

__tests__/lens-mask-fit.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "@jest/globals";
-import { describeMaskOverflow } from "@/app/home-page/lens-mask-fit";
+import { describeMaskOverflow } from "@/app/pipeline/lens-mask-fit";
 
 // The dimensions dcraw_emu produces for the example Canon 5D Mark III CR2s,
 // and therefore the dimensions of the merged picture crop is handed.