50: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"] 51: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"] 52:T125a,"use client"; import { Slot, Slottable } from "@radix-ui/react-slot"; import { LoaderCircle } from "lucide-react"; import { useLayoutEffect, useRef, useState, type ComponentProps, type ReactNode, } from "react"; import { cn } from "./lib/cn"; import "./shared/loading-indicator.css"; import "./button.css"; /* Colour, material and press live in button.css keyed on data-variant, so a consumer's utility classes still override them. Raised to press: the button sinks 1px into an inner shade instead of scaling. */ const variants = { default: "", secondary: "", ghost: "", destructive: "", }; const sizes = { sm: "h-8 gap-1.5 rounded-control px-3 text-[13px] max-md:min-h-11 [@media(pointer:coarse)]:min-h-11", md: "h-[var(--control-height)] gap-2 rounded-button px-3.5 text-sm", lg: "h-11 gap-2 rounded-touch px-[18px] text-[15px]", icon: "size-[var(--control-height)] rounded-button p-0", }; export type ButtonProps = ComponentProps<"button"> & { variant?: keyof typeof variants; size?: keyof typeof sizes; asChild?: boolean; /** Shows a spinner over the label and swallows clicks while keeping focus and width. */ loading?: boolean; /** Animate a meaningful label/icon change, such as saving → saved. */ feedbackKey?: string; }; export function Button({ className, variant = "default", size = "md", asChild = false, loading = false, feedbackKey, disabled, "aria-disabled": ariaDisabled, children, onClick, onClickCapture, tabIndex, type = "button", ...props }: ButtonProps) { const Component = asChild ? Slot : "button"; const nativeDisabled = Boolean(disabled); const blocked = nativeDisabled || loading || ariaDisabled === true || ariaDisabled === "true"; return ( { if (blocked && (event.key === "Enter" || event.key === " ")) { event.preventDefault(); } props.onKeyDown?.(event); }} onClickCapture={(event) => { if (blocked) { event.preventDefault(); event.stopPropagation(); return; } onClickCapture?.(event); }} onClick={onClick} > {loading && asChild && ( )} {loading && !asChild && feedbackKey === undefined && ( )} {loading && !asChild && feedbackKey === undefined ? ( {children} ) : feedbackKey !== undefined && !asChild ? ( {loading && ( ) : ( children )} ); } function ButtonFeedback({ stateKey, children, }: { stateKey: string; children: ReactNode; }) { const content = useRef(null); const [initialKey] = useState(stateKey); const [width, setWidth] = useState(); useLayoutEffect(() => { const element = content.current; if (!element) return; const measure = () => setWidth(element.offsetWidth); measure(); const observer = new ResizeObserver(measure); observer.observe(element); return () => observer.disconnect(); }, [stateKey]); return ( {children} ); } 53:T2524,"use client"; import { Check, Copy } from "lucide-react"; import { useEffect, useMemo, useRef, useState, type CSSProperties, type KeyboardEvent } from "react"; import { Button } from "./button"; import { cn } from "./lib/cn"; import { TextShimmer } from "./text-motion"; import "./shared/styles-2.css"; import "./code-block.css"; export type CodeLanguage = "tsx" | "ts" | "js" | "json" | "css" | "bash" | "text"; type Token = { type?: string; text: string }; const string = String.raw`\x60(?:\\.|[^\x60\\])*\x60|"(?:\\.|[^"\\\n])*"|'(?:\\.|[^'\\\n])*'`; const rules: Record = { tsx: [ ["comment", String.raw`\/\/.*|\/\*[\s\S]*?\*\/`], ["string", string], ["number", String.raw`\b\d[\d_]*(?:\.\d+)?\b`], ["keyword", String.raw`\b(?:const|let|var|function|return|if|else|for|while|import|from|export|default|async|await|new|class|extends|type|interface|as|typeof|true|false|null|undefined|switch|case|break|continue|try|catch|throw|of|in|void)\b`], ["component", String.raw`<\/?[A-Z][\w.]*`], ["function", String.raw`[A-Za-z_$][\w$]*(?=\()`], ], ts: [], js: [], json: [ ["property", String.raw`"(?:\\.|[^"\\\n])*"(?=\s*:)`], ["string", String.raw`"(?:\\.|[^"\\\n])*"`], ["number", String.raw`-?\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b`], ["keyword", String.raw`\b(?:true|false|null)\b`], ], css: [ ["comment", String.raw`\/\*[\s\S]*?\*\/`], ["string", string], ["keyword", String.raw`@[\w-]+`], ["property", String.raw`--?[\w-]+(?=\s*:)|[a-z-]+(?=\s*:)`], ["number", String.raw`#[0-9a-fA-F]{3,8}\b|-?\d*\.?\d+(?:px|rem|em|%|ms|s|vh|vw|deg)?`], ], bash: [ ["comment", String.raw`#.*`], ["string", string], ["flag", String.raw`(?<=\s)--?[\w-]+`], ["function", String.raw`^\s*(?:\$ )?[\w./-]+`], ["keyword", String.raw`&&|\|\||\|`], ], text: [], }; rules.ts = rules.tsx; rules.js = rules.tsx; /** A small, dependency-free tokenizer: enough to read code, not a parser. */ export function highlightCode(code: string, language: CodeLanguage): Token[][] { const set = rules[language] ?? []; const lines: Token[][] = [[]]; const push = (type: string | undefined, text: string) => { text.split("\n").forEach((part, i) => { if (i) lines.push([]); if (part) lines.at(-1)!.push({ type, text: part }); }); }; if (!set.length) { push(undefined, code); return lines; } const pattern = new RegExp(set.map(([, source]) => `(${source})`).join("|"), "gm"); let last = 0; for (const match of code.matchAll(pattern)) { if (match.index > last) push(undefined, code.slice(last, match.index)); const group = match.findIndex((value, i) => i > 0 && value !== undefined) - 1; push(set[group][0], match[0]); last = match.index + match[0].length; } if (last < code.length) push(undefined, code.slice(last)); return lines; } export async function copyText(text: string) { try { await navigator.clipboard.writeText(text); return true; } catch { const area = document.createElement("textarea"); area.value = text; area.setAttribute("readonly", ""); area.style.position = "fixed"; area.style.opacity = "0"; document.body.appendChild(area); area.select(); const ok = document.execCommand("copy"); area.remove(); return ok; } } export type CodeVariant = { id: string; label: string; code: string; language?: CodeLanguage }; export function CodeBlock({ code, language = "text", title, variants, lineNumbers = false, highlight = [], collapsedLines, wrap = false, streaming = false, maxHeight, label, className, }: { code?: string; language?: CodeLanguage; /** A filename or short caption shown in the header. */ title?: string; /** Alternatives of the same snippet, such as package managers. Replaces `code`. */ variants?: readonly CodeVariant[]; lineNumbers?: boolean; /** 1-based line numbers to emphasize. */ highlight?: readonly number[]; /** Show only this many lines until the reader expands. */ collapsedLines?: number; wrap?: boolean; /** The code is still arriving: shows a caret, follows the newest line and holds Copy until it is whole. */ streaming?: boolean; /** Any CSS height. Taller code scrolls inside the block. */ maxHeight?: string; label?: string; className?: string; }) { const [variant, setVariant] = useState(variants?.[0]?.id), [copied, setCopied] = useState(false), [open, setOpen] = useState(false); const timer = useRef>(undefined); useEffect(() => () => clearTimeout(timer.current), []); const current = variants?.find((v) => v.id === variant) ?? variants?.[0]; const source = (current?.code ?? code ?? "").replace(/\n$/, ""); const lang = current?.language ?? language; const lines = useMemo(() => highlightCode(source, lang), [source, lang]); const collapsible = !wrap && !streaming && !!collapsedLines && lines.length > collapsedLines + 1; const pre = useRef(null); const follow = useRef(true); // While code streams in, stay with the newest line unless the reader scrolls up. useEffect(() => { if (streaming && follow.current && pre.current) pre.current.scrollTop = pre.current.scrollHeight; }, [source, streaming]); const hidden = collapsible ? lines.length - collapsedLines! : 0; const tabKeys = (event: KeyboardEvent) => { if (!variants) return; const at = variants.findIndex((v) => v.id === variant); const next = event.key === "ArrowRight" ? at + 1 : event.key === "ArrowLeft" ? at - 1 : event.key === "Home" ? 0 : event.key === "End" ? variants.length - 1 : undefined; if (next === undefined) return; event.preventDefault(); const target = variants[(next + variants.length) % variants.length]; setVariant(target.id); event.currentTarget.querySelector(`[data-variant="${target.id}"]`)?.focus(); }; const copy = async () => { setCopied((await copyText(source)) ? "yes" : "no"); clearTimeout(timer.current); timer.current = setTimeout(() => setCopied(false), 1600); }; const name = label ?? title ?? "Code"; return (

{variants ? (

{variants.map((v) => ( ))}

) : (

{title ?? lang}

)}

{streaming ? ( Writing… ) : variants || title ? ( {lang} ) : null}

 {
            const el = event.currentTarget;
            follow.current = el.scrollHeight - el.scrollTop - el.clientHeight < 24;
          }}
          tabIndex={0}
          role={variants ? "tabpanel" : "region"}
          aria-label={`${name}, ${lang}${lines.length > 1 ? `, ${lines.length} lines` : ""}`}
          data-numbers={lineNumbers}
        >
          
            {lines.map((line, i) => (
              
                {line.length ? line.map((token, j) => (token.type ? {token.text} : token.text)) : "\n"}
                {streaming && i === lines.length - 1 && }
              
            ))}

{collapsible && ( )}

{copied === "yes" ? "Copied to clipboard" : copied === "no" ? "Could not copy. Select the code instead." : ""}

); } 54:Te80,import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react"; import type { ComponentProps, ReactNode } from "react"; import { cn } from "./lib/cn"; import "./shared/bulk-bar.css"; import "./data-table.css"; export type DataTableProps = ComponentProps<"table"> & { caption: string; }; export function DataTable({ caption, className, children, ...props }: DataTableProps) { return (

