Delete src/features/home

src/features/home/ProductHomePage.tsx

@@ -1,605 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Link } from "react-router-dom";
-import { useQuery } from "@tanstack/react-query";
-import { Clock3, Github, Search, Shield } from "lucide-react";
-import type { LiveScanItem, OverviewStats, ProjectCard, Severity } from "@/shared/types";
-import { api } from "../../shared/api/client";
-import { Button } from "../../components/Button";
-import { EmptyState } from "../../components/EmptyState";
-import { RepoSubmitForm } from "../../components/RepoSubmitForm";
-import { SeverityBar } from "../../components/SeverityBar";
-import { AuthButton } from "../../components/AuthButton";
-import { NotificationBell } from "../../components/NotificationBell";
-import { formatRelativeTime, formatStars, totalFindings } from "../../shared/lib/format";
-
-const OWN_REPO =
-  (import.meta.env.VITE_GITHUB_REPO_URL as string | undefined) ||
-  "https://github.com/Clouditera/OpenVuln";
-
-/** List state survives project-detail navigation. */
-const listCache = { sort: "stars" as "newest" | "stars", q: "" };
-
-const SEV_BARS: Array<{ level: Severity; color: string; label: string; short: string }> = [
-  { level: "critical", color: "#E5484D", label: "Critical", short: "Crit" },
-  { level: "high", color: "#F2604F", label: "High", short: "High" },
-  { level: "medium", color: "#FF8A3C", label: "Medium", short: "Med" },
-  { level: "low", color: "#F0C43A", label: "Low", short: "Low" },
-];
-
-function formatElapsed(seconds: number): string {
-  if (seconds < 60) return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m`;
-  return `${Math.floor(minutes / 60)}h ${minutes % 60}m`;
-}
-
-function BrandMark() {
-  return (
-    <img
-      src="/logo.svg"
-      alt=""
-      className="h-8 w-8 shrink-0 rounded-lg"
-      aria-hidden
-    />
-  );
-}
-
-/* ── 滚动进入视口时的克制上浮（一次性） ── */
-function Reveal({
-  children,
-  delay = 0,
-  className = "",
-}: {
-  children: React.ReactNode;
-  delay?: number;
-  className?: string;
-}) {
-  const ref = useRef<HTMLDivElement>(null);
-  const [inView, setInView] = useState(false);
-  useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) {
-          setInView(true);
-          observer.disconnect();
-        }
-      },
-      { rootMargin: "0px 0px -6% 0px" },
-    );
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, []);
-  return (
-    <div
-      ref={ref}
-      style={delay ? { transitionDelay: `${delay}ms` } : undefined}
-      className={`ov-reveal ${inView ? "ov-in" : ""} ${className}`}
-    >
-      {children}
-    </div>
-  );
-}
-
-function usePrefersReducedMotion(): boolean {
-  const [reduced, setReduced] = useState(false);
-  useEffect(() => {
-    const media = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setReduced(media.matches);
-    const update = () => setReduced(media.matches);
-    media.addEventListener("change", update);
-    return () => media.removeEventListener("change", update);
-  }, []);
-  return reduced;
-}
-
-function useCountUp(target: number, duration = 700): number {
-  const reduced = usePrefersReducedMotion();
-  const [value, setValue] = useState(reduced ? target : 0);
-  useEffect(() => {
-    if (reduced) {
-      setValue(target);
-      return;
-    }
-    let frame = 0;
-    const start = performance.now();
-    const tick = (time: number) => {
-      const progress = Math.min(1, (time - start) / duration);
-      setValue(Math.round(target * (1 - (1 - progress) ** 3)));
-      if (progress < 1) frame = requestAnimationFrame(tick);
-    };
-    frame = requestAnimationFrame(tick);
-    return () => cancelAnimationFrame(frame);
-  }, [duration, reduced, target]);
-  return value;
-}
-
-function AnimatedNumber({ value }: { value: number }) {
-  return <>{useCountUp(value).toLocaleString()}</>;
-}
-
-/* ── 控制台带子共用网格：三条带子的竖向 hairline 严格同轴 ── */
-const BAND_GRID = "grid divide-y divide-line lg:grid-cols-4 lg:divide-y-0 lg:divide-x";
-const BAND_CELL = "py-5 lg:px-6 lg:first:pl-0";
-
-/* ── 实时信息板（departures strip）：正在扫描的仓库，全宽横条 ── */
-function LiveStrip({
-  scans,
-  loading,
-  failed,
-}: {
-  scans: LiveScanItem[];
-  loading: boolean;
-  failed: boolean;
-}) {
-  const active = scans.length;
-  // 单行 4 列：1 列标签 + 3 列条目；超过 3 个时末列汇总
-  const shown = active > 3 ? scans.slice(0, 2) : scans;
-  const overflow = active - shown.length;
-  const fillers = Math.max(0, 3 - shown.length - (overflow > 0 ? 1 : 0));
-
-  return (
-    <section aria-labelledby="ops-title" className={`border-t border-line ${BAND_GRID}`}>
-      <div className={`flex items-center justify-between gap-3 lg:flex-col lg:items-start lg:justify-center ${BAND_CELL}`}>
-        <h2
-          id="ops-title"
-          className="flex items-center gap-2.5 font-mono text-[10px] font-medium uppercase tracking-[0.22em] text-ink-secondary"
-        >
-          <span className="relative flex h-1.5 w-1.5">
-            {active > 0 && (
-              <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-success opacity-60 motion-reduce:hidden" />
-            )}
-            <span className={`relative inline-flex h-1.5 w-1.5 rounded-full ${active > 0 ? "bg-success" : "bg-ink-tertiary"}`} />
-          </span>
-          Live — scanning now
-        </h2>
-        {!loading && !failed && (
-          <p className="font-mono text-[10px] tabular-nums text-ink-tertiary lg:mt-2">
-            {active} active
-          </p>
-        )}
-      </div>
-
-      {loading ? (
-        [0, 1, 2].map((item) => (
-          <div key={item} className={`flex items-center ${BAND_CELL}`} aria-hidden>
-            <div className="h-9 w-full animate-pulse rounded-md bg-surface-sunken/70" />
-          </div>
-        ))
-      ) : failed ? (
-        <p className={`flex items-center font-mono text-[11px] uppercase tracking-[0.14em] text-ink-tertiary lg:col-span-3 ${BAND_CELL}`}>
-          Signal lost — live data reconnects automatically
-        </p>
-      ) : active === 0 ? (
-        <p className={`flex items-center font-mono text-[11px] uppercase tracking-[0.14em] text-ink-tertiary lg:col-span-3 ${BAND_CELL}`}>
-          Standing by — no repository is being scanned right now
-        </p>
-      ) : (
-        <>
-          {shown.map((scan) => (
-            <Link
-              key={scan.project_id}
-              to={`/p/${scan.full_name}`}
-              className={`group flex min-w-0 items-center justify-between gap-4 transition-colors hover:bg-surface-sunken/60 focus-ring ${BAND_CELL}`}
-            >
-              <span className="min-w-0">
-                <span className="block truncate font-mono text-[13px] font-medium text-ink group-hover:text-white">
-                  {scan.full_name}
-                </span>
-                <span className="mt-1 block font-mono text-[10px] uppercase tracking-[0.1em] text-ink-tertiary">
-                  {scan.state === "dispatching" ? "preparing" : "scanning"} · {formatElapsed(scan.elapsed_sec)}
-                </span>
-              </span>
-              <span className="shrink-0 text-right">
-                <span className="block font-mono text-[16px] font-semibold tabular-nums text-ink">
-                  {scan.findings_so_far}
-                </span>
-                <span className="block font-mono text-[9px] uppercase tracking-[0.12em] text-ink-tertiary">found</span>
-              </span>
-            </Link>
-          ))}
-          {overflow > 0 && (
-            <p className={`flex items-center font-mono text-[11px] uppercase tracking-[0.14em] text-ink-tertiary ${BAND_CELL}`}>
-              +{overflow} more scanning
-            </p>
-          )}
-          {Array.from({ length: fillers }).map((_, index) => (
-            <div key={`filler-${index}`} className="hidden lg:block" aria-hidden />
-          ))}
-        </>
-      )}
-    </section>
-  );
-}
-
-/* ── 指标带：账本数字 + severity 光谱，与顶部饰带互为图例 ── */
-function MetricsBand({
-  stats,
-  loading,
-  failed,
-}: {
-  stats: OverviewStats | undefined;
-  loading: boolean;
-  failed: boolean;
-}) {
-  const unavailable = loading || failed || !stats;
-  const scanned = stats
-    ? stats.scanned_project_count ?? Math.min(stats.project_count, stats.scan_completed_count)
-    : 0;
-  const counts = stats?.severity_counts ?? { critical: 0, high: 0, medium: 0, low: 0 };
-
-  const cells: Array<{ label: string; value: number }> = [
-    { label: "Repositories scanned", value: scanned },
-    { label: "Findings discovered", value: stats?.finding_total ?? 0 },
-    { label: "Scans in progress", value: stats?.scan_in_progress_count ?? stats?.live?.scanning?.length ?? 0 },
-  ];
-
-  return (
-    <section aria-label="Platform metrics" className={`border-y border-line ${BAND_GRID}`}>
-      {cells.map((cell) => (
-        <div key={cell.label} className={BAND_CELL}>
-          <p className="font-mono text-3xl font-medium tabular-nums tracking-tight text-ink sm:text-[36px]">
-            {unavailable ? "—" : <AnimatedNumber value={cell.value} />}
-          </p>
-          <p className="mt-2 font-mono text-[10px] uppercase tracking-[0.16em] text-ink-tertiary">{cell.label}</p>
-        </div>
-      ))}
-      <div className={`flex flex-col justify-between gap-4 ${BAND_CELL}`}>
-        <div className="space-y-2" role="img" aria-label="Findings by severity">
-          {SEV_BARS.map((s) => {
-            const count = counts[s.level] ?? 0;
-            const max = Math.max(1, ...SEV_BARS.map((x) => counts[x.level] ?? 0));
-            return (
-              <div key={s.level} className="flex items-center gap-2.5">
-                <span className="w-8 shrink-0 font-mono text-[9px] uppercase tracking-[0.08em] text-ink-tertiary">
-                  {s.short}
-                </span>
-                <span className="h-[3px] flex-1 overflow-hidden rounded-full bg-surface-sunken">
-                  <span
-                    className="block h-full rounded-full transition-[width] duration-700 ease-out"
-                    style={{
-                      width: unavailable ? "0%" : `${(count / max) * 100}%`,
-                      backgroundColor: s.color,
-                    }}
-                  />
-                </span>
-                <span className="w-7 shrink-0 text-right font-mono text-[12px] tabular-nums text-ink">
-                  {unavailable ? "—" : count.toLocaleString()}
-                </span>
-              </div>
-            );
-          })}
-        </div>
-        <p className="font-mono text-[10px] uppercase tracking-[0.16em] text-ink-tertiary">
-          Findings by severity
-        </p>
-      </div>
-    </section>
-  );
-}
-
-/* ── 仓库账本行 ── */
-function LedgerAvatar({ owner }: { owner: string }) {
-  const [failed, setFailed] = useState(false);
-  if (failed) {
-    return (
-      <span
-        className="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-surface-sunken font-mono text-[10px] font-semibold text-ink-secondary"
-        aria-hidden
-      >
-        {owner.slice(0, 1).toUpperCase()}
-      </span>
-    );
-  }
-  return (
-    <img
-      src={`https://github.com/${owner}.png?size=64`}
-      alt=""
-      width={28}
-      height={28}
-      className="h-7 w-7 shrink-0 rounded-full border border-line bg-surface-sunken"
-      onError={() => setFailed(true)}
-    />
-  );
-}
-
-function LedgerRow({ project }: { project: ProjectCard }) {
-  const state = project.latest_scan?.state;
-  const scanning = state === "scanning" || state === "dispatching";
-  const waiting = state !== "completed" && !scanning;
-  const soFar = project.latest_scan?.findings_so_far ?? 0;
-  const findings = totalFindings(project.severity_counts);
-
-  return (
-    <Link
-      to={`/p/${project.owner_login}/${project.name}`}
-      className="group grid min-h-[72px] grid-cols-[minmax(0,1fr)_auto] items-center gap-x-4 gap-y-2 border-b border-line/70 px-2 py-3.5 transition-colors last:border-b-0 hover:bg-surface-sunken/60 focus-ring md:grid-cols-[minmax(0,2.4fr)_110px_78px_150px_70px_150px] md:gap-x-5"
-    >
-      {/* repository */}
-      <span className="flex min-w-0 items-center gap-3">
-        <LedgerAvatar owner={project.owner_login} />
-        <span className="min-w-0">
-          <span className="block truncate font-mono text-[13px] font-medium text-ink group-hover:text-white">
-            {project.full_name}
-          </span>
-          {project.description && (
-            <span className="mt-0.5 block truncate text-[12px] text-ink-tertiary">{project.description}</span>
-          )}
-        </span>
-      </span>
-
-      {/* language */}
-      <span className="hidden min-w-0 items-center gap-1.5 truncate text-[12px] text-ink-secondary md:flex">
-        {project.language ? (
-          <>
-            <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-ink/40" />
-            <span className="truncate">{project.language}</span>
-          </>
-        ) : (
-          <span className="text-ink-tertiary">—</span>
-        )}
-      </span>
-
-      {/* stars */}
-      <span className="hidden font-mono text-[12px] tabular-nums text-ink-secondary md:block">
-        ★ {formatStars(project.stars)}
-      </span>
-
-      {/* status */}
-      <span className="hidden md:block">
-        {scanning ? (
-          <span className="inline-flex items-center gap-1.5 font-mono text-[11px] uppercase tracking-[0.06em] text-ink">
-            <span className="relative flex h-1.5 w-1.5">
-              <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-ink opacity-40 motion-reduce:animate-none" />
-              <span className="relative inline-flex h-1.5 w-1.5 rounded-full bg-ink" />
-            </span>
-            scanning{soFar > 0 ? ` · ${soFar}` : ""}
-          </span>
-        ) : waiting ? (
-          <span className="font-mono text-[11px] uppercase tracking-[0.06em] text-ink-tertiary">pending</span>
-        ) : (
-          <span className="font-mono text-[11px] text-ink-secondary">
-            {project.latest_scan?.finished_at ? formatRelativeTime(project.latest_scan.finished_at) : "done"}
-          </span>
-        )}
-      </span>
-
-      {/* findings count */}
-      <span className="text-right font-mono text-[13px] font-medium tabular-nums text-ink md:text-left">
-        {waiting || (scanning && findings === 0) ? <span className="text-ink-tertiary">—</span> : findings}
-      </span>
-
-      {/* severity */}
-      <span className="col-span-2 md:col-span-1">
-        {!waiting && !scanning && findings > 0 ? (
-          <SeverityBar counts={project.severity_counts} showLegend={false} widthClass="w-full" heightClass="h-1" />
-        ) : (
-          <span className="block h-1 w-full rounded-full bg-surface-sunken md:w-full" aria-hidden />
-        )}
-      </span>
-
-      {/* mobile meta line */}
-      <span className="col-span-2 flex flex-wrap items-center gap-x-3 font-mono text-[10px] uppercase tracking-[0.06em] text-ink-tertiary md:hidden">
-        {project.language && <span>{project.language}</span>}
-        <span>★ {formatStars(project.stars)}</span>
-        {scanning ? <span className="text-ink">scanning{soFar > 0 ? ` · ${soFar}` : ""}</span> : waiting ? <span>pending</span> : project.latest_scan?.finished_at ? <span>{formatRelativeTime(project.latest_scan.finished_at)}</span> : null}
-      </span>
-    </Link>
-  );
-}
-
-export function ProductHomePage() {
-  const [q, setQState] = useState(listCache.q);
-  const [sort, setSortState] = useState<"newest" | "stars">(listCache.sort);
-  const setQ = (value: string) => {
-    listCache.q = value;
-    setQState(value);
-  };
-  const setSort = (value: "newest" | "stars") => {
-    listCache.sort = value;
-    setSortState(value);
-  };
-
-  const overview = useQuery({
-    queryKey: ["public", "overview"],
-    queryFn: api.overview,
-    refetchInterval: 15_000,
-  });
-
-  const projects = useQuery({
-    queryKey: ["public", "projects", sort],
-    queryFn: () => api.listProjects({ sort, page: 1, page_size: 100 }),
-  });
-  const allItems = useMemo(() => projects.data?.items ?? [], [projects.data]);
-
-  const filtered = useMemo(() => {
-    const needle = q.trim().toLowerCase();
-    return allItems
-      .filter((project) => {
-        const state = project.latest_scan?.state;
-        const visibleState = state === "dispatching" || state === "scanning" || state === "completed";
-        if (!visibleState) return false;
-        if (!needle) return true;
-        return (
-          project.full_name.toLowerCase().includes(needle) ||
-          (project.description ?? "").toLowerCase().includes(needle)
-        );
-      });
-  }, [allItems, q]);
-
-  const scans = overview.data?.live?.scanning ?? [];
-
-  return (
-    <div id="top" className="relative isolate min-h-screen overflow-hidden bg-surface text-ink">
-      <div className="openvuln-hero-video" aria-hidden>
-        <video src="/hero-bg.mp4" poster="/hero-bg-poster.jpg" autoPlay muted loop playsInline preload="auto" />
-      </div>
-
-      <header className="sticky top-0 z-30 border-b border-line bg-surface/85 backdrop-blur-xl">
-        <div className="mx-auto flex h-16 w-full max-w-[1200px] items-center justify-between px-5 sm:px-8">
-          <Link to="/" className="flex items-center gap-2.5 rounded-lg focus-ring">
-            <BrandMark />
-            <span className="font-display text-[15px] font-semibold tracking-tight text-ink">OpenVuln</span>
-          </Link>
-          <div className="flex items-center gap-2">
-            <NotificationBell />
-            <AuthButton />
-            <a
-              href={OWN_REPO}
-              target="_blank"
-              rel="noreferrer"
-              aria-label="OpenVuln on GitHub"
-              className="hidden h-9 items-center gap-2 rounded-full border border-line bg-surface-raised px-3.5 text-xs font-medium text-ink-secondary transition hover:border-line-strong hover:text-ink focus-ring sm:inline-flex"
-            >
-              <Github size={14} />
-              GitHub
-            </a>
-          </div>
-        </div>
-      </header>
-
-      <main className="mx-auto w-full max-w-[1200px] px-5 pb-16 sm:px-8">
-        {/* ── Hero：大字报 —— 整幅展示字 + 出版物边注 ── */}
-        <section id="submit" className="scroll-mt-24 pt-10 sm:pt-14">
-          <div className="openvuln-brand">
-            <h1 className="mt-10 font-display font-medium uppercase leading-[0.94] tracking-[-0.015em] sm:mt-12">
-              <span className="ov-line-mask">
-                <span className="ov-line openvuln-outline block text-[15vw] sm:text-[clamp(64px,9.6vw,116px)]" style={{ animationDelay: "80ms" }}>
-                  Open source<span className="openvuln-title-comma">,</span>
-                </span>
-              </span>
-              <span className="ov-line-mask">
-                <span className="ov-line openvuln-solid block text-[15vw] sm:text-[clamp(64px,9.6vw,116px)]" style={{ animationDelay: "200ms" }}>
-                  audited by GLM<span className="sr-only">.</span><span className="openvuln-title-mark openvuln-title-period" aria-hidden />
-                </span>
-              </span>
-            </h1>
-          </div>
-
-          <div className="openvuln-composer mt-10 grid items-end gap-8 pb-12 sm:mt-14 lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:gap-16 lg:pb-16" style={{ animationDelay: "380ms" }}>
-            <p className="max-w-[44ch] text-[15px] leading-7 text-ink-secondary">
-              Submit a public repository and OpenVuln hunts its vulnerabilities.
-              Protect your open-source repository, together with GLM.
-            </p>
-            <div className="w-full lg:max-w-[600px] lg:justify-self-end">
-              <RepoSubmitForm size="hero" appearance="dark" className="w-full" align="left" />
-              <p className="mt-2 flex items-center gap-1.5 text-xs leading-5 text-ink-tertiary" role="note">
-                <Clock3 size={12} strokeWidth={1.8} aria-hidden />
-                Submissions may require manual review · A full scan usually takes 12+ hours
-              </p>
-            </div>
-          </div>
-        </section>
-
-        {/* ── 实时信息板 ── */}
-        <Reveal>
-          <LiveStrip scans={scans} loading={overview.isLoading} failed={overview.isError} />
-        </Reveal>
-
-        {/* ── 指标带 ── */}
-        <Reveal delay={60}>
-          <MetricsBand stats={overview.data} loading={overview.isLoading} failed={overview.isError} />
-        </Reveal>
-
-        {/* ── 仓库账本 ── */}
-        <section id="repositories" aria-labelledby="projects-title" className="scroll-mt-24 pt-12">
-          <Reveal className="flex flex-wrap items-end justify-between gap-4">
-            <div>
-              <p className="font-mono text-[10px] font-medium uppercase tracking-[0.22em] text-ink-tertiary">
-                Repository index
-              </p>
-              <h2 id="projects-title" className="mt-2 font-display text-2xl font-semibold tracking-tight text-ink">
-                Scanned repositories
-              </h2>
-            </div>
-            <div className="flex flex-col gap-2.5 sm:flex-row sm:items-center">
-              <div className="relative">
-                <Search size={14} className="pointer-events-none absolute left-3.5 top-1/2 -translate-y-1/2 text-ink-tertiary" />
-                <input
-                  type="search"
-                  value={q}
-                  onChange={(event) => setQ(event.target.value)}
-                  placeholder="Search repositories"
-                  aria-label="Search repositories"
-                  className="h-9 w-full rounded-lg border border-line bg-surface-raised pl-9 pr-3 font-mono text-[13px] text-ink placeholder:text-ink-tertiary focus-ring sm:w-64"
-                />
-              </div>
-              <div
-                className="inline-flex self-start rounded-lg border border-line bg-surface-raised p-0.5 sm:self-auto"
-                aria-label="Sort repositories"
-              >
-                <button
-                  type="button"
-                  aria-pressed={sort === "stars"}
-                  onClick={() => setSort("stars")}
-                  className={`rounded-md px-3 py-1.5 font-mono text-[11px] font-medium transition focus-ring ${
-                    sort === "stars" ? "bg-ink text-surface" : "text-ink-tertiary hover:text-ink"
-                  }`}
-                >
-                  Most starred
-                </button>
-                <button
-                  type="button"
-                  aria-pressed={sort === "newest"}
-                  onClick={() => setSort("newest")}
-                  className={`rounded-md px-3 py-1.5 font-mono text-[11px] font-medium transition focus-ring ${
-                    sort === "newest" ? "bg-ink text-surface" : "text-ink-tertiary hover:text-ink"
-                  }`}
-                >
-                  Recently added
-                </button>
-              </div>
-            </div>
-          </Reveal>
-
-          {/* 表头 */}
-          <div className="mt-6 hidden grid-cols-[minmax(0,2.4fr)_110px_78px_150px_70px_150px] gap-x-5 border-b border-line px-2 pb-2.5 font-mono text-[10px] font-medium uppercase tracking-[0.16em] text-ink-tertiary md:grid">
-            <span>Repository</span>
-            <span>Language</span>
-            <span>Stars</span>
-            <span>Last scan</span>
-            <span>Findings</span>
-            <span>Severity</span>
-          </div>
-          <div className="mt-6 border-b border-line md:hidden" aria-hidden />
-
-          <div
-            className="openvuln-scrollbar max-h-[360px] overflow-y-auto overscroll-contain pr-2"
-            aria-label="Scanned repository list"
-            tabIndex={0}
-          >
-            {projects.isLoading ? (
-              <div className="space-y-2 py-5">
-                {Array.from({ length: 5 }).map((_, index) => (
-                  <div key={index} className="h-14 animate-pulse rounded-lg bg-surface-sunken/70" />
-                ))}
-              </div>
-            ) : projects.isError ? (
-              <EmptyState icon={Shield} title="Could not load repositories" description="The OpenVuln API may be unavailable." />
-            ) : filtered.length === 0 ? (
-              <EmptyState
-                icon={Shield}
-                title={q ? "No matching repositories" : "No repositories yet"}
-                description={
-                  q
-                    ? "Try a different repository name."
-                    : "Submit the first open-source repository to be scanned by VulnHunter."
-                }
-                action={!q ? <Link to="/submit"><Button>Submit a repository</Button></Link> : undefined}
-              />
-            ) : (
-              <>
-                {filtered.map((project) => (
-                  <LedgerRow key={project.id} project={project} />
-                ))}
-              </>
-            )}
-          </div>
-
-        </section>
-      </main>
-
-    </div>
-  );
-}