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:T35e7,"use client"; import { useControllableState } from "@radix-ui/react-use-controllable-state"; import { Button } from "@/registry/default/ui/button"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/registry/default/ui/collapsible"; import { cn } from "@/lib/utils"; import { AlertTriangleIcon, CheckIcon, ChevronDownIcon, CopyIcon, } from "lucide-react"; import type { ComponentProps } from "react"; import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react"; // Regex patterns for parsing stack traces const STACK_FRAME_WITH_PARENS_REGEX = /^at\s+(.+?)\s+$(.+):(\d+):(\d+)$$/; const STACK_FRAME_WITHOUT_FN_REGEX = /^at\s+(.+):(\d+):(\d+)$/; const ERROR_TYPE_REGEX = /^(\w+Error|Error):\s*(.*)$/; const AT_PREFIX_REGEX = /^at\s+/; interface StackFrame { raw: string; functionName: string | null; filePath: string | null; lineNumber: number | null; columnNumber: number | null; isInternal: boolean; } interface ParsedStackTrace { errorType: string | null; errorMessage: string; frames: StackFrame[]; raw: string; } interface StackTraceContextValue { trace: ParsedStackTrace; raw: string; isOpen: boolean; setIsOpen: (open: boolean) => void; onFilePathClick?: (filePath: string, line?: number, column?: number) => void; } const StackTraceContext = createContext(null); const useStackTrace = () => { const context = useContext(StackTraceContext); if (!context) { throw new Error("StackTrace components must be used within StackTrace"); } return context; }; const parseStackFrame = (line: string): StackFrame => { const trimmed = line.trim(); // Pattern: at functionName (filePath:line:column) const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX); if (withParensMatch) { const [, functionName, filePath, lineNum, colNum] = withParensMatch; const isInternal = filePath.includes("node_modules") || filePath.startsWith("node:") || filePath.includes("internal/"); return { columnNumber: colNum ? Number.parseInt(colNum, 10) : null, filePath: filePath ?? null, functionName: functionName ?? null, isInternal, lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null, raw: trimmed, }; } // Pattern: at filePath:line:column (no function name) const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX); if (withoutFnMatch) { const [, filePath, lineNum, colNum] = withoutFnMatch; const isInternal = (filePath?.includes("node_modules") ?? false) || (filePath?.startsWith("node:") ?? false) || (filePath?.includes("internal/") ?? false); return { columnNumber: colNum ? Number.parseInt(colNum, 10) : null, filePath: filePath ?? null, functionName: null, isInternal, lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null, raw: trimmed, }; } // Fallback: unparseable line return { columnNumber: null, filePath: null, functionName: null, isInternal: trimmed.includes("node_modules") || trimmed.includes("node:"), lineNumber: null, raw: trimmed, }; }; const parseStackTrace = (trace: string): ParsedStackTrace => { const lines = trace.split("\n").filter((line) => line.trim()); if (lines.length === 0) { return { errorMessage: trace, errorType: null, frames: [], raw: trace, }; } const firstLine = lines[0].trim(); let errorType: string | null = null; let errorMessage = firstLine; // Try to extract error type from "ErrorType: message" format const errorMatch = firstLine.match(ERROR_TYPE_REGEX); if (errorMatch) { const [, type, msg] = errorMatch; errorType = type; errorMessage = msg || ""; } // Parse stack frames (lines starting with "at") const frames = lines .slice(1) .filter((line) => line.trim().startsWith("at ")) .map(parseStackFrame); return { errorMessage, errorType, frames, raw: trace, }; }; export type StackTraceProps = ComponentProps<"div"> & { trace: string; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; onFilePathClick?: (filePath: string, line?: number, column?: number) => void; }; export const StackTrace = memo( ({ trace, className, open, defaultOpen = false, onOpenChange, onFilePathClick, children, ...props }: StackTraceProps) => { const [isOpen, setIsOpen] = useControllableState({ defaultProp: defaultOpen, onChange: onOpenChange, prop: open, }); const parsedTrace = useMemo(() => parseStackTrace(trace), [trace]); const contextValue = useMemo( () => ({ isOpen, onFilePathClick, raw: trace, setIsOpen, trace: parsedTrace, }), [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick] ); return (

