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:T113e,"use client"; import { useEffect, useState, type ReactNode } from "react"; import { useReducedMotion } from "./useReducedMotion"; export interface DiffTableColumn { key: string; header: ReactNode; render?: (row: T) => ReactNode; } export interface DiffTableRow { id: string; cells: readonly ReactNode[]; change?: "added" | "removed" | "unchanged"; } export interface DiffTableProps { title?: ReactNode; columns: readonly DiffTableColumn[]; rows: readonly DiffTableRow[]; onRowDecision?: (row: DiffTableRow, decision: "accept" | "reject") => void; onBulkDecision?: (decision: "accept" | "reject") => void; animate?: boolean; className?: string; } export function DiffTable({ title, columns, rows, onRowDecision, onBulkDecision, animate = true, className = "" }: DiffTableProps) { const reducedMotion = useReducedMotion(); const [stage, setStage] = useState(animate ? 0 : 2); const [decisions, setDecisions] = useState>({}); useEffect(() => { if (!animate || reducedMotion) { setStage(2); return; } if (stage >= 2) return; const timer = window.setTimeout(() => setStage((value) => value + 1), stage === 0 ? 800 : 1000); return () => window.clearTimeout(timer); }, [animate, reducedMotion, stage]); const visible = stage >= 1; const completed = stage >= 2; const decide = (row: DiffTableRow, decision: "accept" | "reject") => { setDecisions((current) => ({ ...current, [row.id]: decision })); onRowDecision?.(row, decision); }; const decideAll = (decision: "accept" | "reject") => { setDecisions(Object.fromEntries(rows.map((row) => [row.id, decision]))); onBulkDecision?.(decision); }; return

{title || onBulkDecision ?

{title}{onBulkDecision ? : null}

: null}

{columns.map((column) => )}{onRowDecision ? : null}{rows.map((row) => { const changed = completed && row.change && row.change !== "unchanged"; const hidden = row.change === "added" && !visible; const decision = decisions[row.id]; return {columns.map((column, index) => )} {onRowDecision ? : null} ; })}

{column.header}	Decision
{column.render ? column.render(row) : row.cells[index]}	{(["accept", "reject"] as const).map((item) => )}

; } export default DiffTable; 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":[null,["$","$L4e",null,{"namespace":"@beadkit","registryDependencies":["https://beadkit.dev/r/ai-core.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"components/ai/DiffTable.tsx","content":"$50","type":"registry:component","target":"@components/ai/DiffTable.tsx"}],"className":"h-[70svh] min-h-80"}]]}]