mockups/pulls.html
Rama main · réplica de lectura del repositorio original.
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pull requests · mkappworks/cloudzilla — Cloudzilla</title>
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600&display=swap" rel="stylesheet" />
</head>
<body class="min-h-screen flex flex-col antialiased font-sans">
<a href="#main-content" class="skip-link">Skip to main content</a>
<div id="cz-header" data-repo-tab="pull_requests"></div>
<main id="main-content" tabindex="-1" class="max-w-[1400px] mx-auto px-6 pt-6 pb-20 flex-1 w-full">
<div class="space-y-6">
<section class="flex flex-wrap items-start justify-between gap-4" aria-labelledby="pulls-title">
<div class="min-w-0">
<h1 id="pulls-title" class="text-2xl font-semibold tracking-tight">Pull requests</h1>
</div>
<a href="pull_new.html" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors bg-success text-success-foreground hover:bg-success/90 h-9 px-4 text-sm">
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" focusable="false">
<path d="M12 5v14M5 12h14"></path>
</svg>
New pull request
</a>
</section>
<nav class="flex items-center gap-1 border-b border-border text-sm" aria-label="Pull request state">
<a href="#" data-tab="open" class="px-3 py-2.5 border-b -mb-px border-foreground text-foreground font-medium inline-flex items-center gap-1.5" aria-current="page">
Open
<span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="3 open">3</span>
</a>
<a href="#" data-tab="draft" class="px-3 py-2.5 border-b -mb-px border-transparent text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">
Draft
<span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="1 draft">1</span>
</a>
<a href="#" data-tab="merged" class="px-3 py-2.5 border-b -mb-px border-transparent text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">
Merged
<span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="2 merged">2</span>
</a>
<a href="#" data-tab="closed" class="px-3 py-2.5 border-b -mb-px border-transparent text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5">
Closed
<span class="ml-0.5 font-mono text-[11px] text-muted-foreground" aria-label="1 closed">1</span>
</a>
</nav>
<div class="space-y-2">
<div class="flex flex-wrap items-center gap-2">
<form method="GET" action="pulls.html" onsubmit="return false" role="search" class="relative min-w-56 flex-1">
<label for="list-filter-search" class="sr-only">Search or filter pull requests</label>
<svg class="absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"></circle><path d="M21 21l-4.3-4.3"></path></svg>
<input id="list-filter-search" type="search" name="q" value="" placeholder="Search or filter, e.g. is:open label:bug author:@me" autocomplete="off" class="h-8 w-full pl-8 pr-3 text-[13px] bg-card border border-border rounded-md placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring"/>
</form>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Author <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Author</legend>
<div class="border-b border-border p-1.5"><input type="text" aria-label="Filter Author" autocomplete="off" placeholder="Filter Author" class="h-8 w-full rounded border border-input bg-card px-2 text-[13px] placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring"></div>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="@me"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:@me" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">@me</span></span></label></li>
<li data-name="alan-kowalski"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:alan-kowalski" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">alan-kowalski</span></span></label></li>
<li data-name="amara-silva"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:amara-silva" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">amara-silva</span></span></label></li>
<li data-name="daisy"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:daisy" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">daisy</span></span></label></li>
<li data-name="malith"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:malith" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">malith</span></span></label></li>
<li data-name="priya"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:priya" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">priya</span></span></label></li>
<li data-name="yumi"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="author:yumi" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">yumi</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Label <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Label</legend>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="bug"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:bug" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #d73a4a;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">bug</span></span></label></li>
<li data-name="db"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:db" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #a855f7;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">db</span></span></label></li>
<li data-name="docs"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:docs" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #0075ca;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">docs</span></span></label></li>
<li data-name="enhancement"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:enhancement" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #a2eeef;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">enhancement</span></span></label></li>
<li data-name="performance"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:performance" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #3b82f6;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">performance</span></span></label></li>
<li data-name="ui"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="label:ui" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="inline-block h-2.5 w-2.5 shrink-0 rounded-full" style="background-color: #06b6d4;" aria-hidden="true"></span><span class="min-w-0 flex-1"><span class="block truncate">ui</span></span></label></li>
<li role="separator" class="my-1 h-px bg-border"></li>
<li data-name="No label"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="checkbox" name="v" value="no:label" class="h-4 w-4 shrink-0 rounded-sm border-border"><span class="min-w-0 flex-1"><span class="block truncate">No label</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Milestone <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Milestone</legend>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="v0.4 — Mirrors & imports"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="milestone:v0.4" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">v0.4 — Mirrors & imports</span></span></label></li>
<li data-name="v0.3 — UI overhaul"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="milestone:v0.3" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">v0.3 — UI overhaul</span></span></label></li>
<li role="separator" class="my-1 h-px bg-border"></li>
<li data-name="No milestone"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="no:milestone" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">No milestone</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Assignee <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Assignee</legend>
<div class="border-b border-border p-1.5"><input type="text" aria-label="Filter Assignee" autocomplete="off" placeholder="Filter Assignee" class="h-8 w-full rounded border border-input bg-card px-2 text-[13px] placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring"></div>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="@me"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:@me" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">@me</span></span></label></li>
<li data-name="alan-kowalski"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:alan-kowalski" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">alan-kowalski</span></span></label></li>
<li data-name="amara-silva"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:amara-silva" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">amara-silva</span></span></label></li>
<li data-name="daisy"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:daisy" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">daisy</span></span></label></li>
<li data-name="malith"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:malith" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">malith</span></span></label></li>
<li data-name="priya"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:priya" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">priya</span></span></label></li>
<li data-name="yumi"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="assignee:yumi" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">yumi</span></span></label></li>
<li role="separator" class="my-1 h-px bg-border"></li>
<li data-name="No assignee"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="no:assignee" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">No assignee</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Review <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Review</legend>
<div class="border-b border-border p-1.5"><input type="text" aria-label="Filter Review" autocomplete="off" placeholder="Filter Review" class="h-8 w-full rounded border border-input bg-card px-2 text-[13px] placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring"></div>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="Review required"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="review:required" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Review required</span></span></label></li>
<li data-name="Approved"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="review:approved" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Approved</span></span></label></li>
<li data-name="Changes requested"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="review:changes_requested" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Changes requested</span></span></label></li>
<li data-name="No reviews"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="review:none" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">No reviews</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
<details class="relative">
<summary class="inline-flex h-8 cursor-pointer list-none items-center gap-1.5 rounded-md border border-border bg-card px-2.5 text-[13px] text-foreground hover:bg-accent [&::-webkit-details-marker]:hidden">Sort <svg class="text-muted-foreground" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M7 10l5 5 5-5"></path></svg></summary>
<form method="GET" action="pulls.html" onsubmit="return false" class="absolute right-0 top-full z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md">
<fieldset class="m-0 border-0 p-0"><legend class="sr-only">Filter by Sort</legend>
<ul class="max-h-64 overflow-y-auto p-1">
<li data-name="Newest"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="sort:newest" checked class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Newest</span></span></label></li>
<li data-name="Oldest"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="sort:oldest" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Oldest</span></span></label></li>
<li data-name="Recently updated"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="sort:updated" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Recently updated</span></span></label></li>
<li data-name="Most commented"><label class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground has-checked:text-foreground"><input type="radio" name="v" value="sort:comments" class="h-4 w-4 shrink-0 border-border"><span class="min-w-0 flex-1"><span class="block truncate">Most commented</span></span></label></li>
</ul>
</fieldset>
<div class="flex justify-end border-t border-border p-1.5" hidden><button type="submit" class="h-7 rounded-md border border-border bg-accent px-3 text-[12px] text-accent-foreground hover:bg-accent/80">Apply</button></div>
</form>
</details>
</div>
</div>
<section id="pull-list-card" class="rounded-md border border-border bg-card overflow-hidden" aria-labelledby="pull-list">
<h2 id="pull-list" class="sr-only">Pull requests</h2>
<ul>
<li data-state="open" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-success" aria-hidden="true"><path d="M1.5 3.25a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zm5.677-.177L9.573.677A.25.25 0 0110 .854V2.5h1A2.5 2.5 0 0113.5 5v5.628a2.251 2.251 0 11-1.5 0V5a1 1 0 00-1-1h-1v1.646a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5zm8.25.75a.75.75 0 101.5 0 .75.75 0 00-1.5 0z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">Add OAuth scopes to access tokens</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Open</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#341</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">D</span>
<span>daisy</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>2 hours ago</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#22c55e;--label-fg:#1f2328;--label-border:#1ead53;--label-dark-bg:#22c55e2e;--label-dark-border:#22c55e66;--label-dark-fg:#22c55e">feature</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#4588f6;--label-fg:#1f2328;--label-border:#3d78d8;--label-dark-bg:#3b82f62e;--label-dark-border:#3b82f666;--label-dark-fg:#5895f7">auth</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<div class="flex -space-x-1.5" aria-label="2 reviewers"><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">Y</span><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">A</span></div>
<span class="text-success inline-flex items-center gap-1" title="Approved" aria-label="Review approved"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="text-[11px]">Approved</span></span>
<span class="text-success inline-flex items-center gap-1" title="All checks passing" aria-label="CI passing"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="font-mono text-[11px]">6/6</span></span>
<span class="text-muted-foreground inline-flex items-center gap-1" title="6 comments"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg> 6</span>
</div>
</div>
</a>
</li>
<li data-state="open" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-success" aria-hidden="true"><path d="M1.5 3.25a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zm5.677-.177L9.573.677A.25.25 0 0110 .854V2.5h1A2.5 2.5 0 0113.5 5v5.628a2.251 2.251 0 11-1.5 0V5a1 1 0 00-1-1h-1v1.646a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5zm8.25.75a.75.75 0 101.5 0 .75.75 0 00-1.5 0z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">feat: search-as-you-type for global code search</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Open</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#338</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">A</span>
<span>aki</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>3 days ago</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#22c55e;--label-fg:#1f2328;--label-border:#1ead53;--label-dark-bg:#22c55e2e;--label-dark-border:#22c55e66;--label-dark-fg:#22c55e">feature</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#b166f8;--label-fg:#1f2328;--label-border:#9c5ada;--label-dark-bg:#a855f72e;--label-dark-border:#a855f766;--label-dark-fg:#b977f9">search</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<div class="flex -space-x-1.5" aria-label="1 reviewer"><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">N</span></div>
<span class="text-warning inline-flex items-center gap-1" title="Review required" aria-label="Review required"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="text-[11px]">Review required</span></span>
<span class="text-warning inline-flex items-center gap-1" title="Checks in progress" aria-label="CI pending"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="font-mono text-[11px]">3/6</span></span>
<span class="text-muted-foreground inline-flex items-center gap-1" title="3 comments"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg> 3</span>
</div>
</div>
</a>
</li>
<li data-state="open" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-success" aria-hidden="true"><path d="M1.5 3.25a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zm5.677-.177L9.573.677A.25.25 0 0110 .854V2.5h1A2.5 2.5 0 0113.5 5v5.628a2.251 2.251 0 11-1.5 0V5a1 1 0 00-1-1h-1v1.646a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5zm8.25.75a.75.75 0 101.5 0 .75.75 0 00-1.5 0z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">Fix flaky webhook delivery retry test</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-success/15 text-success border-success/30">Open</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#335</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">M</span>
<span>malith</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>5 days ago</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#f15757;--label-fg:#1f2328;--label-border:#d44d4d;--label-dark-bg:#ef44442e;--label-dark-border:#ef444466;--label-dark-fg:#f26969">bug</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<span class="text-destructive inline-flex items-center gap-1" title="Changes requested" aria-label="Review changes requested"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg><span class="text-[11px]">Changes requested</span></span>
<span class="text-destructive inline-flex items-center gap-1" title="Some checks failing" aria-label="CI failing"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg><span class="font-mono text-[11px]">4/6</span></span>
<span class="text-muted-foreground inline-flex items-center gap-1" title="1 comment"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg> 1</span>
</div>
</div>
</a>
</li>
<li data-state="draft" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-muted-foreground" aria-hidden="true"><path d="M1.5 3.25a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5zm6.5-9.25a2.25 2.25 0 113 2.122V10.5a2.25 2.25 0 11-1.5 0V4.622a2.25 2.25 0 01-1.5-2.122zm2.25-.75a.75.75 0 100 1.5.75.75 0 000-1.5zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">WIP: dependency graph data model</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-muted text-muted-foreground border-transparent">Draft</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#327</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">M</span>
<span>malith</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>9 days ago</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#f59e0b;--label-fg:#1f2328;--label-border:#d88b0a;--label-dark-bg:#f59e0b2e;--label-dark-border:#f59e0b66;--label-dark-fg:#f59e0b">schema</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<span class="text-success inline-flex items-center gap-1" title="Approved" aria-label="Review approved"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="text-[11px]">Approved</span></span>
<span class="text-warning inline-flex items-center gap-1" title="Checks in progress" aria-label="CI pending"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="font-mono text-[11px]">0/6</span></span>
</div>
</div>
</a>
</li>
<li data-state="merged" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-[hsl(270_70%_70%)]" aria-hidden="true"><path d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">feat: pull mirrors with lease-based scheduler</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-[hsl(270_70%_50%/0.15)] text-[hsl(270_70%_70%)] border-[hsl(270_70%_50%/0.30)]">Merged</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#318</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">D</span>
<span>daisy</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>merged yesterday</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#22c55e;--label-fg:#1f2328;--label-border:#1ead53;--label-dark-bg:#22c55e2e;--label-dark-border:#22c55e66;--label-dark-fg:#22c55e">feature</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#4588f6;--label-fg:#1f2328;--label-border:#3d78d8;--label-dark-bg:#3b82f62e;--label-dark-border:#3b82f666;--label-dark-fg:#5895f7">backend</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<div class="flex -space-x-1.5" aria-label="2 reviewers"><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">Y</span><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">M</span></div>
<span class="text-success inline-flex items-center gap-1" title="Approved" aria-label="Review approved"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="text-[11px]">Approved</span></span>
<span class="text-success inline-flex items-center gap-1" title="All checks passing" aria-label="CI passing"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="font-mono text-[11px]">6/6</span></span>
<span class="text-muted-foreground inline-flex items-center gap-1" title="8 comments"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg> 8</span>
</div>
</div>
</a>
</li>
<li data-state="merged" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-[hsl(270_70%_70%)]" aria-hidden="true"><path d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">tech: format docs with Prettier</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-[hsl(270_70%_50%/0.15)] text-[hsl(270_70%_70%)] border-[hsl(270_70%_50%/0.30)]">Merged</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#312</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">M</span>
<span>malith</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>merged 6 days ago</span>
<span class="opacity-50 mx-0.5" aria-hidden="true">·</span>
<span class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#4588f6;--label-fg:#1f2328;--label-border:#3d78d8;--label-dark-bg:#3b82f62e;--label-dark-border:#3b82f666;--label-dark-fg:#5895f7">tech</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<span class="text-warning inline-flex items-center gap-1" title="Review required" aria-label="Review required"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span class="text-[11px]">Review required</span></span>
<span class="text-success inline-flex items-center gap-1" title="All checks passing" aria-label="CI passing"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M20 6L9 17l-5-5"></path></svg><span class="font-mono text-[11px]">6/6</span></span>
</div>
</div>
</a>
</li>
<li data-state="closed" class="border-b border-border last:border-0">
<a href="pr.html" class="group relative block px-4 py-3 transition-[padding] hover:bg-accent hover:pl-[18px] before:content-[''] before:absolute before:left-0 before:top-2 before:bottom-2 before:w-0.5 before:rounded-full before:bg-foreground before:opacity-0 before:transition-opacity hover:before:opacity-100">
<div class="flex items-start gap-3 mb-1.5">
<svg width="15" height="15" viewBox="0 0 16 16" fill="currentColor" class="shrink-0 mt-0.5 text-destructive" aria-hidden="true"><path d="M3.25 1A2.25 2.25 0 014 5.372v5.256a2.251 2.251 0 11-1.5 0V5.372A2.251 2.251 0 013.25 1zm9.5 14a2.25 2.25 0 110-4.5 2.25 2.25 0 010 4.5zM2.5 3.25a.75.75 0 101.5 0 .75.75 0 00-1.5 0zM3.25 12a.75.75 0 100 1.5.75.75 0 000-1.5zm9.5 0a.75.75 0 100 1.5.75.75 0 000-1.5zm1.28-9.53a.75.75 0 010 1.06l-1.97 1.97 1.97 1.97a.75.75 0 11-1.06 1.06l-1.97-1.97-1.97 1.97a.75.75 0 01-1.06-1.06l1.97-1.97-1.97-1.97a.75.75 0 011.06-1.06l1.97 1.97 1.97-1.97a.75.75 0 011.06 0z"></path></svg>
<div class="min-w-0 flex-1 flex items-center gap-2 flex-wrap">
<p class="text-[13.5px] font-medium leading-snug group-hover:underline">Experiment: switch to pgx</p>
<span class="inline-flex items-center gap-1.5 h-[22px] px-2 rounded-full border text-[11px] font-medium bg-destructive/15 text-destructive border-destructive/30">Closed</span>
</div>
</div>
<div class="flex items-center justify-between gap-3 pl-[27px]">
<div class="flex items-center gap-1.5 text-xs text-muted-foreground min-w-0 flex-wrap">
<span class="font-mono">#301</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span class="inline-grid place-items-center h-4 w-4 rounded-full bg-muted border border-border text-[8px] font-medium" aria-hidden="true">A</span>
<span>aki</span>
<span class="opacity-50" aria-hidden="true">·</span>
<span>closed 2 weeks ago</span>
</div>
<div class="flex items-center gap-3 text-xs shrink-0">
<div class="flex -space-x-1.5" aria-label="1 reviewer"><span class="h-5 w-5 rounded-full bg-muted ring-2 ring-background grid place-items-center text-[9px] font-medium text-muted-foreground">M</span></div>
<span class="text-destructive inline-flex items-center gap-1" title="Changes requested" aria-label="Review changes requested"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg><span class="text-[11px]">Changes requested</span></span>
<span class="text-destructive inline-flex items-center gap-1" title="Some checks failing" aria-label="CI failing"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg><span class="font-mono text-[11px]">2/6</span></span>
<span class="text-muted-foreground inline-flex items-center gap-1" title="4 comments"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg> 4</span>
</div>
</div>
</a>
</li>
</ul>
</section>
<div class="flex justify-between items-center text-sm">
<span class="text-muted-foreground">Page 1 of 2</span>
<div class="flex gap-2"><a href="#" class="px-3 py-1 bg-muted text-foreground rounded-sm hover:bg-muted transition-colors">Next →</a></div>
</div>
</div>
</main>
<div id="cz-footer"></div>
<script src="shell.js"></script>
<script>
(function () {
var tabs = document.querySelectorAll('[data-tab]');
var items = document.querySelectorAll('[data-state]');
var on = "px-3 py-2.5 border-b -mb-px border-foreground text-foreground font-medium inline-flex items-center gap-1.5".split(' ');
var off = "px-3 py-2.5 border-b -mb-px border-transparent text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5".split(' ');
function show(state) {
tabs.forEach(function (t) {
var active = t.dataset.tab === state;
(active ? off : on).forEach(function (c) { t.classList.remove(c); });
(active ? on : off).forEach(function (c) { t.classList.add(c); });
if (active) t.setAttribute('aria-current', 'page'); else t.removeAttribute('aria-current');
});
items.forEach(function (li) { li.hidden = li.dataset.state !== state; });
}
tabs.forEach(function (t) {
t.addEventListener('click', function (e) { e.preventDefault(); show(t.dataset.tab); });
});
show('open');
})();
</script>
</body>
</html>