4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T2dbf,"use client"; import { CheckIcon, Clock3Icon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, Undo2Icon, XIcon } from "lucide-react"; import { AnimatePresence, motion, useReducedMotion } from "motion/react"; import { type KeyboardEvent, useEffect, useRef, useState } from "react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Kbd } from "@/components/ui/kbd"; import { cn } from "@/lib/utils"; export type GoNoGoRisk = "low" | "medium" | "high"; export type GoNoGoDecision = "approved" | "denied" | "expired"; export type GoNoGoPreview = | { type: "command"; command: string; cwd?: string } | { type: "diff"; file: string; lines: { kind: "+" | "-" | " "; text: string }[] }; export interface GoNoGoRequest { agent: string; action: string; risk: GoNoGoRisk; preview: GoNoGoPreview; reason?: string; } export interface GoNoGoProps { request: GoNoGoRequest; timeout?: number; onDecision?: (decision: GoNoGoDecision) => void; onUndo?: () => void; className?: string; } const risks: Record = { low: { label: "Low risk", variant: "success", Icon: ShieldCheckIcon }, medium: { label: "Medium risk", variant: "warning", Icon: ShieldIcon }, high: { label: "High risk", variant: "error", Icon: ShieldAlertIcon }, }; const outcomes: Record = { approved: { label: "Approved", tone: "bg-success text-white", Icon: CheckIcon }, denied: { label: "Denied", tone: "bg-destructive text-white", Icon: XIcon }, expired: { label: "Timed out, denied", tone: "bg-muted-foreground/60 text-background", Icon: Clock3Icon }, }; const press = "transition-[scale,box-shadow,background-color] duration-150 ease-out active:scale-[0.97]"; function previewText(p: GoNoGoPreview) { return p.type === "command" ? p.command : p.file; } export function GoNoGo({ request, timeout = 30, onDecision, onUndo, className }: GoNoGoProps) { const reduce = useReducedMotion(); const [decision, setDecision] = useState(null); const [left, setLeft] = useState(timeout * 1000); const [hovered, setHovered] = useState(false); const [focused, setFocused] = useState(false); const rootRef = useRef(null); const paused = hovered || focused; const decide = (d: GoNoGoDecision) => { setDecision(d); onDecision?.(d); }; useEffect(() => { if (decision || paused) return; let last = performance.now(); const id = setInterval(() => { const now = performance.now(); const dt = now - last; last = now; setLeft((l) => Math.max(0, l - dt)); }, 100); return () => clearInterval(id); }, [decision, paused]); useEffect(() => { if (left <= 0 && !decision) decide("expired"); }, [left, decision]); const onKeyDown = (e: KeyboardEvent) => { if (decision || e.metaKey || e.ctrlKey || e.altKey) return; const k = e.key.toLowerCase(); if (k === "y") { e.preventDefault(); decide("approved"); } else if (k === "n" || k === "escape") { e.preventDefault(); decide("denied"); } }; const undo = () => { setDecision(null); setLeft(timeout * 1000); onUndo?.(); requestAnimationFrame(() => rootRef.current?.focus()); }; const risk = risks[request.risk]; const spring = reduce ? { duration: 0 } : { type: "spring" as const, stiffness: 380, damping: 32 }; const fade = reduce ? { duration: 0 } : { duration: 0.18 }; return ( { if (!e.currentTarget.contains(e.relatedTarget as Node)) setFocused(false); }} onFocus={() => setFocused(true)} onKeyDown={onKeyDown} onPointerEnter={() => setHovered(true)} onPointerLeave={() => setHovered(false)} ref={rootRef} role="group" style={{ borderRadius: 18 }} tabIndex={decision ? -1 : 0} transition={spring} > {decision ? ( {(() => { const Icon = outcomes[decision].Icon; return ; })()}

{outcomes[decision].label} {" "} · {request.agent} · {previewText(request.preview)}

) : (

{request.agent.slice(0, 1)}

{request.agent} wants to {request.action}

{risk.label}

{request.preview.type === "command" ? (

{request.preview.cwd &&

{request.preview.cwd}

}

$ {request.preview.command}

) : (

{request.preview.file}

{request.preview.lines.map((line, i) => (

{line.kind} {line.text}

))}

)} {request.reason &&

{request.reason}

}

{focused ? "Press Y or N" : paused ? "Paused while you look" : "Denies itself when time runs out"}

)} ); } function Countdown({ left, total, paused, reduce }: { left: number; total: number; paused: boolean; reduce: boolean }) { const frac = total ? left / total : 0; const urgent = left < 10000; return (

{paused ? ( ) : ( Math.ceil(left / 1000) )}

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@devl","registryDependencies":["utils","https://coss.com/ui/r/badge.json","https://coss.com/ui/r/button.json","https://coss.com/ui/r/kbd.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/devl/go-no-go.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]