feat(web): consolidate paired devices, self-contained sections, docs + lint
Web console - Pairing/Library/Stats refactored into self-contained subsections that each own their own queries + mutations; a shared slot-based layout (view.tsx) is filled by the live page (containers) and Storybook (pure cards + fixtures) so the layout can't drift. - All paired devices in one list on Pairing with a protocol column (punktfunk/1 + Moonlight), routing each unpair to the right endpoint; the redundant Clients page is removed. - Library: overview grid split from the add/edit form into separate files. - Login screen links out to the docs. Docs - "Console login password" section on every host page (apt/RPM/Bazzite/SteamOS/Windows) plus a new "Forgot your Password?" troubleshooting page, linked from the login screen. - Console served as HTTP/1.1 over TLS (drop the unusable HTTP/3 advertising) across the Bun entry, launchers, systemd units, and packaging. Tooling - Biome now respects .gitignore (stops linting generated code), config migrated to 2.5.1; all lint issues fixed cleanly. Also includes this branch's in-progress host, Apple client, packaging, and CI changes. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -1,48 +1,77 @@
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { CaptureControlCard } from "@/sections/Stats/CaptureControl";
|
||||
import { DetailCard } from "@/sections/Stats/Detail";
|
||||
import { RecordingsCard } from "@/sections/Stats/Recordings";
|
||||
import { StatsView } from "@/sections/Stats/view";
|
||||
import { captureDetail, captureMetas, statsStatusIdle } from "./lib/fixtures";
|
||||
|
||||
const noop = () => {};
|
||||
const idle = { isLoading: false, error: null, refetch: noop };
|
||||
|
||||
// Renders the REAL page layout (StatsView) — the same component index.tsx uses — with the pure
|
||||
// cards + mock state in its slots, so there's no duplicated composition to drift.
|
||||
const meta = {
|
||||
title: "Pages/Stats",
|
||||
component: StatsView,
|
||||
parameters: { layout: "padded" },
|
||||
args: {
|
||||
onStart: noop,
|
||||
onStop: noop,
|
||||
onSelect: noop,
|
||||
onDownload: noop,
|
||||
onDelete: noop,
|
||||
isStarting: false,
|
||||
isStopping: false,
|
||||
isDeleting: false,
|
||||
},
|
||||
} satisfies Meta<typeof StatsView>;
|
||||
|
||||
export default meta;
|
||||
type Story = StoryObj<typeof meta>;
|
||||
|
||||
// A finished run open in the detail view: recordings table populated and the full
|
||||
// graph set (latency stack · throughput · loss/FEC) rendered from a deterministic
|
||||
// fixture series — no live host or capture needed.
|
||||
// A finished run open in the detail view: recordings table populated and the full graph set
|
||||
// (latency stack · throughput · loss/FEC) rendered from a deterministic fixture series — no live
|
||||
// host or capture needed.
|
||||
export const Recording: Story = {
|
||||
args: {
|
||||
status: { data: statsStatusIdle, ...idle },
|
||||
live: { data: undefined, ...idle },
|
||||
recordings: { data: captureMetas, ...idle },
|
||||
detail: { data: captureDetail, ...idle },
|
||||
selectedId: captureMetas[0]?.id ?? null,
|
||||
control: (
|
||||
<CaptureControlCard
|
||||
status={{ data: statsStatusIdle, ...idle }}
|
||||
onStart={noop}
|
||||
onStop={noop}
|
||||
isStarting={false}
|
||||
isStopping={false}
|
||||
/>
|
||||
),
|
||||
live: null,
|
||||
recordings: (
|
||||
<RecordingsCard
|
||||
recordings={{ data: captureMetas, ...idle }}
|
||||
selectedId={captureMetas[0]?.id ?? null}
|
||||
onSelect={noop}
|
||||
onDownload={noop}
|
||||
onDelete={noop}
|
||||
isDeleting={false}
|
||||
/>
|
||||
),
|
||||
detail: (
|
||||
<DetailCard detail={{ data: captureDetail, ...idle }} onClose={noop} />
|
||||
),
|
||||
},
|
||||
};
|
||||
|
||||
export const Empty: Story = {
|
||||
args: {
|
||||
status: { data: statsStatusIdle, ...idle },
|
||||
live: { data: undefined, ...idle },
|
||||
recordings: { data: [], ...idle },
|
||||
detail: { data: undefined, ...idle },
|
||||
selectedId: null,
|
||||
control: (
|
||||
<CaptureControlCard
|
||||
status={{ data: statsStatusIdle, ...idle }}
|
||||
onStart={noop}
|
||||
onStop={noop}
|
||||
isStarting={false}
|
||||
isStopping={false}
|
||||
/>
|
||||
),
|
||||
live: null,
|
||||
recordings: (
|
||||
<RecordingsCard
|
||||
recordings={{ data: [], ...idle }}
|
||||
selectedId={null}
|
||||
onSelect={noop}
|
||||
onDownload={noop}
|
||||
onDelete={noop}
|
||||
isDeleting={false}
|
||||
/>
|
||||
),
|
||||
detail: null,
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user