50: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"] 51:T1ec4,"use client"; import * as React from "react"; import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"; import { ChevronDown, ClipboardList, Sparkles } from "lucide-react"; import { cn } from "@/lib/utils"; interface AiPlanContextValue { isStreaming: boolean; isOpen: boolean; } const AiPlanContext = React.createContext(null); function usePlanContext() { const context = React.useContext(AiPlanContext); if (!context) { throw new Error("AiPlan components must be used within "); } return context; } interface AiPlanProps { isStreaming?: boolean; defaultOpen?: boolean; open?: boolean; onOpenChange?: (open: boolean) => void; children?: React.ReactNode; className?: string; } function AiPlan({ isStreaming = false, defaultOpen = true, open: controlledOpen, onOpenChange, children, className, }: AiPlanProps) { const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen); const isControlled = controlledOpen !== undefined; const isOpen = isControlled ? controlledOpen : uncontrolledOpen; const handleOpenChange = React.useCallback( (open: boolean) => { if (!isControlled) { setUncontrolledOpen(open); } onOpenChange?.(open); }, [isControlled, onOpenChange], ); React.useEffect(() => { if (isStreaming) { handleOpenChange(true); } }, [isStreaming, handleOpenChange]); const contextValue = React.useMemo( () => ({ isStreaming, isOpen }), [isStreaming, isOpen], ); return ( {children} ); } interface AiPlanHeaderProps { children?: React.ReactNode; className?: string; } function AiPlanHeader({ children, className }: AiPlanHeaderProps) { const { isStreaming, isOpen } = usePlanContext(); return (

{isStreaming ? ( ) : ( )}

{children}

); } interface AiPlanTitleProps { children?: React.ReactNode; className?: string; } function AiPlanTitle({ children, className }: AiPlanTitleProps) { const { isStreaming } = usePlanContext(); return (

{children} {isStreaming && ( Generating... )}

); } interface AiPlanDescriptionProps { children?: React.ReactNode; className?: string; } function AiPlanDescription({ children, className }: AiPlanDescriptionProps) { return (

{children}

); } interface AiPlanContentProps { children?: React.ReactNode; className?: string; } function AiPlanContent({ children, className }: AiPlanContentProps) { const { isStreaming } = usePlanContext(); return (

{isStreaming && (

)} {children}

); } interface AiPlanFooterProps { children?: React.ReactNode; className?: string; } function AiPlanFooter({ children, className }: AiPlanFooterProps) { const { isStreaming } = usePlanContext(); return (

{children}

); } interface AiPlanActionProps { variant?: "primary" | "secondary" | "destructive"; disabled?: boolean; onClick?: () => void; children?: React.ReactNode; className?: string; } function AiPlanAction({ variant = "secondary", disabled = false, onClick, children, className, }: AiPlanActionProps) { const { isStreaming } = usePlanContext(); const variantStyles = React.useMemo(() => { const styles: Record = { primary: "bg-primary text-primary-foreground hover:bg-primary/90 disabled:bg-primary/50", secondary: "bg-muted text-foreground hover:bg-muted/80 disabled:bg-muted/50", destructive: "bg-red-600 text-white hover:bg-red-700 disabled:bg-red-600/50", }; return styles[variant]; }, [variant]); return ( ); } interface AiPlanStepProps { number: number; children?: React.ReactNode; className?: string; } function AiPlanStep({ number, children, className }: AiPlanStepProps) { return (

{number}

{children}

); } export { AiPlan, AiPlanHeader, AiPlanTitle, AiPlanDescription, AiPlanContent, AiPlanFooter, AiPlanAction, AiPlanStep, }; export type { AiPlanProps }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L50",null,{"files":[{"path":"registry/default/blocks/ai/ai-plan/components/elements/ai-plan.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]