4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T345b,"use client" import * as React from "react" import { Check, FileDiff, X } from "lucide-react" import { cn } from "@/lib/utils" export type DiffLineKind = "context" | "add" | "remove" export type DiffLine = { kind: DiffLineKind text: string beforeNumber?: number afterNumber?: number } export type DiffHunk = { header?: string lines: readonly DiffLine[] } export type DiffViewProps = Omit< React.HTMLAttributes, "children" > & { before?: string after?: string /** Precomputed hunks. Supplied hunks win over before and after. */ hunks?: readonly DiffHunk[] filename?: string view?: "unified" | "split" /** Unchanged lines kept either side of a change. Defaults to 3. */ context?: number showLineNumbers?: boolean onAccept?: () => void onReject?: () => void acceptLabel?: string rejectLabel?: string status?: "pending" | "accepted" | "rejected" } /** * Past this many cells the quadratic table costs more than the result is * worth, so the two sides are reported as one wholesale replacement instead. */ const MAX_CELLS = 2_000_000 function splitLines(value: string) { return value === "" ? [] : value.replace(/\n$/, "").split("\n") } /** * A line-level diff. Common prefixes and suffixes are peeled off first, which * is what keeps an edit to one line of a long file cheap, and the remaining * middles go through a longest-common-subsequence table. */ export function diffLines(before: string, after: string): DiffLine[] { const left = splitLines(before) const right = splitLines(after) let head = 0 while ( head < left.length && head < right.length && left[head] === right[head] ) { head++ } let tail = 0 while ( tail < left.length - head && tail < right.length - head && left[left.length - 1 - tail] === right[right.length - 1 - tail] ) { tail++ } const leftMiddle = left.slice(head, left.length - tail) const rightMiddle = right.slice(head, right.length - tail) const lines: DiffLine[] = [] let beforeNumber = 1 let afterNumber = 1 for (let i = 0; i < head; i++) { lines.push({ kind: "context", text: left[i]!, beforeNumber: beforeNumber++, afterNumber: afterNumber++, }) } const middle = leftMiddle.length * rightMiddle.length > MAX_CELLS ? [ ...leftMiddle.map((text) => ({ kind: "remove" as const, text })), ...rightMiddle.map((text) => ({ kind: "add" as const, text })), ] : commonSubsequenceDiff(leftMiddle, rightMiddle) for (const line of middle) { lines.push({ ...line, beforeNumber: line.kind === "add" ? undefined : beforeNumber++, afterNumber: line.kind === "remove" ? undefined : afterNumber++, }) } for (let i = left.length - tail; i < left.length; i++) { lines.push({ kind: "context", text: left[i]!, beforeNumber: beforeNumber++, afterNumber: afterNumber++, }) } return lines } function commonSubsequenceDiff( left: readonly string[], right: readonly string[] ) { const rows = left.length const columns = right.length const table: number[][] = Array.from({ length: rows + 1 }, () => new Array(columns + 1).fill(0) ) for (let i = rows - 1; i >= 0; i--) { for (let j = columns - 1; j >= 0; j--) { table[i]![j] = left[i] === right[j] ? table[i + 1]![j + 1]! + 1 : Math.max(table[i + 1]![j]!, table[i]![j + 1]!) } } const lines: { kind: DiffLineKind; text: string }[] = [] let i = 0 let j = 0 while (i < rows && j < columns) { if (left[i] === right[j]) { lines.push({ kind: "context", text: left[i]! }) i++ j++ } else if (table[i + 1]![j]! >= table[i]![j + 1]!) { lines.push({ kind: "remove", text: left[i]! }) i++ } else { lines.push({ kind: "add", text: right[j]! }) j++ } } while (i < rows) lines.push({ kind: "remove", text: left[i++]! }) while (j < columns) lines.push({ kind: "add", text: right[j++]! }) return lines } /** Drops runs of unchanged lines longer than twice the context window. */ export function toHunks( lines: readonly DiffLine[], context: number ): DiffHunk[] { const changed = lines .map((line, index) => (line.kind === "context" ? -1 : index)) .filter((index) => index >= 0) if (changed.length === 0) return [] const ranges: [number, number][] = [] for (const index of changed) { const start = Math.max(0, index - context) const end = Math.min(lines.length - 1, index + context) const last = ranges[ranges.length - 1] if (last && start <= last[1] + 1) last[1] = Math.max(last[1], end) else ranges.push([start, end]) } return ranges.map(([start, end]) => { const slice = lines.slice(start, end + 1) const first = slice[0]! return { header: `@@ -${first.beforeNumber ?? 1} +${first.afterNumber ?? 1} @@`, lines: slice, } }) } type Row = { left?: DiffLine; right?: DiffLine } /** Pairs each removal with the addition that replaced it, for the split view. */ function toRows(lines: readonly DiffLine[]): Row[] { const rows: Row[] = [] let removed: DiffLine[] = [] const flush = () => { for (const line of removed) rows.push({ left: line }) removed = [] } for (const line of lines) { if (line.kind === "remove") { removed.push(line) } else if (line.kind === "add") { rows.push({ left: removed.shift(), right: line }) } else { flush() rows.push({ left: line, right: line }) } } flush() return rows } const tone: Record = { add: "bg-[color-mix(in_oklab,var(--accent)_18%,transparent)]", remove: "bg-[color-mix(in_oklab,var(--destructive)_14%,transparent)]", context: "", } const sign: Record = { add: "+", remove: "-", context: " ", } export function DiffView({ before = "", after = "", hunks, filename, view = "unified", context = 3, showLineNumbers = true, onAccept, onReject, acceptLabel = "Accept", rejectLabel = "Reject", status = "pending", className, ...rootProps }: DiffViewProps) { const resolved = React.useMemo( () => hunks ?? toHunks(diffLines(before, after), context), [hunks, before, after, context] ) const counts = React.useMemo(() => { let added = 0 let removed = 0 for (const hunk of resolved) { for (const line of hunk.lines) { if (line.kind === "add") added++ if (line.kind === "remove") removed++ } } return { added, removed } }, [resolved]) const gutter = React.useMemo(() => { const highest = resolved.flatMap((hunk) => hunk.lines.map((line) => Math.max(line.beforeNumber ?? 0, line.afterNumber ?? 0) ) ) return String(Math.max(1, ...highest)).length }, [resolved]) const decided = status !== "pending" return (

{resolved.length === 0 ? (

No changes.

) : (

{resolved.map((hunk, hunkIndex) => ( {hunk.header ? ( ) : null} {view === "split" ? toRows(hunk.lines).map((row, index) => ( )) : hunk.lines.map((line, index) => ( {showLineNumbers ? ( ) : null} ))} ))}

{filename ? `Changes to ${filename}` : "Proposed change"}:{" "} {counts.added} added, {counts.removed} removed
{hunk.header}
{line.afterNumber ?? line.beforeNumber}	{line.text === "" ? " " : line.text}

)} {onAccept || onReject ? (

{decided ? (

{status === "accepted" ? "Change accepted." : "Change rejected."}

) : ( <> {onReject ? ( ) : null} {onAccept ? ( ) : null} )}

) : null}

) } function Side({ line, side, gutter, numbered, }: { line?: DiffLine side: "before" | "after" gutter: number numbered: boolean }) { const number = side === "before" ? line?.beforeNumber : line?.afterNumber return ( <> {numbered ? ( {number} ) : null} {line ? ( {line.text === "" ? " " : line.text} ) : null} ) } 4b:["$","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@^1.31.0",{"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@^1.31.0"}]]}]}]]}],["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/diff-view/diff-view.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]