@shepai/cli 1.106.3 → 1.106.4-pr327.f3fea88

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"}

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

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Textarea } from '../ui/textarea.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip.js';
+import { cn } from '../../lib/utils.js';
+import React, { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';
+const PromptInputContext = createContext({
+    isLoading: false,
+    value: '',
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setValue: () => { },
+    maxHeight: 240,
+    onSubmit: undefined,
+    disabled: false,
+    textareaRef: React.createRef(),
+});
+function usePromptInput() {
+    return useContext(PromptInputContext);
+}
+function PromptInput({ className, isLoading = false, maxHeight = 240, value, onValueChange, onSubmit, children, disabled = false, onClick, ...props }) {
+    const [internalValue, setInternalValue] = useState(value ?? '');
+    const textareaRef = useRef(null);
+    const handleChange = (newValue) => {
+        setInternalValue(newValue);
+        onValueChange?.(newValue);
+    };
+    const handleClick = (e) => {
+        if (!disabled)
+            textareaRef.current?.focus();
+        onClick?.(e);
+    };
+    return (_jsx(TooltipProvider, { children: _jsx(PromptInputContext.Provider, { value: {
+                isLoading,
+                value: value ?? internalValue,
+                setValue: onValueChange ?? handleChange,
+                maxHeight,
+                onSubmit,
+                disabled,
+                textareaRef,
+            }, children: _jsx("div", { onClick: handleClick, className: cn('border-input bg-background cursor-text rounded-3xl border p-2 shadow-xs', disabled && 'cursor-not-allowed opacity-60', className), ...props, children: children }) }) }));
+}
+function PromptInputTextarea({ className, onKeyDown, disableAutosize = false, ref: externalRef, ...props }) {
+    const { value, setValue, maxHeight, onSubmit, disabled, textareaRef } = usePromptInput();
+    const adjustHeight = (el) => {
+        if (!el || disableAutosize)
+            return;
+        el.style.height = 'auto';
+        if (typeof maxHeight === 'number') {
+            el.style.height = `${Math.min(el.scrollHeight, maxHeight)}px`;
+        }
+        else {
+            el.style.height = `min(${el.scrollHeight}px, ${maxHeight})`;
+        }
+    };
+    const handleRef = (el) => {
+        textareaRef.current = el;
+        if (typeof externalRef === 'function') {
+            externalRef(el);
+        }
+        else if (externalRef && typeof externalRef === 'object') {
+            externalRef.current = el;
+        }
+        adjustHeight(el);
+    };
+    useLayoutEffect(() => {
+        if (!textareaRef.current || disableAutosize)
+            return;
+        const el = textareaRef.current;
+        el.style.height = 'auto';
+        if (typeof maxHeight === 'number') {
+            el.style.height = `${Math.min(el.scrollHeight, maxHeight)}px`;
+        }
+        else {
+            el.style.height = `min(${el.scrollHeight}px, ${maxHeight})`;
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, maxHeight, disableAutosize]);
+    const handleChange = (e) => {
+        adjustHeight(e.target);
+        setValue(e.target.value);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            onSubmit?.();
+        }
+        onKeyDown?.(e);
+    };
+    return (_jsx(Textarea, { ref: handleRef, value: value, onChange: handleChange, onKeyDown: handleKeyDown, className: cn('text-primary min-h-[44px] w-full resize-none border-none bg-transparent shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0', className), rows: 1, disabled: disabled, ...props }));
+}
+function PromptInputActions({ children, className, ...props }) {
+    return (_jsx("div", { className: cn('flex items-center gap-2', className), ...props, children: children }));
+}
+function PromptInputAction({ tooltip, children, className, side = 'top', ...props }) {
+    const { disabled } = usePromptInput();
+    return (_jsxs(Tooltip, { ...props, children: [_jsx(TooltipTrigger, { asChild: true, disabled: disabled, onClick: (event) => event.stopPropagation(), children: children }), _jsx(TooltipContent, { side: side, className: className, children: tooltip })] }));
+}
+export { PromptInput, PromptInputTextarea, PromptInputActions, PromptInputAction };

package/dist/src/presentation/web/hooks/feature-flags-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}
+{"version":3,"file":"feature-flags-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/feature-flags-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAW7D,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAElF;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAEnD"}

package/dist/src/presentation/web/hooks/feature-flags-context.js

@@ -1,7 +1,12 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
-const defaultFlags = { skills: false, envDeploy: true, debug: false };
+const defaultFlags = {
+    skills: false,
+    envDeploy: true,
+    debug: false,
+    chat: true,
+};
 const FeatureFlagsContext = createContext(defaultFlags);
 /**
  * Provides server-resolved feature flags to all client components.

package/dist/src/presentation/web/hooks/use-chat.d.ts

@@ -0,0 +1,57 @@
+export type ChatMessageRole = 'user' | 'assistant';
+export type ChatMessageStatus = 'sending' | 'streaming' | 'complete' | 'error';
+export type ChatStatus = 'idle' | 'sending' | 'streaming' | 'error';
+export interface ChatMessage {
+    id: string;
+    role: ChatMessageRole;
+    content: string;
+    timestamp: Date;
+    status: ChatMessageStatus;
+}
+type ChatAction = {
+    type: 'add_user_message';
+    message: ChatMessage;
+} | {
+    type: 'start_streaming';
+} | {
+    type: 'stream_token';
+    content: string;
+} | {
+    type: 'complete_streaming';
+    sessionId?: string;
+} | {
+    type: 'set_error';
+    error: string;
+} | {
+    type: 'clear_messages';
+};
+export interface ChatState {
+    messages: ChatMessage[];
+    status: ChatStatus;
+    error: string | null;
+    sessionId: string | null;
+}
+export declare const initialChatState: ChatState;
+export declare function chatReducer(state: ChatState, action: ChatAction): ChatState;
+export interface ParsedSSEEvent {
+    type: 'progress' | 'result' | 'error';
+    content: string;
+    sessionId?: string;
+    timestamp?: string;
+}
+/**
+ * Parse SSE-formatted chunks from a ReadableStream.
+ * Yields parsed events as they arrive.
+ */
+export declare function parseSSEStream(reader: ReadableStreamDefaultReader<Uint8Array>): AsyncIterable<ParsedSSEEvent>;
+export interface UseChatResult {
+    messages: ChatMessage[];
+    status: ChatStatus;
+    error: string | null;
+    sendMessage: (content: string) => Promise<void>;
+    retry: () => Promise<void>;
+    clearChat: () => void;
+}
+export declare function useChat(): UseChatResult;
+export {};
+//# sourceMappingURL=use-chat.d.ts.map

package/dist/src/presentation/web/hooks/use-chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-chat.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAMD,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,SAK9B,CAAC;AAMF,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,CAoE3E;AAMD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAuB,cAAc,CACnC,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,GAC9C,aAAa,CAAC,cAAc,CAAC,CAqC/B;AAMD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,OAAO,IAAI,aAAa,CAsHvC"}