"use client"; import * as React from "react"; import { useRouter } from "next/navigation"; import { motion, AnimatePresence } from "motion/react"; import { clearEncounterCache } from "@/lib/api/use-island-analysis-remote"; import { SkyBackground } from "@/components/world/SkyBackground"; import { CloudsParallax } from "@/components/world/CloudsParallax"; import { SkyBirds } from "@/components/world/SkyBirds"; import { AmbientParticles } from "@/components/world/AmbientParticles"; import { usePrefersReducedMotion } from "@/lib/motion/reduced-motion"; // 6x6 fbm noise — used to give every parchment surface a tactile grain const PAPER_NOISE = "data:image/svg+xml;utf8," + encodeURIComponent( ` `, ); export function FixtureSelector() { const router = useRouter(); const [githubUrl, setGithubUrl] = React.useState(""); const [isAnalyzing, setIsAnalyzing] = React.useState(false); const [error, setError] = React.useState(null); const reduced = usePrefersReducedMotion(); const handleGitHubSubmit = async (e: React.FormEvent) => { e.preventDefault(); setError(null); if (!githubUrl.trim()) { setError("The council needs a pull request URL to convene."); return; } const urlPattern = /github\.com\/([^\/]+)\/([^\/]+)\/pull\/(\d+)/; if (!urlPattern.test(githubUrl)) { setError( "Unrecognized seal. Expected: https://github.com/owner/repo/pull/123", ); return; } setIsAnalyzing(true); clearEncounterCache(); const encodedUrl = encodeURIComponent(githubUrl); router.push(`/island/aegis?github_url=${encodedUrl}`); }; const baseDelay = reduced ? 0 : 0.08; return (
{/* Persistent sky stack — same world as the islands. */} {/* Subtle dark vignette at the edges so the central scroll stage feels lit from above. */}
{/* The hanging tassel rope above the title plate. */}
{/* ============================================ I. HERO CREST — title plate that swings in ============================================ */} {/* ============================================ II. INTRO — what is PR Party ============================================ */} {/* ============================================ III. GITHUB URL — parchment scroll input ============================================ */} { setGithubUrl(v); setError(null); }} onSubmit={handleGitHubSubmit} isAnalyzing={isAnalyzing} error={error} /> {/* Footer — wooden signpost so it reads on the bright sky */}
); } /* ──────────────────────────────────────────────────────────── CREST PLATE — central title cartouche ─────────────────────────────────────────────────────────── */ function CrestPlate() { return (
{/* Hanging brass ring */}
{/* Paper grain */} {/* Inner gold rule */} {/* Corner fleurons */} {(["tl", "tr", "bl", "br"] as const).map((c) => ( ))} {/* Top filigree row */}
est. anno mmxxvi
{/* Title */}

PR {" "} Party

{/* Subtitle */}

a council of six convenes upon thy pull request

{/* Bottom filigree row */}
✦
{/* Cast shadow band underneath */}
); } function CornerFleuron({ corner }: { corner: "tl" | "tr" | "bl" | "br" }) { const pos: React.CSSProperties = { position: "absolute", width: 22, height: 22, color: "#7C5F2E", opacity: 0.9, }; if (corner === "tl") Object.assign(pos, { left: 10, top: 10 }); if (corner === "tr") Object.assign(pos, { right: 10, top: 10, transform: "scaleX(-1)" }); if (corner === "bl") Object.assign(pos, { left: 10, bottom: 10, transform: "scaleY(-1)" }); if (corner === "br") Object.assign(pos, { right: 10, bottom: 10, transform: "scale(-1,-1)" }); return ( ); } function Diamond() { return ( ); } /* ──────────────────────────────────────────────────────────── FOOTER PLAQUE — dark inscription on the sky ─────────────────────────────────────────────────────────── */ function FooterPlaque() { return ( ); } /* ──────────────────────────────────────────────────────────── INTRO CARD — short pitch for what PR Party does ─────────────────────────────────────────────────────────── */ const COUNCIL: Array<{ id: "aegis" | "schema" | "pixel" | "atlas" | "echo" | "codex"; name: string; role: string; color: string; }> = [ { id: "aegis", name: "Aegis", role: "Security", color: "#C2410C" }, { id: "schema", name: "Schema", role: "Database", color: "#0E7490" }, { id: "pixel", name: "Pixel", role: "UX", color: "#BE185D" }, { id: "atlas", name: "Atlas", role: "Architecture", color: "#4D7C0F" }, { id: "echo", name: "Echo", role: "Comms", color: "#6D28D9" }, { id: "codex", name: "Codex", role: "Docs", color: "#B45309" }, ]; function IntroCard() { return (
{/* paper grain */} {/* inner gold rule */}

PR Party {" "} is a multi-agent review system. Six AI specialists — each rooted on their own floating island — read thy pull request in parallel, surface the findings within their domain, and return with a unified verdict.

{/* filigree divider */}
✦ the council ✦
{/* six-character lineup — wax-seal gems in a balanced grid */}
{COUNCIL.map((c) => ( ))}
); } function CouncilRow({ color, name, role, }: { color: string; name: string; role: string; }) { return (
{name} {role}
); } function WaxGem({ color }: { color: string }) { return ( {/* outer brass ring */} {/* colored gem center */} {/* glossy highlight */} ); } function lighten(hex: string) { // simple visual tint — add white on top return mix(hex, "#FFFFFF", 0.55); } function darken(hex: string) { return mix(hex, "#1A0F04", 0.55); } function mix(a: string, b: string, t: number) { const pa = parseHex(a); const pb = parseHex(b); const r = Math.round(pa[0] * (1 - t) + pb[0] * t); const g = Math.round(pa[1] * (1 - t) + pb[1] * t); const bl = Math.round(pa[2] * (1 - t) + pb[2] * t); return `rgb(${r},${g},${bl})`; } function parseHex(h: string): [number, number, number] { const s = h.replace("#", ""); return [ parseInt(s.slice(0, 2), 16), parseInt(s.slice(2, 4), 16), parseInt(s.slice(4, 6), 16), ]; } /* ──────────────────────────────────────────────────────────── GITHUB SCROLL — input panel ─────────────────────────────────────────────────────────── */ function GithubScroll({ value, onChange, onSubmit, isAnalyzing, error, }: { value: string; onChange: (v: string) => void; onSubmit: (e: React.FormEvent) => void; isAnalyzing: boolean; error: string | null; }) { return (
{/* Scroll caps (top dowel) */}
{/* Paper grain */} {/* Inner ruled rectangle */}
✦

Forge Thine Quest

Inscribe the URL of any GitHub pull request and the council shall convene upon it.

▌ onChange(e.target.value)} disabled={isAnalyzing} spellCheck={false} className="flex-1 bg-transparent px-1 py-3 font-mono outline-none placeholder:text-[#5A3F1E]/55" style={{ color: "#1F1206", fontSize: "0.9rem", letterSpacing: "0.01em", }} />
{error && ( ⚠ {error} )}

Repo Must be public

); } function ScrollDowel({ bottom = false }: { bottom?: boolean }) { return (
{/* cap left */}
); } function SubmitSeal({ isAnalyzing, disabled, }: { isAnalyzing: boolean; disabled: boolean; }) { const reduced = usePrefersReducedMotion(); const active = !disabled && !isAnalyzing && !reduced; return ( ✦ {isAnalyzing ? "Convening…" : "Summon the Council"} ); } // Made with Bob