51: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"] 52: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"] 53:T2326,"use client"; import { BotIcon, ChevronDownIcon, HistoryIcon, PlusIcon } from "lucide-react"; import { type ComponentPropsWithoutRef, type FC, forwardRef, useEffect, useId, useMemo, useRef, useState, } from "react"; import { AssistantModalPrimitive, ThreadListPrimitive, useAuiEvent, useAuiState, } from "@assistant-ui/react"; import { Thread } from "@/components/assistant-ui/elements/thread.aui"; import { ThreadListItems, ThreadListRoot, ThreadListSearch, } from "@/components/assistant-ui/elements/thread-list.aui"; import { TooltipIconButton } from "@/components/assistant-ui/elements/tooltip-icon-button"; import { type ModalView, useModalSize } from "../utils/modal-size"; export const AssistantModal: FC = () => { const [view, setView] = useState("thread"); const contentRef = useRef(null); const titleId = useId(); const { size, reset, handleProps } = useModalSize(contentRef); const thread = useMemo(() => , []); useAuiEvent("thread.runStart", () => setView("thread")); return ( { if (open) setView("thread"); }} >

{ if (node) node.inert = view === "list"; }} className="aui-modal-thread h-full" > {thread}

{view === "list" && ( setView("thread")} /> )}

); }; const AssistantModalHeader: FC<{ titleId: string; view: ModalView; onViewChange: (view: ModalView) => void; }> = ({ titleId, view, onViewChange }) => { const title = useAuiState((s) => s.threadListItem.title); const hasThreads = useAuiState((s) => s.threads.threadIds.length > 0); const titleRef = useRef(null); const shownViewRef = useRef(view); useEffect(() => { if (shownViewRef.current === view) return; shownViewRef.current = view; const heading = titleRef.current; const active = document.activeElement; if ( active === document.body || active === heading?.closest("[role='dialog']") ) { heading?.focus(); } }, [view]); return (

{view === "list" ? "Threads" : title || "New Chat"}

onViewChange(view === "list" ? "thread" : "list")} > onViewChange("thread")} >

); }; const AssistantModalThreadList: FC<{ onSelect: () => void }> = ({ onSelect, }) => { const [search, setSearch] = useState(""); const hasThreads = useAuiState((s) => s.threads.threadIds.length > 0); return ( { const target = event.target as Element; if (target.closest("[data-slot='aui_thread-list-item-trigger']")) { onSelect(); } }} > {hasThreads && ( )} ); }; const AssistantModalResizeHandle: FC> = ( props, ) => { return (