{children}

); } ); export type StackTraceHeaderProps = ComponentProps; export const StackTraceHeader = memo( ({ className, children, ...props }: StackTraceHeaderProps) => { const { isOpen, setIsOpen } = useStackTrace(); return (

{children}

); } ); export type StackTraceErrorProps = ComponentProps<"div">; export const StackTraceError = memo( ({ className, children, ...props }: StackTraceErrorProps) => (

{children}

) ); export type StackTraceErrorTypeProps = ComponentProps<"span">; export const StackTraceErrorType = memo( ({ className, children, ...props }: StackTraceErrorTypeProps) => { const { trace } = useStackTrace(); return ( {children ?? trace.errorType} ); } ); export type StackTraceErrorMessageProps = ComponentProps<"span">; export const StackTraceErrorMessage = memo( ({ className, children, ...props }: StackTraceErrorMessageProps) => { const { trace } = useStackTrace(); return ( {children ?? trace.errorMessage} ); } ); export type StackTraceActionsProps = ComponentProps<"div">; const handleActionsClick = (e: React.MouseEvent) => e.stopPropagation(); const handleActionsKeyDown = (e: React.KeyboardEvent) => { if (e.key === "Enter" || e.key === " ") { e.stopPropagation(); } }; export const StackTraceActions = memo( ({ className, children, ...props }: StackTraceActionsProps) => (

{children}

) ); export type StackTraceCopyButtonProps = ComponentProps & { onCopy?: () => void; onError?: (error: Error) => void; timeout?: number; }; export const StackTraceCopyButton = memo( ({ onCopy, onError, timeout = 2000, className, children, ...props }: StackTraceCopyButtonProps) => { const [isCopied, setIsCopied] = useState(false); const timeoutRef = useRef(0); const { raw } = useStackTrace(); const copyToClipboard = useCallback(async () => { if (typeof window === "undefined" || !navigator?.clipboard?.writeText) { onError?.(new Error("Clipboard API not available")); return; } try { await navigator.clipboard.writeText(raw); setIsCopied(true); onCopy?.(); timeoutRef.current = window.setTimeout( () => setIsCopied(false), timeout ); } catch (error) { onError?.(error as Error); } }, [raw, onCopy, onError, timeout]); useEffect( () => () => { window.clearTimeout(timeoutRef.current); }, [] ); const Icon = isCopied ? CheckIcon : CopyIcon; return ( ); } ); export type StackTraceExpandButtonProps = ComponentProps<"div">; export const StackTraceExpandButton = memo( ({ className, ...props }: StackTraceExpandButtonProps) => { const { isOpen } = useStackTrace(); return (

); } ); export type StackTraceContentProps = ComponentProps< typeof CollapsibleContent > & { maxHeight?: number; }; export const StackTraceContent = memo( ({ className, maxHeight = 400, children, ...props }: StackTraceContentProps) => { const { isOpen } = useStackTrace(); return ( {children} ); } ); export type StackTraceFramesProps = ComponentProps<"div"> & { showInternalFrames?: boolean; }; interface FilePathButtonProps { frame: StackFrame; onFilePathClick?: ( filePath: string, lineNumber?: number, columnNumber?: number ) => void; } const FilePathButton = memo( ({ frame, onFilePathClick }: FilePathButtonProps) => { const handleClick = useCallback(() => { if (frame.filePath) { onFilePathClick?.( frame.filePath, frame.lineNumber ?? undefined, frame.columnNumber ?? undefined ); } }, [frame, onFilePathClick]); return ( ); } ); FilePathButton.displayName = "FilePathButton"; export const StackTraceFrames = memo( ({ className, showInternalFrames = true, ...props }: StackTraceFramesProps) => { const { trace, onFilePathClick } = useStackTrace(); const framesToShow = showInternalFrames ? trace.frames : trace.frames.filter((f) => !f.isInternal); return (

{framesToShow.map((frame) => (

at {frame.functionName && ( {frame.functionName}{" "} )} {frame.filePath && ( <> ( ) )} {!(frame.filePath || frame.functionName) && ( {frame.raw.replace(AT_PREFIX_REGEX, "")} )}

))} {framesToShow.length === 0 && (

No stack frames

)}

); } ); StackTrace.displayName = "StackTrace"; StackTraceHeader.displayName = "StackTraceHeader"; StackTraceError.displayName = "StackTraceError"; StackTraceErrorType.displayName = "StackTraceErrorType"; StackTraceErrorMessage.displayName = "StackTraceErrorMessage"; StackTraceActions.displayName = "StackTraceActions"; StackTraceCopyButton.displayName = "StackTraceCopyButton"; StackTraceExpandButton.displayName = "StackTraceExpandButton"; StackTraceContent.displayName = "StackTraceContent"; StackTraceFrames.displayName = "StackTraceFrames"; 4f:["$","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","@radix-ui/react-use-controllable-state",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-use-controllable-state","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":"@radix-ui/react-use-controllable-state"}]]}]}],["$","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"}]]}]}]]}],["$","$L50",null,{"namespace":"@ai-elements","registryDependencies":["button","collapsible"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/ai-elements/stack-trace.tsx","content":"$52","type":"registry:component","target":"components/ai-elements/stack-trace.tsx"}],"className":"h-[70svh] min-h-80"}]]}]