@shepai/cli 1.106.4-pr326.f9b6ed2 → 1.106.4-pr327.f3fea88

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Wrench, Puzzle, Plus, Settings } from 'lucide-react';
+import { Home, MessageSquare, Wrench, Puzzle, Plus, Settings } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -29,7 +29,7 @@ export function AppSidebar({ features, featureFlags, showNewFeature = false, onN
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), featureFlags.chat ? (_jsx(SidebarNavItem, { icon: MessageSquare, label: "Chat", href: "/chat", active: pathname === '/chat' })) : null, _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from './app-sidebar.js';
-const defaultFeatureFlags = { skills: true, envDeploy: true, debug: false };
+const defaultFeatureFlags = { skills: true, envDeploy: true, debug: false, chat: true };
 const meta = {
     title: 'Layout/AppSidebar',
     component: AppSidebar,

package/dist/src/presentation/web/components/ui/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Avatar as AvatarPrimitive } from 'radix-ui';
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: 'default' | 'sm' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/presentation/web/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC,2CAYA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAczE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7E;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/avatar.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+function Avatar({ className, size = 'default', ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn('group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6', className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full', className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs', className), ...props }));
+}
+function AvatarBadge({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "avatar-badge", className: cn('bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none', 'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden', 'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2', 'group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2', className), ...props }));
+}
+function AvatarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group", className: cn('group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2', className), ...props }));
+}
+function AvatarGroupCount({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn('bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3', className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount };

package/dist/src/presentation/web/components/ui/chat-container.d.ts

@@ -0,0 +1,17 @@
+export type ChatContainerRootProps = {
+    children: React.ReactNode;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type ChatContainerContentProps = {
+    children: React.ReactNode;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type ChatContainerScrollAnchorProps = {
+    className?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare function ChatContainerRoot({ children, className, ...props }: ChatContainerRootProps): import("react/jsx-runtime").JSX.Element;
+declare function ChatContainerContent({ children, className, ...props }: ChatContainerContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ChatContainerScrollAnchor({ className, ...props }: ChatContainerScrollAnchorProps): import("react/jsx-runtime").JSX.Element;
+export { ChatContainerRoot, ChatContainerContent, ChatContainerScrollAnchor };
+//# sourceMappingURL=chat-container.d.ts.map

package/dist/src/presentation/web/components/ui/chat-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-container.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/chat-container.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAYnF;AAED,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAMzF;AAED,iBAAS,yBAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,8BAA8B,2CAQzF;AAED,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/chat-container.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { StickToBottom } from 'use-stick-to-bottom';
+function ChatContainerRoot({ children, className, ...props }) {
+    return (_jsx(StickToBottom, { className: cn('flex overflow-y-auto', className), resize: "smooth", initial: "instant", role: "log", ...props, children: children }));
+}
+function ChatContainerContent({ children, className, ...props }) {
+    return (_jsx(StickToBottom.Content, { className: cn('flex w-full flex-col', className), ...props, children: children }));
+}
+function ChatContainerScrollAnchor({ className, ...props }) {
+    return (_jsx("div", { className: cn('h-px w-full shrink-0 scroll-mt-4', className), "aria-hidden": "true", ...props }));
+}
+export { ChatContainerRoot, ChatContainerContent, ChatContainerScrollAnchor };

package/dist/src/presentation/web/components/ui/code-block.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type CodeBlockProps = {
+    children?: React.ReactNode;
+    className?: string;
+} & React.HTMLProps<HTMLDivElement>;
+declare function CodeBlock({ children, className, ...props }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockCodeProps = {
+    code: string;
+    language?: string;
+    theme?: string;
+    className?: string;
+} & React.HTMLProps<HTMLDivElement>;
+declare function CodeBlockCode({ code, language, theme, className, ...props }: CodeBlockCodeProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockGroupProps = React.HTMLAttributes<HTMLDivElement>;
+declare function CodeBlockGroup({ children, className, ...props }: CodeBlockGroupProps): import("react/jsx-runtime").JSX.Element;
+export { CodeBlockGroup, CodeBlockCode, CodeBlock };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/src/presentation/web/components/ui/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/code-block.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAEpC,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAanE;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAEpC,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,QAAgB,EAChB,KAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA4BpB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAM7E;AAED,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/code-block.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { useEffect, useState } from 'react';
+import { codeToHtml } from 'shiki';
+function CodeBlock({ children, className, ...props }) {
+    return (_jsx("div", { className: cn('not-prose flex w-full flex-col overflow-clip border', 'border-border bg-card text-card-foreground rounded-xl', className), ...props, children: children }));
+}
+function CodeBlockCode({ code, language = 'tsx', theme = 'github-light', className, ...props }) {
+    const [highlightedHtml, setHighlightedHtml] = useState(null);
+    useEffect(() => {
+        async function highlight() {
+            if (!code) {
+                setHighlightedHtml('<pre><code></code></pre>');
+                return;
+            }
+            const html = await codeToHtml(code, { lang: language, theme });
+            setHighlightedHtml(html);
+        }
+        highlight();
+    }, [code, language, theme]);
+    const classNames = cn('w-full overflow-x-auto text-[13px] [&>pre]:px-4 [&>pre]:py-4', className);
+    // SSR fallback: render plain code if not hydrated yet
+    return highlightedHtml ? (_jsx("div", { className: classNames, dangerouslySetInnerHTML: { __html: highlightedHtml }, ...props })) : (_jsx("div", { className: classNames, ...props, children: _jsx("pre", { children: _jsx("code", { children: code }) }) }));
+}
+function CodeBlockGroup({ children, className, ...props }) {
+    return (_jsx("div", { className: cn('flex items-center justify-between', className), ...props, children: children }));
+}
+export { CodeBlockGroup, CodeBlockCode, CodeBlock };

package/dist/src/presentation/web/components/ui/loader.d.ts

@@ -0,0 +1,60 @@
+export interface LoaderProps {
+    variant?: 'circular' | 'classic' | 'pulse' | 'pulse-dot' | 'dots' | 'typing' | 'wave' | 'bars' | 'terminal' | 'text-blink' | 'text-shimmer' | 'loading-dots';
+    size?: 'sm' | 'md' | 'lg';
+    text?: string;
+    className?: string;
+}
+export declare function CircularLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ClassicLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PulseLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PulseDotLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DotsLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TypingLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function WaveLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BarsLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TerminalLoader({ className, size, }: {
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TextBlinkLoader({ text, className, size, }: {
+    text?: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TextShimmerLoader({ text, className, size, }: {
+    text?: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TextDotsLoader({ className, text, size, }: {
+    className?: string;
+    text?: string;
+    size?: 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;
+declare function Loader({ variant, size, text, className }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export { Loader };
+//# sourceMappingURL=loader.d.ts.map

package/dist/src/presentation/web/components/ui/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/loader.tsx"],"names":[],"mappings":"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"}

package/dist/src/presentation/web/components/ui/loader.js

@@ -0,0 +1,190 @@
+/* eslint-disable react/no-array-index-key */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+export function CircularLoader({ className, size = 'md', }) {
+    const sizeClasses = {
+        sm: 'size-4',
+        md: 'size-5',
+        lg: 'size-6',
+    };
+    return (_jsx("div", { className: cn('border-primary animate-spin rounded-full border-2 border-t-transparent', sizeClasses[size], className), children: _jsx("span", { className: "sr-only", children: "Loading" }) }));
+}
+export function ClassicLoader({ className, size = 'md', }) {
+    const sizeClasses = {
+        sm: 'size-4',
+        md: 'size-5',
+        lg: 'size-6',
+    };
+    const barSizes = {
+        sm: { height: '6px', width: '1.5px' },
+        md: { height: '8px', width: '2px' },
+        lg: { height: '10px', width: '2.5px' },
+    };
+    return (_jsxs("div", { className: cn('relative', sizeClasses[size], className), children: [_jsx("div", { className: "absolute h-full w-full", children: [...Array(12)].map((_, i) => (_jsx("div", { className: "bg-primary absolute animate-[spinner-fade_1.2s_linear_infinite] rounded-full", style: {
+                        top: '0',
+                        left: '50%',
+                        marginLeft: size === 'sm' ? '-0.75px' : size === 'lg' ? '-1.25px' : '-1px',
+                        transformOrigin: `${size === 'sm' ? '0.75px' : size === 'lg' ? '1.25px' : '1px'} ${size === 'sm' ? '10px' : size === 'lg' ? '14px' : '12px'}`,
+                        transform: `rotate(${i * 30}deg)`,
+                        opacity: 0,
+                        animationDelay: `${i * 0.1}s`,
+                        height: barSizes[size].height,
+                        width: barSizes[size].width,
+                    } }, i))) }), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function PulseLoader({ className, size = 'md', }) {
+    const sizeClasses = {
+        sm: 'size-4',
+        md: 'size-5',
+        lg: 'size-6',
+    };
+    return (_jsxs("div", { className: cn('relative', sizeClasses[size], className), children: [_jsx("div", { className: "border-primary absolute inset-0 animate-[thin-pulse_1.5s_ease-in-out_infinite] rounded-full border-2" }), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function PulseDotLoader({ className, size = 'md', }) {
+    const sizeClasses = {
+        sm: 'size-1',
+        md: 'size-2',
+        lg: 'size-3',
+    };
+    return (_jsx("div", { className: cn('bg-primary animate-[pulse-dot_1.2s_ease-in-out_infinite] rounded-full', sizeClasses[size], className), children: _jsx("span", { className: "sr-only", children: "Loading" }) }));
+}
+export function DotsLoader({ className, size = 'md', }) {
+    const dotSizes = {
+        sm: 'h-1.5 w-1.5',
+        md: 'h-2 w-2',
+        lg: 'h-2.5 w-2.5',
+    };
+    const containerSizes = {
+        sm: 'h-4',
+        md: 'h-5',
+        lg: 'h-6',
+    };
+    return (_jsxs("div", { className: cn('flex items-center space-x-1', containerSizes[size], className), children: [[...Array(3)].map((_, i) => (_jsx("div", { className: cn('bg-primary animate-[bounce-dots_1.4s_ease-in-out_infinite] rounded-full', dotSizes[size]), style: {
+                    animationDelay: `${i * 160}ms`,
+                } }, i))), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function TypingLoader({ className, size = 'md', }) {
+    const dotSizes = {
+        sm: 'h-1 w-1',
+        md: 'h-1.5 w-1.5',
+        lg: 'h-2 w-2',
+    };
+    const containerSizes = {
+        sm: 'h-4',
+        md: 'h-5',
+        lg: 'h-6',
+    };
+    return (_jsxs("div", { className: cn('flex items-center space-x-1', containerSizes[size], className), children: [[...Array(3)].map((_, i) => (_jsx("div", { className: cn('bg-primary animate-[typing_1s_infinite] rounded-full', dotSizes[size]), style: {
+                    animationDelay: `${i * 250}ms`,
+                } }, i))), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function WaveLoader({ className, size = 'md', }) {
+    const barWidths = {
+        sm: 'w-0.5',
+        md: 'w-0.5',
+        lg: 'w-1',
+    };
+    const containerSizes = {
+        sm: 'h-4',
+        md: 'h-5',
+        lg: 'h-6',
+    };
+    const heights = {
+        sm: ['6px', '9px', '12px', '9px', '6px'],
+        md: ['8px', '12px', '16px', '12px', '8px'],
+        lg: ['10px', '15px', '20px', '15px', '10px'],
+    };
+    return (_jsxs("div", { className: cn('flex items-center gap-0.5', containerSizes[size], className), children: [[...Array(5)].map((_, i) => (_jsx("div", { className: cn('bg-primary animate-[wave_1s_ease-in-out_infinite] rounded-full', barWidths[size]), style: {
+                    animationDelay: `${i * 100}ms`,
+                    height: heights[size][i],
+                } }, i))), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function BarsLoader({ className, size = 'md', }) {
+    const barWidths = {
+        sm: 'w-1',
+        md: 'w-1.5',
+        lg: 'w-2',
+    };
+    const containerSizes = {
+        sm: 'h-4 gap-1',
+        md: 'h-5 gap-1.5',
+        lg: 'h-6 gap-2',
+    };
+    return (_jsxs("div", { className: cn('flex', containerSizes[size], className), children: [[...Array(3)].map((_, i) => (_jsx("div", { className: cn('bg-primary h-full animate-[wave-bars_1.2s_ease-in-out_infinite]', barWidths[size]), style: {
+                    animationDelay: `${i * 0.2}s`,
+                } }, i))), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function TerminalLoader({ className, size = 'md', }) {
+    const cursorSizes = {
+        sm: 'h-3 w-1.5',
+        md: 'h-4 w-2',
+        lg: 'h-5 w-2.5',
+    };
+    const textSizes = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+    };
+    const containerSizes = {
+        sm: 'h-4',
+        md: 'h-5',
+        lg: 'h-6',
+    };
+    return (_jsxs("div", { className: cn('flex items-center space-x-1', containerSizes[size], className), children: [_jsx("span", { className: cn('text-primary font-mono', textSizes[size]), children: '>' }), _jsx("div", { className: cn('bg-primary animate-[blink_1s_step-end_infinite]', cursorSizes[size]) }), _jsx("span", { className: "sr-only", children: "Loading" })] }));
+}
+export function TextBlinkLoader({ text = 'Thinking', className, size = 'md', }) {
+    const textSizes = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+    };
+    return (_jsx("div", { className: cn('animate-[text-blink_2s_ease-in-out_infinite] font-medium', textSizes[size], className), children: text }));
+}
+export function TextShimmerLoader({ text = 'Thinking', className, size = 'md', }) {
+    const textSizes = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+    };
+    return (_jsx("div", { className: cn('bg-[linear-gradient(to_right,var(--muted-foreground)_40%,var(--foreground)_60%,var(--muted-foreground)_80%)]', 'bg-size-[200%_auto] bg-clip-text font-medium text-transparent', 'animate-[shimmer_4s_infinite_linear]', textSizes[size], className), children: text }));
+}
+export function TextDotsLoader({ className, text = 'Thinking', size = 'md', }) {
+    const textSizes = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+    };
+    return (_jsxs("div", { className: cn('inline-flex items-center', className), children: [_jsx("span", { className: cn('text-primary font-medium', textSizes[size]), children: text }), _jsxs("span", { className: "inline-flex", children: [_jsx("span", { className: "text-primary animate-[loading-dots_1.4s_infinite_0.2s]", children: "." }), _jsx("span", { className: "text-primary animate-[loading-dots_1.4s_infinite_0.4s]", children: "." }), _jsx("span", { className: "text-primary animate-[loading-dots_1.4s_infinite_0.6s]", children: "." })] })] }));
+}
+function Loader({ variant = 'circular', size = 'md', text, className }) {
+    switch (variant) {
+        case 'circular':
+            return _jsx(CircularLoader, { size: size, className: className });
+        case 'classic':
+            return _jsx(ClassicLoader, { size: size, className: className });
+        case 'pulse':
+            return _jsx(PulseLoader, { size: size, className: className });
+        case 'pulse-dot':
+            return _jsx(PulseDotLoader, { size: size, className: className });
+        case 'dots':
+            return _jsx(DotsLoader, { size: size, className: className });
+        case 'typing':
+            return _jsx(TypingLoader, { size: size, className: className });
+        case 'wave':
+            return _jsx(WaveLoader, { size: size, className: className });
+        case 'bars':
+            return _jsx(BarsLoader, { size: size, className: className });
+        case 'terminal':
+            return _jsx(TerminalLoader, { size: size, className: className });
+        case 'text-blink':
+            return _jsx(TextBlinkLoader, { text: text, size: size, className: className });
+        case 'text-shimmer':
+            return _jsx(TextShimmerLoader, { text: text, size: size, className: className });
+        case 'loading-dots':
+            return _jsx(TextDotsLoader, { text: text, size: size, className: className });
+        default:
+            return _jsx(CircularLoader, { size: size, className: className });
+    }
+}
+export { Loader };

package/dist/src/presentation/web/components/ui/markdown.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type Components } from 'react-markdown';
+export interface MarkdownProps {
+    children: string;
+    id?: string;
+    className?: string;
+    components?: Partial<Components>;
+}
+declare function MarkdownComponent({ children, id, className, components, }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+declare const Markdown: React.MemoExoticComponent<typeof MarkdownComponent>;
+export { Markdown };
+//# sourceMappingURL=markdown.d.ts.map

package/dist/src/presentation/web/components/ui/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAsB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKhE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC;AAiED,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,UAA+B,GAChC,EAAE,aAAa,2CAiBf;AAED,QAAA,MAAM,QAAQ,qDAA0B,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/markdown.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { marked } from 'marked';
+import { memo, useId, useMemo } from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkBreaks from 'remark-breaks';
+import remarkGfm from 'remark-gfm';
+import { CodeBlock, CodeBlockCode } from './code-block.js';
+function parseMarkdownIntoBlocks(markdown) {
+    const tokens = marked.lexer(markdown);
+    return tokens.map((token) => token.raw);
+}
+function extractLanguage(className) {
+    if (!className)
+        return 'plaintext';
+    const match = className.match(/language-(\w+)/);
+    return match ? match[1] : 'plaintext';
+}
+const INITIAL_COMPONENTS = {
+    code: function CodeComponent({ className, children, ...props }) {
+        const isInline = !props.node?.position?.start.line ||
+            props.node?.position?.start.line === props.node?.position?.end.line;
+        if (isInline) {
+            return (_jsx("span", { className: cn('bg-primary-foreground rounded-sm px-1 font-mono text-sm', className), ...props, children: children }));
+        }
+        const language = extractLanguage(className);
+        return (_jsx(CodeBlock, { className: className, children: _jsx(CodeBlockCode, { code: children, language: language }) }));
+    },
+    pre: function PreComponent({ children }) {
+        // Strip the <pre> wrapper — code blocks are rendered by CodeBlock
+        return children;
+    },
+};
+const MemoizedMarkdownBlock = memo(function MarkdownBlock({ content, components = INITIAL_COMPONENTS, }) {
+    return (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, remarkBreaks], components: components, children: content }));
+}, function propsAreEqual(prevProps, nextProps) {
+    return prevProps.content === nextProps.content;
+});
+MemoizedMarkdownBlock.displayName = 'MemoizedMarkdownBlock';
+function MarkdownComponent({ children, id, className, components = INITIAL_COMPONENTS, }) {
+    const generatedId = useId();
+    const blockId = id ?? generatedId;
+    const blocks = useMemo(() => parseMarkdownIntoBlocks(children), [children]);
+    return (_jsx("div", { className: className, children: blocks.map((block, index) => (_jsx(MemoizedMarkdownBlock
+        // eslint-disable-next-line react/no-array-index-key -- blocks are positional, no stable key
+        , { content: block, components: components }, `${blockId}-block-${index}`))) }));
+}
+const Markdown = memo(MarkdownComponent);
+Markdown.displayName = 'Markdown';
+export { Markdown };

package/dist/src/presentation/web/components/ui/message.d.ts

@@ -0,0 +1,35 @@
+import { Tooltip } from '../ui/tooltip.js';
+import { Markdown } from './markdown.js';
+export type MessageProps = {
+    children: React.ReactNode;
+    className?: string;
+} & React.HTMLProps<HTMLDivElement>;
+declare const Message: ({ children, className, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
+export interface MessageAvatarProps {
+    src: string;
+    alt: string;
+    fallback?: string;
+    delayMs?: number;
+    className?: string;
+}
+declare const MessageAvatar: ({ src, alt, fallback, delayMs, className }: MessageAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageContentProps = {
+    children: React.ReactNode;
+    markdown?: boolean;
+    className?: string;
+} & React.ComponentProps<typeof Markdown> & React.HTMLProps<HTMLDivElement>;
+declare const MessageContent: ({ children, markdown, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionsProps = {
+    children: React.ReactNode;
+    className?: string;
+} & React.HTMLProps<HTMLDivElement>;
+declare const MessageActions: ({ children, className, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type MessageActionProps = {
+    className?: string;
+    tooltip: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+} & React.ComponentProps<typeof Tooltip>;
+declare const MessageAction: ({ tooltip, children, className, side, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
+export { Message, MessageAvatar, MessageContent, MessageActions, MessageAction };
+//# sourceMappingURL=message.d.ts.map

package/dist/src/presentation/web/components/ui/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/message.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAmD,MAAM,yBAAyB,CAAC;AAEnG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,GAAI,mCAAmC,YAAY,4CAI/D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,4CAA4C,kBAAkB,4CAOpF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GACvC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAElC,QAAA,MAAM,cAAc,GAAI,6CAKrB,mBAAmB,4CAerB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAEpC,QAAA,MAAM,cAAc,GAAI,mCAAmC,mBAAmB,4CAI7E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzC,QAAA,MAAM,aAAa,GAAI,kDAMpB,kBAAkB,4CAWpB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/message.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip.js';
+import { cn } from '../../lib/utils.js';
+import { Markdown } from './markdown.js';
+const Message = ({ children, className, ...props }) => (_jsx("div", { className: cn('flex gap-3', className), ...props, children: children }));
+const MessageAvatar = ({ src, alt, fallback, delayMs, className }) => {
+    return (_jsxs(Avatar, { className: cn('h-8 w-8 shrink-0', className), children: [_jsx(AvatarImage, { src: src, alt: alt }), fallback ? _jsx(AvatarFallback, { delayMs: delayMs, children: fallback }) : null] }));
+};
+const MessageContent = ({ children, markdown = false, className, ...props }) => {
+    const classNames = cn('rounded-lg p-2 text-foreground bg-secondary prose break-words whitespace-normal', className);
+    return markdown ? (_jsx(Markdown, { className: classNames, ...props, children: children })) : (_jsx("div", { className: classNames, ...props, children: children }));
+};
+const MessageActions = ({ children, className, ...props }) => (_jsx("div", { className: cn('text-muted-foreground flex items-center gap-2', className), ...props, children: children }));
+const MessageAction = ({ tooltip, children, className, side = 'top', ...props }) => {
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { ...props, children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: side, className: className, children: tooltip })] }) }));
+};
+export { Message, MessageAvatar, MessageContent, MessageActions, MessageAction };

package/dist/src/presentation/web/components/ui/prompt-input.d.ts

@@ -0,0 +1,30 @@
+import { Textarea } from '../ui/textarea.js';
+import { Tooltip } from '../ui/tooltip.js';
+import React from 'react';
+export type PromptInputProps = {
+    isLoading?: boolean;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    maxHeight?: number | string;
+    onSubmit?: () => void;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+} & React.ComponentProps<'div'>;
+declare function PromptInput({ className, isLoading, maxHeight, value, onValueChange, onSubmit, children, disabled, onClick, ...props }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
+export type PromptInputTextareaProps = {
+    disableAutosize?: boolean;
+    ref?: React.Ref<HTMLTextAreaElement>;
+} & Omit<React.ComponentProps<typeof Textarea>, 'ref'>;
+declare function PromptInputTextarea({ className, onKeyDown, disableAutosize, ref: externalRef, ...props }: PromptInputTextareaProps): import("react/jsx-runtime").JSX.Element;
+export type PromptInputActionsProps = React.HTMLAttributes<HTMLDivElement>;
+declare function PromptInputActions({ children, className, ...props }: PromptInputActionsProps): import("react/jsx-runtime").JSX.Element;
+export type PromptInputActionProps = {
+    className?: string;
+    tooltip: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+} & React.ComponentProps<typeof Tooltip>;
+declare function PromptInputAction({ tooltip, children, className, side, ...props }: PromptInputActionProps): import("react/jsx-runtime").JSX.Element;
+export { PromptInput, PromptInputTextarea, PromptInputActions, PromptInputAction };
+//# sourceMappingURL=prompt-input.d.ts.map

package/dist/src/presentation/web/components/ui/prompt-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/prompt-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAmD,MAAM,yBAAyB,CAAC;AAEnG,OAAO,KAAuE,MAAM,OAAO,CAAC;AA2B5F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,SAAiB,EACjB,SAAe,EACf,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAyClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACtC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC;AAEvD,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,SAAS,EACT,eAAuB,EACvB,GAAG,EAAE,WAAW,EAChB,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAmE1B;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3E,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAMrF;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzC,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAaxB;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}