-
-
- {tab === "queue" && (
- <>
- {/* The field takes the whole line when the buttons would squeeze it (at 375 it had 57px). */}
-
- {queue.map((job, i) => (
-
- {/* The queue's primary action stays in sight; cancel moved into the "…". */}
- {job.status === "queued" || job.status === "running" ? (
- actions.run(job, "pause")}
- title={t("downloads.actions.pause")}
- >
-
- ) : (
- actions.run(job, "resume")}
- title={t(
- job.status === "error"
- ? "downloads.actions.retry"
- : "downloads.actions.resume",
- )}
- >
- {/* Retry is "do it again", not playback: the Play glyph promised a video. */}
- {job.status === "error" ? (
-
- )}
-
- ))}
- {queue.length === 0 &&
- (jobsQ.isError && !jobsQ.data ? (
- jobsQ.refetch()}>
- {t("common.loadError")}
-
- ) : jobsQ.isLoading ? (
-
-
- )}
-
- {tab === "system" && me.role === "admin" &&
- {upload && setUpload(false)} />}
- {manage && setManage(false)} />}
- {errorJob && (
- actions.run(errorJob, "resume")}
- onClose={() => setErrorJob(null)}
- />
- )}
-
-
-
- );
-}
diff --git a/frontend/src/components/DownloadDialog.dom.test.tsx b/frontend/src/components/DownloadDialog.dom.test.tsx
new file mode 100644
index 00000000..119e2100
--- /dev/null
+++ b/frontend/src/components/DownloadDialog.dom.test.tsx
@@ -0,0 +1,101 @@
+// @vitest-environment jsdom
+//
+// The download dialog opens on the format used last (per account), so a pasted link is one Enter
+// away; a format deleted since falls back to the first. Its "added" notice's View opens the tray on
+// the new job. The prefs are a map that outlives a mount — a reload, as far as the dialog can tell.
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useState } from "react";
+import { api, type DownloadProfile } from "../lib/api";
+
+const h = vi.hoisted(() => ({
+ prefs: new Map
-
-
- {t("downloads.empty.queue")}
-
- ))}
-
- {t("downloads.profiles.builtin")}
- {builtins.map((p) => (
-
- {t("downloads.profiles.yours")}
-
- )}
- {mine.map((p) => (
-
+
-
- ))}
- {mine.length > 0 && (
-
- {p.name}
- startEdit(p)} label={t("downloads.actions.rename")}>
-
- onDelete(p)}
- label={t("downloads.profiles.delete")}
- >
-
-
- ))}
-
+ {profilesQ.isError && !profilesQ.data ? (
+ void profilesQ.refetch()}>
+ {t("common.loadError")}
+
+ ) : !profilesQ.data ? (
+
-
+ String(p.id)}
+ pager={false}
+ keyboardNav
+ fixedLayout
+ rowProps={(p) => menu.triggerProps(p)}
+ />
+
+ )}
+
+ {/* One option a line: a CheckRow is inline, and in the wide Settings column four of them
+ ran together on one line. */}
+
)}
+
+ );
+}
+
+export default function ProfileEditor({ onClose }: { onClose: () => void }) {
+ const { t } = useTranslation();
+ return (
+
{spec.mode !== "a" && (
void }) {
{tab === "appearance" &&
@@ -615,7 +628,7 @@ function PlexWatchSync() {
// (e.g. a private Facebook group you belong to) so downloads from it use YOUR login. Write-only —
// the stored blob is never shown back; each row shows only the host + whether it's set + when.
// A cookie-authed download is kept private to your account (never cache-shared with another user).
-// Exported for a focused DOM test (write-only behaviour); rendered inside Account below.
+// Exported for a focused DOM test (write-only behaviour); rendered on the Downloads tab below.
export function DownloadAuth() {
const { t, i18n } = useTranslation();
const qc = useQueryClient();
@@ -796,6 +809,23 @@ export function AccountHeader({ me }: { me: Me }) {
);
}
+// How this account downloads: its formats (the download dialog's choices) and its sign-ins to sites
+// that need one. Preferences of the downloading, not of the account's identity.
+function Downloads() {
+ const { t } = useTranslation();
+ return (
+ <>
+ + {t("settings.downloads.formatsIntro")} +
+
{s && (
-
+
{[
[t("downloads.admin.filesOnDisk"), String(s.files_on_disk)],
[t("downloads.admin.totalSize"), formatBytes(s.total_bytes, lang)],
@@ -195,65 +388,103 @@ export function AdminSystem() {
].map(([label, val]) => (
))}
)}
- {s && (
- {label}
- {val}
+ {val}
-
+ {/* Set a quota for any user, regardless of whether they've downloaded anything. */}
+ ();
@@ -15,7 +13,7 @@ vi.mock("react-i18next", async (importOriginal) => {
};
});
-import { DownloadRow, IconBtn } from "./downloadRow";
+import { JobThumb } from "./downloadRow";
import type { DownloadJob } from "../lib/api";
const baseJob: DownloadJob = {
@@ -82,201 +80,15 @@ const withAsset = (
afterEach(cleanup);
-describe("DownloadRow format chip", () => {
- it("shows the uppercased container next to the size when ready", () => {
- render(![]()
, and no duration chip (it stays media info
-// like the container/size). Media rows keep their thumbnail path (an ![]()
, or empty until a poster).
-describe("DownloadRow file kind", () => {
- it("renders a file glyph, not a thumbnail ![]()
, for a generic file", () => {
- const { container } = render(
- ![]()
element is emitted for a file.
- expect(container.querySelector("img")).toBeNull();
- expect(container.querySelector("svg")).not.toBeNull();
- // File info still reads (container + size), but there is no duration chip.
- expect(screen.getByText(/·\s*pdf/i)).toBeTruthy();
- expect(screen.getByText(/2\.3 MB/)).toBeTruthy();
- });
-
- it("keeps the thumbnail path (an ![]()
when a poster exists) for a media asset", () => {
- const { container } = render(
-
- {}} title="play">
- p
-
- {}} title="delete">
- d
-
- ,
- );
- expect(screen.getByTitle("play").hasAttribute("data-nav-open")).toBe(true);
- expect(screen.getByTitle("delete").hasAttribute("data-nav-open")).toBe(false);
- });
-
- // The row once resized its actions with a `[&_button]:size-8` override, which a save LINK in the
- // same row escaped (28px beside 32px buttons). The size is the primitive's own rung, set by IconBtn.
- it("sizes its actions through the primitive's rung, not a descendant override", () => {
- const { container } = render(
-
- {}} title="play">
- p
-
- ,
- );
- expect(screen.getByTitle("play").className).toContain("size-8");
- expect(container.innerHTML).not.toContain("[&_button]");
- });
-});
-
-// The row answers to its own width (a container query) and its meta line never wraps — on
-// the iPad, zoomed in, its "18.9 / MB" pieces broke into a jumble (the owner, 2026-09-27). jsdom lays
-// nothing out, so this holds the structure the layout rests on; the widths were measured in a browser.
-describe("DownloadRow · narrow", () => {
- it("keeps the meta line one cut line of inline text, not a flex row that wraps its pieces", () => {
- const { container } = render(
-
- {}} title="play">
- x
-
- ,
- );
- const link = container.querySelector("a[href='https://example.com/v']")!;
- const foot = screen.getByTitle("play").closest(".contents")!;
- expect(foot.contains(link)).toBe(true);
- for (const c of ["@max-[40rem]/dlrow:[grid-area:foot]", "@max-[40rem]/dlrow:flex-wrap"])
- expect(foot.className).toContain(c);
- });
-
- it("gives the failure link a real 24px line on a mouse, not the text's 20 (DESIGN B1)", () => {
- render(
- {}} />,
- );
- const link = screen.getByTitle("downloads.errors.fail.title");
- const cls = link.className.split(/\s+/);
- expect(cls).toEqual(expect.arrayContaining(["inline-block", "min-h-6", "leading-6"]));
- });
-
- it("draws nothing for an empty link list (a bare 0 once leaked into the row)", () => {
- const { container } = render(("a[href='https://example.com/c']")!;
- // inline-block: an inline link's box is the font's height (21px) whatever its line height.
- for (const a of [title, channel])
- expect(a.className.split(/\s+/)).toEqual(
- expect.arrayContaining(["inline-block", "leading-6"]),
- );
- });
-
- it("keeps the named row as it was: title text, and the link on its own line", () => {
- const named = { ...bare, display_name: "A clip" };
- const { container } = render( = {
queued: "text-muted",
@@ -32,10 +19,6 @@ const STATUS_CLS: Record = {
canceled: "text-muted",
};
-// Byte-progress phases (show a % bar) vs ffmpeg post-steps (no %, indeterminate pulse).
-// "editing" (the phase-2 editor) and "converting" (the phone-safe conversion of a download or an
-// upload) report a real % from ffmpeg's out_time, so they get a bar.
-const DOWNLOAD_PHASES = ["video", "audio", "editing", "converting"];
const PHASE_KEYS = [
"video",
"audio",
@@ -143,16 +126,6 @@ export function JobThumb({ job, box = THUMB_BOX }: { job: DownloadJob; box?: str
);
}
-// The channel to show under the title: a user override wins over the auto-extracted asset value.
-// `url` is null for sources without a channel link (e.g. reddit) — then it renders as plain text. No
-// channel known yet → no line: the ref it once fell back to repeated the title (the owner, 2026-09-27).
-function jobChannel(job: DownloadJob): { name: string | null; url: string | null } {
- return {
- name: job.display_uploader || job.asset?.uploader || null,
- url: job.display_uploader_url || job.asset?.uploader_url || null,
- };
-}
-
export function IconBtn({
onClick,
title,
@@ -179,202 +152,3 @@ export function IconBtn({
);
}
-
-// A link inside the row keeps the BROWSER's own right-click menu (open in a new tab, copy the
-// address): the row's menu answers everywhere else on it.
-const nativeMenu = { onContextMenu: (e: React.MouseEvent) => e.stopPropagation() };
-
-// "Downloaded from" reference: opens the original page in a new tab. Its copy moved into the row's
-// menu ("Copy link"); an extra link copies through the browser's own link menu.
-function SourceRef({ url }: { url: string }) {
- const { t } = useTranslation();
- return (
- ;
- /** The row's "…", last in its action strip. */
- more?: ReactNode;
- children?: ReactNode;
-}) {
- const { t, i18n } = useTranslation();
- const lang = i18n.language;
- const running = job.status === "running";
- const linkTitle = !hasOwnTitle(job) && !!job.source_url;
- const sourceLink = linkTitle ? null : job.source_url;
- return (
- = {
plex: { Component: PlexBrowse, maxWidth: "100rem" },
notifications: { Component: NotificationsPanel, maxWidth: "48rem" },
files: { Component: Files, maxWidth: "80rem" },
- downloads: { Component: DownloadCenter, maxWidth: "56rem" },
stats: { Component: Stats },
scheduler: { Component: Scheduler },
config: { Component: ConfigPanel },
diff --git a/frontend/src/components/navigation.dom.test.ts b/frontend/src/components/navigation.dom.test.ts
index 380693a6..5306a247 100644
--- a/frontend/src/components/navigation.dom.test.ts
+++ b/frontend/src/components/navigation.dom.test.ts
@@ -69,13 +69,23 @@ describe("loadInitialPage precedence", () => {
// whatever you happened to close the app on is precisely the habit the anti-paralysis surface
// exists to replace, so the remembered page only wins once the account opts out.
it("a bare URL lands on Home even when another module is remembered", () => {
- stored[LS.page] = "downloads";
+ stored[LS.page] = "plex";
expect(loadInitialPage()).toBe("home");
});
it("opting out restores the account's stored landing page", () => {
+ stored[LS.startOnHome] = START_ON_HOME.off;
+ stored[LS.page] = "plex";
+ expect(loadInitialPage()).toBe("plex");
+ });
+ // The Downloads page is gone; what it held is in Files. A bookmark and a remembered page both land
+ // there instead of on the feed.
+ it("a retired page lands where its content went — linked or remembered", () => {
+ setUrl("?page=downloads");
+ expect(loadInitialPage()).toBe("files");
+ setUrl("/");
stored[LS.startOnHome] = START_ON_HOME.off;
stored[LS.page] = "downloads";
- expect(loadInitialPage()).toBe("downloads");
+ expect(loadInitialPage()).toBe("files");
});
it("opted out with no / invalid stored page still defaults to feed", () => {
stored[LS.startOnHome] = START_ON_HOME.off;
diff --git a/frontend/src/components/navigationInit.ts b/frontend/src/components/navigationInit.ts
index abc8a2d9..2db279ca 100644
--- a/frontend/src/components/navigationInit.ts
+++ b/frontend/src/components/navigationInit.ts
@@ -2,7 +2,7 @@
// provider file keeps react-refresh happy (component-only exports). `loadInitialPage` picks the landing
// module from a bookmark's params; `channelViewFrom` is the shared _chan/?chan resolver behind BOTH the
// channelView seed and the onPop handler.
-import { hasFilterParams, isPage, readPage, type Page } from "../lib/urlState";
+import { hasFilterParams, readPage, resolvePage, type Page } from "../lib/urlState";
import { getAccountRaw, LS } from "../lib/storage";
export const PAGE_KEY = LS.page;
@@ -36,8 +36,7 @@ export function loadInitialPage(): Page {
// replace. The account can opt out (Settings → Appearance → Startup) and get the remembered
// module back.
if (getAccountRaw(START_HOME_KEY) !== START_ON_HOME.off) return "home";
- const stored = getAccountRaw(PAGE_KEY);
- return isPage(stored) ? stored : "feed";
+ return resolvePage(getAccountRaw(PAGE_KEY)) ?? "feed";
}
/** Resolve the open channel page from a landed history entry: the in-app `_chan` id (with its optional
diff --git a/frontend/src/components/ui/DataTable.cards.dom.test.tsx b/frontend/src/components/ui/DataTable.cards.dom.test.tsx
new file mode 100644
index 00000000..abf57aef
--- /dev/null
+++ b/frontend/src/components/ui/DataTable.cards.dom.test.tsx
@@ -0,0 +1,46 @@
+// @vitest-environment jsdom
+//
+// Below `md` a table is a list of cards, its columns flowing one after another. A column marked
+// `cardRow` takes a line of its own there — a row's lone "…" otherwise landed at the end of one
+// card's line and on the next line of another.
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, cleanup, screen } from "@testing-library/react";
+import DataTable, { type Column } from "./DataTable";
+
+vi.mock("react-i18next", async (importOriginal) => ({
+ ...(await importOriginal()),
+ useTranslation: () => ({ i18n: { language: "en" }, t: (key: string) => key }),
+}));
+
+const narrow = (matches: boolean) =>
+ vi.stubGlobal(
+ "matchMedia",
+ (query: string) =>
+ ({
+ matches,
+ media: query,
+ addEventListener: () => {},
+ removeEventListener: () => {},
+ }) as unknown as MediaQueryList,
+ );
+
+afterEach(() => {
+ cleanup();
+ vi.unstubAllGlobals();
+});
+
+type Row = { id: string };
+const columns: Column[] = [
+ { key: "name", header: "Name", cardPrimary: true, render: (r) => r.id },
+ { key: "size", header: "Size", render: () => "1 MB" },
+ { key: "menu", header: "", cardLabel: false, cardRow: true, render: () => },
+];
+
+describe("DataTable cards", () => {
+ it("gives a cardRow column a line of its own; the others flow", () => {
+ narrow(false);
+ render( r.id} />);
+ expect(screen.getByText("more").parentElement!.className).toContain("basis-full");
+ expect(screen.getByText("1 MB").parentElement!.className).not.toContain("basis-full");
+ });
+});
diff --git a/frontend/src/components/ui/DataTable.pager.dom.test.tsx b/frontend/src/components/ui/DataTable.pager.dom.test.tsx
new file mode 100644
index 00000000..49d7621a
--- /dev/null
+++ b/frontend/src/components/ui/DataTable.pager.dom.test.tsx
@@ -0,0 +1,39 @@
+// @vitest-environment jsdom
+//
+// A short list that never outgrows a screen opts out of paging: every row, and no pager — not even
+// the rows-per-page choice, which a paged table shows whenever it has rows. A size remembered for
+// the same table does not bring paging back.
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { render, cleanup, screen } from "@testing-library/react";
+import DataTable, { type Column } from "./DataTable";
+
+vi.mock("react-i18next", async (importOriginal) => ({
+ ...(await importOriginal()),
+ useTranslation: () => ({ i18n: { language: "en" }, t: (key: string) => key }),
+}));
+
+afterEach(() => {
+ cleanup();
+ localStorage.clear();
+});
+
+type Row = { id: string };
+const columns: Column[] = [{ key: "id", header: "Id", render: (r) => r.id }];
+const rows: Row[] = Array.from({ length: 12 }, (_, i) => ({ id: `row ${i + 1}` }));
+
+describe("DataTable pager", () => {
+ it("pages by default, rows-per-page shown", () => {
+ render( r.id} pageSize={10} />);
+ expect(screen.queryByText("row 11")).toBeNull();
+ expect(screen.getByText("datatable.rowsPerPage")).toBeTruthy();
+ });
+
+ it("pager={false} shows every row and no pager, whatever size was remembered", () => {
+ localStorage.setItem("t", JSON.stringify({ size: 10, page: 0 }));
+ render(
+ r.id} pager={false} persistKey="t" />,
+ );
+ expect(screen.getByText("row 12")).toBeTruthy();
+ expect(screen.queryByText("datatable.rowsPerPage")).toBeNull();
+ });
+});
diff --git a/frontend/src/components/ui/DataTable.tsx b/frontend/src/components/ui/DataTable.tsx
index b258c389..af8f6045 100644
--- a/frontend/src/components/ui/DataTable.tsx
+++ b/frontend/src/components/ui/DataTable.tsx
@@ -94,6 +94,7 @@ export default function DataTable({
rowKey,
pageSize = 10,
pageSizeOptions = [10, 25, 50, 100],
+ pager = true,
persistKey,
emptyText,
rowClassName,
@@ -119,6 +120,10 @@ export default function DataTable({
rowKey: (row: T) => string;
pageSize?: number;
pageSizeOptions?: number[];
+ // A short list that never outgrows a screen (a user's download formats) has nothing to page: false
+ // shows every row and no pager — not even the rows-per-page choice, which there would only be
+ // clutter. It overrides `pageSize` and a persisted size, so the two cannot disagree.
+ pager?: boolean;
persistKey?: string;
emptyText?: string;
rowClassName?: (row: T) => string;
@@ -191,7 +196,8 @@ export default function DataTable({
const [internalFilters, setInternalFilters] = useState(initial.filters);
const filters = controlledFilters ? (filtersProp ?? EMPTY_FILTERS) : internalFilters;
const [page, setPage] = useState(initial.page);
- const [size, setSize] = useState(initial.size ?? pageSize);
+ // 0 = "All": an unpaged table is one page of every row.
+ const [size, setSize] = useState(pager ? (initial.size ?? pageSize) : 0);
const wide = useMediaQuery("(min-width: 48rem)");
const bodyRef = useRef(null);
const cardsRef = useRef(null);
@@ -315,20 +321,21 @@ export default function DataTable({
// Stays NULLABLE: the wrappers below decide whether to render a controls row at all, and an always
// -truthy element would leave an empty `my-3` band (and an empty in-band PageToolbar) on a table
// with nothing to page. The emptiness rule itself lives in Pager, so the two can't drift apart.
- const pagerNode = hasPagerContent(sorted.length, size) ? (
- {
- setSize(s);
- setPage(0);
- }}
- sizeLabel={t("datatable.rowsPerPage")}
- />
- ) : null;
+ const pagerNode =
+ pager && hasPagerContent(sorted.length, size) ? (
+ {
+ setSize(s);
+ setPage(0);
+ }}
+ sizeLabel={t("datatable.rowsPerPage")}
+ />
+ ) : null;
const controls =
controlsLeading != null || pagerNode ? (
@@ -424,7 +431,10 @@ export default function DataTable({
{columns
.filter((c) => !c.hideInCard && !c.cardPrimary)
.map((col) => (
-
+
{col.cardLabel !== false && (
{col.header}
)}
diff --git a/frontend/src/components/ui/pressableSelectable.contract.test.ts b/frontend/src/components/ui/pressableSelectable.contract.test.ts
index 177962f7..0ee75241 100644
--- a/frontend/src/components/ui/pressableSelectable.contract.test.ts
+++ b/frontend/src/components/ui/pressableSelectable.contract.test.ts
@@ -45,7 +45,6 @@ const PLAIN: Record = {
"UploadDialog.tsx": [1, "the drop zone"],
"VideoEditor.tsx": [2, "timeline glyphs"],
"Welcome.tsx": [1, "a screenshot (zoom)"],
- "downloadRow.tsx": [1, "the error-details link"],
"playlistColumns.tsx": [1, "the thumbnail"],
"plexDetailUi.tsx": [2, "a switch row and the poster"],
"plexViews.tsx": [1, "the rating filter (a number)"],
diff --git a/frontend/src/i18n/locales/en/downloads.json b/frontend/src/i18n/locales/en/downloads.json
index 16bdb39d..2bd0e537 100644
--- a/frontend/src/i18n/locales/en/downloads.json
+++ b/frontend/src/i18n/locales/en/downloads.json
@@ -1,5 +1,4 @@
{
- "navLabel": "Downloads",
"menu": {
"download": "Download…"
},
@@ -19,9 +18,7 @@
"manage": "Manage formats…"
},
"page": {
- "paste": "Paste link from clipboard",
- "upload": "Upload",
- "manage": "Manage formats…"
+ "paste": "Paste link from clipboard"
},
"upload": {
"title": "Upload a file",
@@ -37,10 +34,6 @@
"addedConverting": "File uploaded — converting it so it plays on any phone",
"failed": "Couldn't upload the file"
},
- "tabs": {
- "queue": "Queue",
- "system": "System"
- },
"status": {
"queued": "Queued",
"running": "Downloading",
@@ -69,7 +62,6 @@
"retry": "Retry",
"download": "Save to my device",
"play": "Play",
- "rename": "Rename",
"edit": "Edit / trim…",
"redownload": "Re-download (rebuild file)",
"removeShared": "Remove from my list"
@@ -78,12 +70,8 @@
"unsupported": "Your browser can't play this file."
},
"empty": {
- "queue": "Nothing in the queue.",
"admin": "No downloads on this instance yet."
},
- "source": {
- "open": "Open the original page in a new tab"
- },
"edit": {
"title": "Edit details",
"channel": "Channel",
@@ -157,7 +145,6 @@
"profiles": {
"title": "Download formats",
"builtin": "Built-in",
- "yours": "Your formats",
"new": "New format",
"name": "Name",
"namePlaceholder": "My format",
@@ -175,7 +162,17 @@
"save": "Save",
"create": "Create",
"delete": "Delete",
- "deleteConfirm": "Delete the format “{{name}}”?"
+ "deleteConfirm": "Delete the format “{{name}}”?",
+ "edit": "Edit",
+ "duplicate": "Duplicate",
+ "saves": "What it saves",
+ "rowMenu": "Format actions",
+ "short": {
+ "subs": "subtitles",
+ "chapters": "chapters",
+ "thumbnail": "thumbnail",
+ "sponsorblock": "SponsorBlock"
+ }
},
"admin": {
"filesOnDisk": "Files on disk",
@@ -192,10 +189,27 @@
"reset": "Reset to default",
"save": "Save",
"quotaPickPlaceholder": "Set a user's quota…",
- "noFootprint": "No downloads yet."
+ "noFootprint": "No downloads yet.",
+ "allDownloads": "Every download",
+ "columns": {
+ "user": "User",
+ "used": "Used",
+ "quota": "Of quota",
+ "files": "Files",
+ "title": "Title",
+ "status": "Status",
+ "size": "Size"
+ },
+ "ofQuota": "of {{size}}",
+ "unlimitedShort": "Unlimited",
+ "userMenu": "User storage actions",
+ "jobMenu": "Download actions",
+ "openSource": "Open source",
+ "editUserQuota": "Edit this user's quota",
+ "resetTitle": "Reset the quota?",
+ "resetBody": "{{email}} goes back to the instance's default limits."
},
"clipBadge": "Clip",
- "rowMenu": "Download actions",
"errors": {
"quota": {
"max_bytes": "You've used your download storage quota ({{size}} GB). Free up space first.",
@@ -223,7 +237,6 @@
"title": "Couldn't download",
"titleUpload": "The upload isn't ready",
"titleEdit": "The clip isn't ready",
- "detailsLink": "details",
"detailsToggle": "Technical details",
"upload": {
"quota_exceeded": {
diff --git a/frontend/src/i18n/locales/en/keys.json b/frontend/src/i18n/locales/en/keys.json
index af882d3e..40e630af 100644
--- a/frontend/src/i18n/locales/en/keys.json
+++ b/frontend/src/i18n/locales/en/keys.json
@@ -28,7 +28,6 @@
"goPlex": "Go to Plex",
"goNotifications": "Go to Notifications",
"goFiles": "Go to Files",
- "goDownloads": "Go to Downloads",
"goStats": "Go to Stats",
"goSettings": "Go to Settings",
"search": "Jump to the search box",
diff --git a/frontend/src/i18n/locales/en/nav.json b/frontend/src/i18n/locales/en/nav.json
index 1146c97e..f8cc9142 100644
--- a/frontend/src/i18n/locales/en/nav.json
+++ b/frontend/src/i18n/locales/en/nav.json
@@ -14,7 +14,6 @@
"plex": "Plex",
"notifications": "Notifications",
"files": "Files",
- "downloads": "Downloads",
"stats": "Stats",
"scheduler": "Scheduler",
"config": "Config",
diff --git a/frontend/src/i18n/locales/en/settings.json b/frontend/src/i18n/locales/en/settings.json
index 64dd2144..9c3c097a 100644
--- a/frontend/src/i18n/locales/en/settings.json
+++ b/frontend/src/i18n/locales/en/settings.json
@@ -4,7 +4,8 @@
"appearance": "Appearance",
"notifications": "Notifications",
"account": "Account",
- "diagnostics": "Diagnostics"
+ "diagnostics": "Diagnostics",
+ "downloads": "Downloads"
},
"plexSync": {
"title": "Plex watch sync",
@@ -230,5 +231,9 @@
"clear": "Clear",
"empty": "No event matches the filter.",
"emptyAll": "No events yet."
+ },
+ "downloads": {
+ "formats": "Download formats",
+ "formatsIntro": "The choices the download dialog offers. The built-in ones are fixed; duplicate one to make your own."
}
}
diff --git a/frontend/src/i18n/locales/en/users.json b/frontend/src/i18n/locales/en/users.json
index 11fec23c..78e8edd2 100644
--- a/frontend/src/i18n/locales/en/users.json
+++ b/frontend/src/i18n/locales/en/users.json
@@ -1,7 +1,8 @@
{
"tabs": {
"roles": "Users & roles",
- "access": "Access requests"
+ "access": "Access requests",
+ "storage": "Storage"
},
"pendingAccess": {
"title": "Signed up, but still outside",
diff --git a/frontend/src/i18n/locales/en/welcome.json b/frontend/src/i18n/locales/en/welcome.json
index 32bbdc6c..bea41497 100644
--- a/frontend/src/i18n/locales/en/welcome.json
+++ b/frontend/src/i18n/locales/en/welcome.json
@@ -14,7 +14,7 @@
"channels": "Channels",
"playlists": "Playlists",
"player": "In-app player",
- "downloads": "Downloads",
+ "files": "Your files",
"search": "Search results",
"plex": "Your Plex library"
},
@@ -40,9 +40,9 @@
"title": "Watch in-app, resume anywhere",
"body": "A built-in player picks each video up where you left off, with keyboard and scroll controls."
},
- "downloads": {
- "title": "Downloads",
- "body": "Save videos to your server in a Plex-friendly layout, trim or join them, then share a link."
+ "files": {
+ "title": "Files",
+ "body": "Every file you keep in one library: paste a link anywhere to download it, trim or join a video, upload your own, then share a link that plays on any phone."
},
"plex": {
"title": "Your Plex library too",
diff --git a/frontend/src/i18n/locales/hu/downloads.json b/frontend/src/i18n/locales/hu/downloads.json
index 39e12648..85da3a2c 100644
--- a/frontend/src/i18n/locales/hu/downloads.json
+++ b/frontend/src/i18n/locales/hu/downloads.json
@@ -1,5 +1,4 @@
{
- "navLabel": "Letöltések",
"menu": {
"download": "Letöltés…"
},
@@ -19,9 +18,7 @@
"manage": "Formátumok kezelése…"
},
"page": {
- "paste": "Link beillesztése a vágólapról",
- "upload": "Feltöltés",
- "manage": "Formátumok kezelése…"
+ "paste": "Link beillesztése a vágólapról"
},
"upload": {
"title": "Fájl feltöltése",
@@ -37,10 +34,6 @@
"addedConverting": "Fájl feltöltve — átalakítjuk, hogy minden telefonon lejátszható legyen",
"failed": "Nem sikerült feltölteni a fájlt"
},
- "tabs": {
- "queue": "Sor",
- "system": "Rendszer"
- },
"status": {
"queued": "Várakozik",
"running": "Letöltés",
@@ -69,7 +62,6 @@
"retry": "Újra",
"download": "Mentés a gépemre",
"play": "Lejátszás",
- "rename": "Átnevezés",
"edit": "Szerkesztés / vágás…",
"redownload": "Újraletöltés (fájl újraépítése)",
"removeShared": "Eltávolítás a listámból"
@@ -78,12 +70,8 @@
"unsupported": "A böngésződ nem tudja lejátszani ezt a fájlt."
},
"empty": {
- "queue": "A sor üres.",
"admin": "Ezen a példányon még nincs letöltés."
},
- "source": {
- "open": "Eredeti oldal megnyitása új lapon"
- },
"edit": {
"title": "Adatok szerkesztése",
"channel": "Csatorna",
@@ -157,7 +145,6 @@
"profiles": {
"title": "Letöltési formátumok",
"builtin": "Beépített",
- "yours": "Saját formátumaid",
"new": "Új formátum",
"name": "Név",
"namePlaceholder": "Saját formátum",
@@ -175,7 +162,17 @@
"save": "Mentés",
"create": "Létrehozás",
"delete": "Törlés",
- "deleteConfirm": "Törlöd a(z) „{{name}}” formátumot?"
+ "deleteConfirm": "Törlöd a(z) „{{name}}” formátumot?",
+ "edit": "Szerkesztés",
+ "duplicate": "Másolat készítése",
+ "saves": "Mit ment",
+ "rowMenu": "Formátum-műveletek",
+ "short": {
+ "subs": "felirat",
+ "chapters": "fejezetek",
+ "thumbnail": "bélyegkép",
+ "sponsorblock": "SponsorBlock"
+ }
},
"admin": {
"filesOnDisk": "Fájlok a lemezen",
@@ -192,10 +189,27 @@
"reset": "Visszaállítás alapértékre",
"save": "Mentés",
"quotaPickPlaceholder": "Kvóta beállítása egy felhasználónak…",
- "noFootprint": "Még nincs letöltés."
+ "noFootprint": "Még nincs letöltés.",
+ "allDownloads": "Minden letöltés",
+ "columns": {
+ "user": "Felhasználó",
+ "used": "Foglalt",
+ "quota": "A kvótából",
+ "files": "Fájlok",
+ "title": "Cím",
+ "status": "Állapot",
+ "size": "Méret"
+ },
+ "ofQuota": "{{size}}-ból",
+ "unlimitedShort": "Korlátlan",
+ "userMenu": "Tárhely-műveletek",
+ "jobMenu": "Letöltés-műveletek",
+ "openSource": "Forrás megnyitása",
+ "editUserQuota": "A felhasználó kvótájának szerkesztése",
+ "resetTitle": "Visszaállítod a kvótát?",
+ "resetBody": "{{email}} visszakapja a példány alapértelmezett korlátait."
},
"clipBadge": "Klip",
- "rowMenu": "Letöltés műveletei",
"errors": {
"quota": {
"max_bytes": "Elfogyott a letöltési tárhelykereted ({{size}} GB). Előbb szabadíts fel helyet.",
@@ -223,7 +237,6 @@
"title": "Nem sikerült letölteni",
"titleUpload": "A feltöltés nem készült el",
"titleEdit": "A klip nem készült el",
- "detailsLink": "részletek",
"detailsToggle": "Technikai részletek",
"upload": {
"quota_exceeded": {
diff --git a/frontend/src/i18n/locales/hu/keys.json b/frontend/src/i18n/locales/hu/keys.json
index e4f9a689..d6282014 100644
--- a/frontend/src/i18n/locales/hu/keys.json
+++ b/frontend/src/i18n/locales/hu/keys.json
@@ -28,7 +28,6 @@
"goPlex": "Ugrás: Plex",
"goNotifications": "Ugrás: Értesítések",
"goFiles": "Ugrás a Fájlokhoz",
- "goDownloads": "Ugrás: Letöltések",
"goStats": "Ugrás: Statisztika",
"goSettings": "Ugrás: Beállítások",
"search": "Ugrás a keresőbe",
diff --git a/frontend/src/i18n/locales/hu/nav.json b/frontend/src/i18n/locales/hu/nav.json
index 1c4391ac..1300d07a 100644
--- a/frontend/src/i18n/locales/hu/nav.json
+++ b/frontend/src/i18n/locales/hu/nav.json
@@ -14,7 +14,6 @@
"plex": "Plex",
"notifications": "Értesítések",
"files": "Fájlok",
- "downloads": "Letöltések",
"stats": "Statisztika",
"scheduler": "Ütemező",
"config": "Konfig",
diff --git a/frontend/src/i18n/locales/hu/settings.json b/frontend/src/i18n/locales/hu/settings.json
index bcfada78..4be96686 100644
--- a/frontend/src/i18n/locales/hu/settings.json
+++ b/frontend/src/i18n/locales/hu/settings.json
@@ -4,7 +4,8 @@
"appearance": "Megjelenés",
"notifications": "Értesítések",
"account": "Fiók",
- "diagnostics": "Diagnosztika"
+ "diagnostics": "Diagnosztika",
+ "downloads": "Letöltések"
},
"plexSync": {
"title": "Plex nézettség-szinkron",
@@ -230,5 +231,9 @@
"clear": "Ürítés",
"empty": "Nincs a szűrésnek megfelelő esemény.",
"emptyAll": "Még nincs esemény."
+ },
+ "downloads": {
+ "formats": "Letöltési formátumok",
+ "formatsIntro": "Ezek közül választhatsz a letöltés ablakában. A beépítettek nem módosíthatók; másold le valamelyiket, ha sajátot szeretnél."
}
}
diff --git a/frontend/src/i18n/locales/hu/users.json b/frontend/src/i18n/locales/hu/users.json
index 1e4330fe..57b6666e 100644
--- a/frontend/src/i18n/locales/hu/users.json
+++ b/frontend/src/i18n/locales/hu/users.json
@@ -1,7 +1,8 @@
{
"tabs": {
"roles": "Felhasználók és szerepek",
- "access": "Hozzáférési kérelmek"
+ "access": "Hozzáférési kérelmek",
+ "storage": "Tárhely"
},
"pendingAccess": {
"title": "Regisztrált, de még kívül van",
diff --git a/frontend/src/i18n/locales/hu/welcome.json b/frontend/src/i18n/locales/hu/welcome.json
index 568176e8..39c46901 100644
--- a/frontend/src/i18n/locales/hu/welcome.json
+++ b/frontend/src/i18n/locales/hu/welcome.json
@@ -14,7 +14,7 @@
"channels": "Csatornák",
"playlists": "Lejátszási listák",
"player": "Beépített lejátszó",
- "downloads": "Letöltések",
+ "files": "A fájljaid",
"search": "Keresési találatok",
"plex": "A Plex-könyvtárad"
},
@@ -40,9 +40,9 @@
"title": "Nézd appon belül, folytasd bárhonnan",
"body": "A beépített lejátszó onnan folytatja a videót, ahol abbahagytad — billentyű- és görgetés-vezérléssel."
},
- "downloads": {
- "title": "Letöltések",
- "body": "Ments videókat a szerveredre Plex-barát elrendezésben, vágd vagy fűzd össze őket, majd oszd meg egy linkkel."
+ "files": {
+ "title": "Fájlok",
+ "body": "Minden megtartott fájlod egy könyvtárban: illessz be bárhová egy linket, és letölti; vágj vagy fűzz össze videót, tölts fel sajátot, majd ossz meg olyan linket, ami bármelyik telefonon lejátszható."
},
"plex": {
"title": "A Plex-könyvtárad is",
diff --git a/frontend/src/lib/api/downloads.ts b/frontend/src/lib/api/downloads.ts
index a12d4586..da3aeaee 100644
--- a/frontend/src/lib/api/downloads.ts
+++ b/frontend/src/lib/api/downloads.ts
@@ -112,6 +112,8 @@ export interface DownloadJob {
expires_at: string | null;
asset: DownloadAsset | null;
shared?: boolean;
+ // Whose it is — only the admin Storage tab's listing of every user's downloads carries them.
+ user_id?: number;
user_email?: string;
// Where the viewer stopped in it (whole seconds; 0 = from the start). Only the two library listings
// (`downloads`, `downloadsShared`) carry it — a job a mutation returns does not.
@@ -147,12 +149,23 @@ export interface ShareLink {
// languages is exactly the drift that CLAUDE.md's comment-vs-code rule is about.
export const DISPLAY_NAME_MAX = 255;
+/** One user's row on the admin Storage tab: their footprint against their own limit, and how many
+ * files their Files lists. */
+export interface AdminStorageUser {
+ user_id: number;
+ email: string | null;
+ footprint_bytes: number;
+ files: number;
+ max_bytes: number;
+ unlimited: boolean;
+}
+
export interface AdminStorage {
files_on_disk: number;
total_bytes: number;
total_assets: number;
total_cap_bytes: number;
- per_user: { user_id: number; email: string | null; footprint_bytes: number }[];
+ per_user: AdminStorageUser[];
}
export interface AdminDownloadQuota {
diff --git a/frontend/src/lib/downloadQueue.ts b/frontend/src/lib/downloadQueue.ts
index f59a605d..6e6133a6 100644
--- a/frontend/src/lib/downloadQueue.ts
+++ b/frontend/src/lib/downloadQueue.ts
@@ -4,9 +4,9 @@ import { createStore } from "./store";
// The download queue as this tab has watched it: which jobs it has seen finish. The tray shows them
// ("Done · Open") until it is closed, and announces each once (the done notice).
//
-// Watched where the queue is FETCHED, not in a component's effect: every reader of the queue (the
-// tray, the Downloads page) fetches through `fetchQueue`, so a finish is seen once whichever of them
-// polled, and nothing has to diff the previous render's data.
+// Watched where the queue is FETCHED, not in a component's effect: every reader of the queue fetches
+// through `fetchQueue`, so a finish is seen once whichever of them polled, and nothing has to diff the
+// previous render's data.
/** The statuses a job leaves on its own: it is waiting, or working. */
export const IN_FLIGHT: ReadonlySet = new Set(["queued", "running", "paused"]);
@@ -14,6 +14,13 @@ export const IN_FLIGHT: ReadonlySet = new Set(["queued", "running", "pau
let lastSeen: Map | null = null;
const finished = createStore([]);
const unannounced = createStore([]);
+const revealing = createStore(null);
+
+/** A job to show in the tray, asked for at `at` (ms). */
+export interface Reveal {
+ id: number;
+ at: number;
+}
/** Note a fresh queue: a job that is done now and was not on the last look has just finished. The
* first look only learns what is there — a file finished before this tab opened is old news. */
@@ -51,9 +58,21 @@ export function takeUnannounced(): QueueJob[] {
return list;
}
+/** "View" on a job just started (a download, a clip, an upload still converting): the tray opens on
+ * its row — unfolded, back if it was closed, the keyboard on the row. One the tray no longer lists
+ * because it is done already opens as a file. */
+export const showInTray = (id: number): void => revealing.set({ id, at: Date.now() });
+
+/** The pending "View", until the tray has answered it. */
+export const useRevealing = (): Reveal | null => revealing.useValue();
+
+/** The tray answered the "View" (or the job is not in the queue at all). */
+export const doneRevealing = (): void => revealing.set(null);
+
/** Forget what was watched (a test starts from a tab that has looked at nothing). */
export function resetQueueWatch(): void {
lastSeen = null;
finished.set([]);
unannounced.set([]);
+ revealing.set(null);
}
diff --git a/frontend/src/lib/format.ts b/frontend/src/lib/format.ts
index 11669904..9fe40ca6 100644
--- a/frontend/src/lib/format.ts
+++ b/frontend/src/lib/format.ts
@@ -45,12 +45,6 @@ export function formatBytes(bytes: number | null | undefined, lang: string): str
return `${num} ${units[i]}`;
}
-/** Download speed from bytes/sec, e.g. "2.4 MB/s". */
-export function formatSpeed(bps: number | null | undefined, lang: string): string {
- if (!bps) return "";
- return `${formatBytes(bps, lang)}/s`;
-}
-
/** Relative-time tiers as [seconds-per-unit, Intl unit]. The unit is what the divisor produces,
* and Intl.RelativeTimeFormat turns the pair into the localized words — so a divisor can no
* longer be paired with the wrong label, which is exactly what shifted every tier by one from
diff --git a/frontend/src/lib/keymap.sequence.test.ts b/frontend/src/lib/keymap.sequence.test.ts
index 7d43cb1c..03ac5673 100644
--- a/frontend/src/lib/keymap.sequence.test.ts
+++ b/frontend/src/lib/keymap.sequence.test.ts
@@ -84,7 +84,7 @@ describe("two-step sequences", () => {
dispatch(press({ key: "g" }), "page", pageHandlers(calls));
dispatch(press({ key: "Shift", shiftKey: true }), "page", pageHandlers(calls));
dispatch(press({ key: "d" }), "page", pageHandlers(calls));
- expect(calls).toEqual(["goDownloads"]);
+ expect(calls).toEqual(["goFiles"]);
});
// No second step needs a modifier (see the page-level rows below), so a chord with one is the reader changing their mind: it
diff --git a/frontend/src/lib/keymap.ts b/frontend/src/lib/keymap.ts
index 5bf8219f..22409639 100644
--- a/frontend/src/lib/keymap.ts
+++ b/frontend/src/lib/keymap.ts
@@ -117,14 +117,8 @@ export const SHORTCUTS = [
labelKey: "keys.goNotifications",
page: "notifications",
},
- { id: "goFiles", scope: "page", keys: ["g l"], labelKey: "keys.goFiles", page: "files" },
- {
- id: "goDownloads",
- scope: "page",
- keys: ["g d"],
- labelKey: "keys.goDownloads",
- page: "downloads",
- },
+ // "g d" is the retired Downloads page's chord: what it held is in Files now, so it goes there too.
+ { id: "goFiles", scope: "page", keys: ["g l", "g d"], labelKey: "keys.goFiles", page: "files" },
{ id: "goStats", scope: "page", keys: ["g s"], labelKey: "keys.goStats", page: "stats" },
{ id: "goSettings", scope: "page", keys: ["g ,"], labelKey: "keys.goSettings", page: "settings" },
diff --git a/frontend/src/lib/modules.ts b/frontend/src/lib/modules.ts
index 1937d084..9d727440 100644
--- a/frontend/src/lib/modules.ts
+++ b/frontend/src/lib/modules.ts
@@ -3,7 +3,6 @@ import {
BarChart3,
Bell,
Clapperboard,
- Download,
Home,
ListVideo,
ScrollText,
@@ -95,13 +94,6 @@ const MODULES: readonly ModuleDef[] = [
railKey: "nav.rail.files",
icon: FolderOpen,
},
- {
- id: "downloads",
- labelKey: "downloads.navLabel",
- railKey: "nav.rail.downloads",
- icon: Download,
- hasBadge: true,
- },
{
id: "stats",
labelKey: "header.account.stats",
diff --git a/frontend/src/lib/nav.ts b/frontend/src/lib/nav.ts
index c008b50b..e985bfdf 100644
--- a/frontend/src/lib/nav.ts
+++ b/frontend/src/lib/nav.ts
@@ -1,21 +1,6 @@
import type { Page } from "./urlState";
-// Tiny decoupled navigator so deep components (a feed card's download toast, the Download
-// Center) can switch pages without threading setPage through the whole tree. NavigationProvider
-// registers its setPage on mount; navigateTo is a no-op until then.
-let _navigate: ((p: Page) => void) | null = null;
-
-export function setNavigator(fn: (p: Page) => void): void {
- _navigate = fn;
-}
-
-/** The "View" on a "Download added" toast is clicked INSIDE the player (its toast host). That is
- * safe because `setPage` closes every open overlay before it pushes (see
- * `lib/history.closeOverlaysThenNavigate`) — without it the player's Back-to-close cleanup popped the
- * entry the navigation had just pushed. */
-export function navigateTo(p: Page): void {
- _navigate?.(p);
-}
+// Page links: a page's own address, and whether a click on one is the app's to handle.
/** A page's own address, for a link to it (the nav rail's rows). Only the page: the rest of a page's
* state — the feed's filters, Plex's library — a fresh tab restores from the account's own storage,
diff --git a/frontend/src/lib/pageKeys.dom.test.tsx b/frontend/src/lib/pageKeys.dom.test.tsx
index 526b6c9c..07d4507d 100644
--- a/frontend/src/lib/pageKeys.dom.test.tsx
+++ b/frontend/src/lib/pageKeys.dom.test.tsx
@@ -22,7 +22,7 @@ afterEach(() => {
vi.useRealTimers();
});
-const ALL: Page[] = ["home", "feed", "channels", "playlists", "plex", "downloads", "settings"];
+const ALL: Page[] = ["home", "feed", "channels", "playlists", "plex", "files", "settings"];
function Host({
onNavigate,
@@ -61,6 +61,15 @@ describe("the g chords", () => {
expect(nav.mock.calls).toEqual([["feed"], ["settings"]]);
});
+ // The retired Downloads page's chord still answers — where its content went.
+ it("g d, the old Downloads chord, goes to Files", () => {
+ const nav = vi.fn();
+ render( = {
playlists: "header.account.playlists",
notifications: "inbox.navLabel",
files: "files.navLabel",
- downloads: "downloads.navLabel",
stats: "header.usageStats",
plex: "plex.navLabel",
scheduler: "header.scheduler",
diff --git a/frontend/src/lib/storage.ts b/frontend/src/lib/storage.ts
index 360e846e..9f4c4bed 100644
--- a/frontend/src/lib/storage.ts
+++ b/frontend/src/lib/storage.ts
@@ -26,6 +26,9 @@ export const LS = {
// The queue the reader closed the tray on (job ids, a failure marked) — it stays shut until that
// changes. Per-account mirror of the server pref.
downloadTrayClosed: "siftlode.downloadTrayClosed",
+ // The download format used last — the download dialog opens on it. Per-account mirror of the
+ // server pref.
+ downloadProfile: "siftlode.downloadProfile",
hints: "siftlode.hints",
lang: "siftlode.lang",
filters: "siftlode.filters",
diff --git a/frontend/src/lib/tableColumns.ts b/frontend/src/lib/tableColumns.ts
index e464eb28..e4e10cc7 100644
--- a/frontend/src/lib/tableColumns.ts
+++ b/frontend/src/lib/tableColumns.ts
@@ -37,6 +37,9 @@ export interface Column {
cardPrimary?: boolean;
hideInCard?: boolean;
cardLabel?: boolean;
+ // …and `cardRow` gives the value a line of its own: a row's lone "…" flowed in after the facts,
+ // at the end of one card's line and on the next line of another — never in the same place twice.
+ cardRow?: boolean;
// A column a table WITHOUT the card fallback (the playlist's drag-reorderable hybrid) leaves out
// while the TABLE is narrower than 42rem: its fixed widths alone overran the box and left the title
// no width. The table's own width, not the viewport's (an `@container` round it): beside the
diff --git a/frontend/src/lib/urlState.ts b/frontend/src/lib/urlState.ts
index 8dfdb02d..09a62083 100644
--- a/frontend/src/lib/urlState.ts
+++ b/frontend/src/lib/urlState.ts
@@ -132,20 +132,32 @@ const PAGES = [
"logs",
"notifications",
"files",
- "downloads",
"plex",
] as const;
export type Page = (typeof PAGES)[number];
/** Narrow an arbitrary string to a known Page (else null). */
-export function isPage(p: string | null | undefined): p is Page {
+function isPage(p: string | null | undefined): p is Page {
return !!p && (PAGES as readonly string[]).includes(p);
}
+// A page this build no longer has, and the page that took its place. A bookmark, the remembered last
+// page and an old history entry can still name one; all three resolve through `resolvePage`, so a
+// retired page lands where its content went instead of on the feed.
+const RETIRED: Readonly> = {
+ // The download queue became the tray; what it downloaded lives in Files.
+ downloads: "files",
+};
+
+/** A page id as stored or linked: a live page, a retired page's successor, else null. */
+export function resolvePage(p: string | null | undefined): Page | null {
+ if (isPage(p)) return p;
+ return p && Object.prototype.hasOwnProperty.call(RETIRED, p) ? RETIRED[p]! : null;
+}
+
export function readPage(): Page {
- const p = new URLSearchParams(window.location.search).get("page");
- return isPage(p) ? p : "feed";
+ return resolvePage(new URLSearchParams(window.location.search).get("page")) ?? "feed";
}
/** Build a URL (path + query + fragment) from the CURRENT location with `updates` applied to the query —
-
- {t("downloads.admin.perUser")}
- {/* Set a quota for any user, regardless of whether they've downloaded anything. */}
-
- {s.per_user.map((u) => (
-
+
- {u.email}
- {formatBytes(u.footprint_bytes, lang)}
- setQuotaFor({ id: u.user_id, email: u.email ?? "" })}
- label={t("downloads.admin.editQuota")}
- >
-
-
- ))}
- {s.per_user.length === 0 && (
- {t("downloads.admin.noFootprint")}
- )}
-
+
- )}
-
- {t("downloads.tabs.system")}
-
- {(jobs.data ?? []).map((j) => (
-
+ {jobs.isError && !jobs.data ? (
+ void jobs.refetch()}>
+ {t("common.loadError")}
+
+ ) : !jobs.data ? (
+
+
+ setQuotaFor(null)} />
)}
);
}
+
+/** How full a user is against their own limit: a bar, and the limit under it. */
+function QuotaFill({ user, lang }: { user: AdminStorageUser; lang: string }) {
+ const { t } = useTranslation();
+ if (user.unlimited || !user.max_bytes)
+ return {t("downloads.admin.unlimitedShort")};
+ const pct = Math.min(100, Math.round((user.footprint_bytes / user.max_bytes) * 100));
+ return (
+
+
+ = 90 ? "bg-danger" : "bg-accent")}
+ style={{ width: `${pct}%` }}
+ />
+
+
+ {t("downloads.admin.ofQuota", { size: formatBytes(user.max_bytes, lang) })}
+
+
+ );
+}
diff --git a/frontend/src/components/downloadModals.tsx b/frontend/src/components/downloadModals.tsx
index f4078b49..ae264ce9 100644
--- a/frontend/src/components/downloadModals.tsx
+++ b/frontend/src/components/downloadModals.tsx
@@ -10,8 +10,8 @@ import { IconBtn } from "./downloadRow";
import { failCopyKeys, failTitleKey } from "../lib/downloadFailure";
import { Input } from "./ui/Input";
-// Per-item user modals split out of DownloadCenter (self-contained, prop-driven): rename/metadata
-// editing and the failure-detail window.
+// Per-item user modals (self-contained, prop-driven): a library file's details (Files) and a failed
+// download's reasons (the tray).
// Edit a library file's details: its channel (name + link) and extra reference links. Display-only
// overrides — the on-disk file is never touched. Its name is renamed in place in the Files list.
diff --git a/frontend/src/components/downloadRow.dom.test.tsx b/frontend/src/components/downloadRow.dom.test.tsx
index deba7974..f92cc770 100644
--- a/frontend/src/components/downloadRow.dom.test.tsx
+++ b/frontend/src/components/downloadRow.dom.test.tsx
@@ -1,11 +1,9 @@
// @vitest-environment jsdom
//
-// Library-row metadata: the completed row surfaces the concrete container/format alongside the
-// already-shown size. The format chip reads the raw `asset.container` (uppercased in the UI), so it must
-// render when present and be absent when the asset has no container yet (queued/running before the worker
-// fills it). i18n is key-passthrough here.
+// A job's picture (the Files list and grid): with none at all, a quiet glyph of what it is; a remote
+// thumbnail that fails falls back to the same glyph. i18n is key-passthrough here.
import { describe, it, expect, afterEach, vi } from "vitest";
-import { render, screen, cleanup, fireEvent } from "@testing-library/react";
+import { render, cleanup, fireEvent } from "@testing-library/react";
vi.mock("react-i18next", async (importOriginal) => {
const actual = await importOriginal
- {jobTitle(j)}
- {j.user_email}
- void storage.refetch()}>
+ {t("common.loadError")}
+
+ ) : !s ? (
+
+
+
+ String(u.user_id)}
+ pageSize={25}
+ keyboardNav
+ fixedLayout
+ rowProps={(u) => userMenu.triggerProps(u)}
+ emptyText={t("downloads.admin.noFootprint")}
+ />
- ))}
- {jobs.data && jobs.data.length === 0 && (
- {t("downloads.empty.admin")}
)}
-
+ String(j.id)}
+ pageSize={25}
+ keyboardNav
+ fixedLayout
+ rowProps={(j) => jobMenu.triggerProps(j)}
+ emptyText={t("downloads.empty.admin")}
+ />
+
+ )}
+
-
- );
-}
-
-// Channel under the title — a clickable link when a channel URL is known, plain text otherwise.
-function ChannelLine({ job }: { job: DownloadJob }) {
- const { name, url } = jobChannel(job);
- if (!name) return null;
- if (url) {
- return (
-
-
- {name}
-
-
- );
- }
- return {name}
;
-}
-
-export function DownloadRow({
- job,
- onShowError,
- navIndex,
- rowProps,
- more,
- children,
-}: {
- job: DownloadJob;
- onShowError?: (job: DownloadJob) => void;
- /** Its position in a keyboard-walkable list (lib/listNav). */
- navIndex?: number;
- /** The list's menu triggers (right-click, long-press, Shift+F10): `useContextMenu().triggerProps`. */
- rowProps?: Record
-
- );
-}
diff --git a/frontend/src/components/downloadTitle.ts b/frontend/src/components/downloadTitle.ts
index 105e321c..df212595 100644
--- a/frontend/src/components/downloadTitle.ts
+++ b/frontend/src/components/downloadTitle.ts
@@ -1,7 +1,7 @@
import type { DownloadJob } from "../lib/api";
// A download job's display title (a user rename wins over the extracted asset title), shared by the
-// row, the admin list and the library player. Its own module so downloadRow exports only components.
+// tray, the Files list, the admin Storage tab and the library player.
// With no name yet — a link queued before its details arrive, or one that failed first — it is the
// link itself, shortened the way the row shows a link, never the raw ref (a URL, or a bare video id).
export function jobTitle(job: DownloadJob): string {
@@ -12,13 +12,8 @@ export function jobTitle(job: DownloadJob): string {
);
}
-/** The job has a name of its own (a rename or an extracted title), not the link standing in for one. */
-export function hasOwnTitle(job: DownloadJob): boolean {
- return !!(job.display_name || job.asset?.title);
-}
-
// Compact display of a URL: drop the protocol + trailing slash so "youtube.com/watch?v=…" fits.
-export function displayUrl(url: string): string {
+function displayUrl(url: string): string {
try {
const u = new URL(url);
return (u.host + u.pathname + u.search).replace(/\/$/, "");
diff --git a/frontend/src/components/listNav.wiring.contract.test.ts b/frontend/src/components/listNav.wiring.contract.test.ts
index c34899a0..9d20ef98 100644
--- a/frontend/src/components/listNav.wiring.contract.test.ts
+++ b/frontend/src/components/listNav.wiring.contract.test.ts
@@ -20,7 +20,6 @@ const CARDS = [
"EpisodeCard",
"PosterTile",
"ShelfTile",
- "DownloadRow",
];
const LISTS = ["NavGrid", "Carousel", "VirtualGrid"];
diff --git a/frontend/src/components/moduleRegistry.tsx b/frontend/src/components/moduleRegistry.tsx
index f0129bc4..27945fcf 100644
--- a/frontend/src/components/moduleRegistry.tsx
+++ b/frontend/src/components/moduleRegistry.tsx
@@ -28,7 +28,6 @@ const PlexSidebar = lazyWithPreload(() => import("./PlexSidebar"));
const NotificationsPanel = lazyWithPreload(() => import("./NotificationsPanel"));
const Files = lazyWithPreload(() => import("./Files"));
const FilesRail = lazyWithPreload(() => import("./FilesRail"));
-const DownloadCenter = lazyWithPreload(() => import("./DownloadCenter"));
const Stats = lazyWithPreload(() => import("./Stats"));
const Scheduler = lazyWithPreload(() => import("./Scheduler"));
const ConfigPanel = lazyWithPreload(() => import("./ConfigPanel"));
@@ -57,7 +56,6 @@ export const PAGE_CONTENT: Record
-
-
-
-
-
- {/* The meta line never wraps (the owner, 2026-09-27: on the iPad its "18.9 / MB" pieces broke
- into a jumble). One line, cut at its end, so the least telling part (the age) goes first. */}
-
- {(job.job_kind === "edit" || job.job_kind === "clip") && (
-
-
-
- onShowError?.(job)}
- className="text-danger inline-block leading-6 min-h-6 touch-target pointer-coarse:leading-(--touch-target)"
- title={t(failTitleKey(job))}
- >
- · {t(failCopyKeys(job, "short"))}{" "}
-
- {t("downloads.errors.fail.detailsLink")}
-
-
-
- ) : null}
-
- {/* Wide, this wrapper is `contents`: the source and the actions are grid items of their own
- (src under the meta, act down the right). Stacked, it is ONE wrapping line: the link and
- the actions side by side while they fit, the actions under the link only when they don't
- (at 375). On touch each is a 44px box, so separate lines stacked 44px gaps (the owner,
- 2026-09-27: "what are those huge empty parts?"). */}
-
- {(!!sourceLink || !!job.extra_links?.length) && (
-
- {running && (
-
- {sourceLink &&
- )}
- {/* The row's visible actions — its primary one and the save link — then its "…": the md
- rung here (the row stands alone), the sm rung in the modals, one IconBtn for both. */}
-
- {children}
- {more}
-
-
- {job.phase && !DOWNLOAD_PHASES.includes(job.phase) ? (
- // ffmpeg post-steps aren't byte-progress — show an indeterminate pulse, no %.
-
- )}
-
-
-
- ) : (
- <>
-
-
-
-
- {job.progress}%
- {job.speed_bps ? {formatSpeed(job.speed_bps, lang)} : null}
- {job.eta_s ? {formatEta(t, job.eta_s)} : null}
-
-
- )}
-