Aryan SinghandClaude Opus 5
e1b7b69261
Measured against a live instance: 47 failed jobs against 33 imported. Three independent causes, all of which ended the request. The Soulseek server filters some artist names. "Michael Jackson Billie Jean" and bare "Michael Jackson" both return zero responses; "Billie Jean" returns 1083 files. The Weeknd, Kanye West and Frank Ocean behave the same way. Since pick_and_enqueue sent exactly one query of `artist title`, every request for a filtered artist failed reporting "searched 0 files" -- 28 of 29 occurrences. search_queries() now walks a ladder, loosest last, ending at the bare title, and escalates only when a search underdelivers so the common case still costs one search. Dropping the artist from the query does not mean ignoring it: match_ratio() looks for it in the folder path, where an organised share puts it. A rejected transfer ended the request. pick_and_enqueue kept a running maximum and discarded every runner-up, so "Transfer rejected: File not shared." -- a per-file condition where candidate two almost always works -- was terminal, as were timeouts and slskd's 500 on an unreachable peer. The ranked list is now persisted on the job row, ordered to put a different peer next, and try_next_candidate() advances through it. A job fails only once the list is exhausted, and then reports every peer it tried and what each one said. norm() destroyed every non-ASCII character, so "Beyonce" never matched Beyonce, nor Bjork Bjork, nor Dont Don't. It now folds accents and drops apostrophes while leaving & as a separator. Also: availability outranks format in score(), because a FLAC behind 5000 queued users used to beat an immediately available MP3; transfers that stall or that slskd forgets are abandoned instead of sitting in `downloading` forever; searches are deleted only once finished, since deleting one mid-flight makes slskd throw an optimistic-concurrency error and lose the record; a failed search POST is retried rather than failing the job on one blip. The UI moves to a sidebar shell -- rail at tablet, bottom bar on phones -- with neutral chrome and the sampled artwork colour confined to hero areas rather than repainting the whole interface. Adds URL routing, a primitive set under components/ui, and a request sheet showing the attempt ladder. Fixes hover:bg-glass-hi, which was never a valid class, so track rows and the search field had no hover or focus state at all; a reduced-motion path that could strand elements at opacity 0; the login page's hardcoded palette; and the missing 404 and error boundaries. tests/test_acquisition.py covers this path against a faked slskd. It had none. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
89 lines
2.7 KiB
TypeScript
89 lines
2.7 KiB
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
/**
|
|
* Album/artist header. The artwork itself, blown up and blurred, is the
|
|
* panel's own backdrop — cheaper and more faithful than trying to synthesise
|
|
* a gradient from the extracted accent, and it reads as the record rather
|
|
* than as a themed box.
|
|
*/
|
|
export function Hero({
|
|
kind,
|
|
title,
|
|
art,
|
|
round,
|
|
by,
|
|
facts,
|
|
actions,
|
|
}: {
|
|
kind: string;
|
|
title: string;
|
|
art: string | null;
|
|
round?: boolean;
|
|
by?: React.ReactNode;
|
|
facts?: (string | null | undefined)[];
|
|
actions?: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 14 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ type: "spring", stiffness: 300, damping: 30 }}
|
|
className="card relative mb-5 flex flex-col sm:flex-row items-center sm:items-stretch
|
|
gap-4 sm:gap-5 overflow-hidden rounded-panel p-5 text-center sm:text-left"
|
|
>
|
|
{art && (
|
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
<img
|
|
src={art}
|
|
alt=""
|
|
aria-hidden
|
|
className="absolute inset-0 z-0 h-full w-full scale-[1.35] object-cover
|
|
opacity-40 blur-[46px] saturate-[1.8]"
|
|
/>
|
|
)}
|
|
<div className="absolute inset-0 z-[1] bg-gradient-to-r from-[var(--scrim)] to-[var(--scrim-2)]" />
|
|
|
|
{art && (
|
|
<motion.img
|
|
layoutId={`art-${title}`}
|
|
src={art}
|
|
alt=""
|
|
className={cn(
|
|
"relative z-[2] w-[132px] h-[132px] sm:w-[150px] sm:h-[150px] shrink-0 object-cover",
|
|
"bg-faint shadow-[0_14px_40px_rgb(0_0_0/0.5)]",
|
|
round ? "rounded-full" : "rounded-2xl",
|
|
)}
|
|
/>
|
|
)}
|
|
|
|
<div className="relative z-[2] flex min-w-0 flex-1 flex-col justify-center">
|
|
<div className="mb-1.5 text-caption font-bold uppercase tracking-[1px] text-accent">
|
|
{kind}
|
|
</div>
|
|
<h2 className="mb-2 text-2xl sm:text-[29px] font-bold leading-[1.14] tracking-[-0.8px]">
|
|
{title}
|
|
</h2>
|
|
{by && <div className="mb-2.5 text-body font-semibold">{by}</div>}
|
|
{facts && (
|
|
<div className="mb-3.5 flex flex-wrap justify-center sm:justify-start gap-1.5">
|
|
{facts.filter(Boolean).map((f, i) => (
|
|
<span
|
|
key={i}
|
|
className="card rounded-full px-2.5 py-0.5 text-caption text-dim"
|
|
>
|
|
{f}
|
|
</span>
|
|
))}
|
|
</div>
|
|
)}
|
|
{actions && (
|
|
<div className="flex flex-wrap justify-center sm:justify-start gap-2.5">{actions}</div>
|
|
)}
|
|
</div>
|
|
</motion.div>
|
|
);
|
|
}
|