{children}

); } export function DataTableHead({ className, scope = "col", numeric = false, sort, onSort, children, ...props }: ComponentProps<"th"> & { /** Right-aligned with tabular figures, for money and counts. */ numeric?: boolean; /** Makes the header a sort button. */ sort?: "ascending" | "descending" | "none"; onSort?: () => void; }) { const Icon = sort === "ascending" ? ArrowUp : sort === "descending" ? ArrowDown : ArrowUpDown; return ( {onSort ? ( ) : ( children )} ); } export function DataTableCell({ className, numeric = false, ...props }: ComponentProps<"td"> & { numeric?: boolean }) { return ( ); } /** A row with a quiet hover fill, an ember-tinted selected state and a keyboard cursor. */ export function DataTableRow({ selected, cursor, className, ...props }: ComponentProps<"tr"> & { selected?: boolean; cursor?: boolean }) { return ( ); } /** Rises from the bottom while rows are selected: the count, the total and actions for all of them. */ export function DataTableBulkBar({ count, summary, children, className, }: { count: number; summary?: ReactNode; children: ReactNode; className?: string; }) { return ( ); } 55:T2c93,"use client"; import { ChevronRight } from "lucide-react"; import { Fragment, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from "react"; import { Button } from "./button"; import { copyText } from "./code-block"; import { cn } from "./lib/cn"; import "./shared/tree-chevron.css"; import "./json-viewer.css"; type Row = { path: string; /** Property name or array index; null for the root. */ key: string | null; value: unknown; level: number; index: number; size: number; kind: "object" | "array" | "string" | "number" | "boolean" | "null" | "other" | "more"; count?: number; more?: number; expanded?: boolean; }; const PAGE = 50; const typeOf = (v: unknown): Row["kind"] => v === null ? "null" : Array.isArray(v) ? "array" : typeof v === "object" ? "object" : typeof v === "string" ? "string" : typeof v === "number" ? "number" : typeof v === "boolean" ? "boolean" : "other"; const entries = (v: unknown): [string, unknown][] => Array.isArray(v) ? v.map((item, i) => [String(i), item]) : Object.entries(v as object); const pathFor = (parent: string, key: string, array: boolean) => (array ? `${parent}[${key}]` : /^[A-Za-z_$][\w$]*$/.test(key) ? `${parent}.${key}` : `${parent}[${JSON.stringify(key)}]`); const stringify = (v: unknown) => { try { return JSON.stringify(v, (_, x) => (typeof x === "bigint" ? x.toString() : x), 2) ?? String(v); } catch { return String(v); } }; function Mark({ text, query }: { text: string; query: string }) { if (!query) return <>{text}; const at = text.toLowerCase().indexOf(query.toLowerCase()); return at < 0 ? <>{text} : <>{text.slice(0, at)}{text.slice(at, at + query.length)}{text.slice(at + query.length)}; } export function JsonViewer({ label, data, defaultDepth = 1, query = "", className, }: { label: string; data: unknown; /** Levels open at first. */ defaultDepth?: number; /** Highlights matching keys and values and opens the branches that hold them. */ query?: string; className?: string; }) { const [toggled, setToggled] = useState>({}), [limits, setLimits] = useState>({}), [longs, setLongs] = useState>({}), [active, setActive] = useState(null), [copied, setCopied] = useState(""); const root = useRef(null); const needle = query.trim().toLowerCase(); // Paths whose branch holds a match, so searching reveals results. const matched = useMemo(() => { const open = new Set(); if (!needle) return open; const seen = new WeakSet