4d: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"] 4e: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"] 4f:Tfe2,"use client" import * as React from "react" import { cn } from "@/lib/utils" export type ResizablePanelsProps = Omit< React.HTMLAttributes, "children" | "onChange" > & { first: React.ReactNode second: React.ReactNode direction?: "horizontal" | "vertical" /** Percentage of the box given to the first panel. */ size?: number defaultSize?: number onSizeChange?: (size: number) => void min?: number max?: number /** Percentage points an arrow key moves. */ step?: number label?: string } /** * Two panels and something to drag between them. The divider is a real * separator with a value, so the split can be changed from the keyboard by * anyone who cannot drag it. */ export function ResizablePanels({ first, second, direction = "horizontal", size, defaultSize = 50, onSizeChange, min = 15, max = 85, step = 4, label = "Resize panels", className, ...rootProps }: ResizablePanelsProps) { const ref = React.useRef(null) const [uncontrolled, setUncontrolled] = React.useState(defaultSize) const current = Math.min(max, Math.max(min, size ?? uncontrolled)) const horizontal = direction === "horizontal" const commit = (next: number) => { const clamped = Math.min(max, Math.max(min, next)) if (size === undefined) setUncontrolled(clamped) onSizeChange?.(clamped) } const fromPointer = (event: React.PointerEvent) => { const box = ref.current?.getBoundingClientRect() if (!box) return const ratio = horizontal ? (event.clientX - box.left) / box.width : (event.clientY - box.top) / box.height commit(ratio * 100) } return (

{first}

{ event.currentTarget.setPointerCapture(event.pointerId) }} onPointerMove={(event) => { if (event.currentTarget.hasPointerCapture(event.pointerId)) { fromPointer(event) } }} onKeyDown={(event) => { const back = horizontal ? "ArrowLeft" : "ArrowUp" const forward = horizontal ? "ArrowRight" : "ArrowDown" if (event.key === back) { event.preventDefault() commit(current - step) } if (event.key === forward) { event.preventDefault() commit(current + step) } if (event.key === "Home") { event.preventDefault() commit(min) } if (event.key === "End") { event.preventDefault() commit(max) } }} > {/* A one pixel line is impossible to hit, so the grab area is wider than the line it moves. */}

{second}

) } 4c:["$","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,["$","$L4d",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"registry/default/resizable-panels/resizable-panels.tsx","content":"$4f","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]