{title}

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:T1f88,'use client'; import { Minus, X } from 'lucide-react'; import * as React from 'react'; import { focusRing } from '@/lib/recipes'; import { cn } from '@/lib/utils'; import type { HeadingTag } from '@/components/ui/heading-tag'; import type { LabelOverrides } from '@/components/ui/labels'; import { useLabels } from '@/components/ui/labels-context'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; export interface ChatWindowView { id: string; label: React.ReactNode; content: React.ReactNode; } const heightStyle = { sm: 'h-80', md: 'h-96', // Content area height (viewport minus top bar) minus the bottom-4 float offset and the inset token, so the window never overlaps the top bar. content: 'h-[calc(theme(height.content)-theme(spacing.4)-var(--size-inset))]', } as const; const paddingStyle = { none: 'p-0', sm: 'p-3', md: 'p-4', lg: 'p-6' } as const; export interface ChatWindowProps extends Omit, 'title' | 'children'> { open: boolean; onOpenChange?: (open: boolean) => void; title: React.ReactNode; // Heading element of the title, so the window fits the document outline. Default h2. titleAs?: HeadingTag; // Collapses the body to the header bar. Controlled by the consumer. minimized?: boolean; onMinimizedChange?: (minimized: boolean) => void; // Second header line under the title, for example the assistant role or a status. Describes the dialog. subtitle?: React.ReactNode; // Window height when expanded. `content` fills the content area below the top bar. Default `md`. height?: keyof typeof heightStyle; // Body padding. Default `md`. padding?: keyof typeof paddingStyle; // Several views: a tab list under the fixed header switches the scrolling body. Replaces `children`. views?: ChatWindowView[]; // Controlled view id. view?: string; defaultView?: string; onViewChange?: (id: string) => void; // Accessible name of the view tab list. Defaults to the title text when it is a string. viewsLabel?: string; // Slot in the header before the window buttons, e.g. a status badge or a menu. headerActions?: React.ReactNode; // Message list and other content. Scrolls when it overflows. children?: React.ReactNode; // Composer below the body. footer?: React.ReactNode; // `fixed` floats over the window, `absolute` floats inside a relative container. positioning?: 'fixed' | 'absolute'; side?: 'right' | 'left'; // Moves focus into the window when it opens and back to the opener when it closes. Default true. manageFocus?: boolean; closeLabel?: string; minimizeLabel?: string; restoreLabel?: string; } // Floating non-modal chat window: the page behind stays usable. Escape inside the window closes it. const ChatWindow = React.forwardRef( ( { className, open, onOpenChange, title, titleAs: Title = 'h2', subtitle, height = 'md', padding = 'md', views, view, defaultView, onViewChange, viewsLabel, minimized = false, onMinimizedChange, headerActions, children, footer, positioning = 'fixed', side = 'right', manageFocus = true, closeLabel, minimizeLabel, restoreLabel, onKeyDown, ...props }, ref, ) => { const labels: LabelOverrides = { close: closeLabel, chatMinimize: minimizeLabel, chatRestore: restoreLabel }; const l = useLabels(labels); const titleId = React.useId(); const subtitleId = React.useId(); const innerRef = React.useRef(null); const openerRef = React.useRef(null); const setRefs = (node: HTMLElement | null) => { innerRef.current = node; if (typeof ref === 'function') ref(node); else if (ref) (ref as React.MutableRefObject).current = node; }; React.useEffect(() => { if (!open || !manageFocus) return undefined; openerRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null; innerRef.current?.focus(); return () => { const opener = openerRef.current; if (opener && document.contains(opener)) opener.focus(); }; }, [open, manageFocus]); if (!open) return null; const toggleLabel = minimized ? l.chatRestore : l.chatMinimize; const iconButton = cn('inline-flex h-control-sm w-control-sm items-center justify-center rounded-control text-icon-subtle hover:bg-muted hover:text-foreground', focusRing); return ( ); }, ); ChatWindow.displayName = 'ChatWindow'; export { ChatWindow }; 50:["$","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","lucide-react@^0.379.0",{"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@^0.379.0"}]]}]}]]}],["$","$L51",null,{"namespace":"@getitdone","registryDependencies":["https://zero-design.itdone.de/r/heading-tag.json","https://zero-design.itdone.de/r/labels.json","https://zero-design.itdone.de/r/labels-context.json","https://zero-design.itdone.de/r/recipes.json","https://zero-design.itdone.de/r/tabs.json","https://zero-design.itdone.de/r/utils.json","https://zero-design.itdone.de/r/theme.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/ui/chat-window.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]