@syrin/cli 1.3.0

package/dist/presentation/dev/components/assistant-message.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Assistant message component factory for Chat UI.
+ * Creates an assistant message component that works with dynamically imported React/Ink.
+ */
+import type { ChatUIOptions } from '../chat-ui-types.js';
+/**
+ * Creates an Assistant Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param index - Message index
+ * @param options - Chat UI options
+ * @param markdownElements - Parsed markdown elements
+ * @returns Assistant message component element
+ */
+export declare function createAssistantMessage(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, index: number, options: ChatUIOptions, markdownElements: unknown[]): unknown;
+//# sourceMappingURL=assistant-message.d.ts.map

package/dist/presentation/dev/components/assistant-message.js

@@ -0,0 +1,36 @@
+/**
+ * Assistant message component factory for Chat UI.
+ * Creates an assistant message component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates an Assistant Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param index - Message index
+ * @param options - Chat UI options
+ * @param markdownElements - Parsed markdown elements
+ * @returns Assistant message component element
+ */
+export function createAssistantMessage(React, Box, Text, index, options, markdownElements) {
+    const { createElement } = React;
+    // LLM-generated messages: minimalistic bordered rectangle style
+    return createElement(Box, {
+        key: index,
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        marginY: 1,
+    }, createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0,
+        marginLeft: 1,
+    }, createElement(Text, { color: 'cyan', bold: true }, `🤖 ${options.llmProviderName || 'AI'}: `)), createElement(Box, {
+        flexDirection: 'column',
+        borderStyle: 'round',
+        borderColor: 'gray',
+        paddingX: 1,
+        paddingY: 1,
+        marginLeft: 1,
+    }, ...markdownElements));
+}
+//# sourceMappingURL=assistant-message.js.map

package/dist/presentation/dev/components/header.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Header component factory for Chat UI.
+ * Creates a header component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a Header component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param options - Chat UI options
+ * @returns Header component element
+ */
+export declare function createHeader(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown): unknown;
+//# sourceMappingURL=header.d.ts.map

package/dist/presentation/dev/components/header.js

@@ -0,0 +1,22 @@
+/**
+ * Header component factory for Chat UI.
+ * Creates a header component that works with dynamically imported React/Ink.
+ */
+import { App } from '../../../constants/index.js';
+/**
+ * Creates a Header component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param options - Chat UI options
+ * @returns Header component element
+ */
+export function createHeader(React, Box, Text) {
+    const { createElement } = React;
+    return createElement(Box, {
+        width: '100%',
+        borderStyle: 'single',
+        borderColor: 'blue',
+    }, createElement(Text, { color: 'white', bold: true }, ` ${App.NAME} Dev Mode `), createElement(Text, { color: 'white', dimColor: true }, '| Enter /exit or /quit to exit'));
+}
+//# sourceMappingURL=header.js.map

package/dist/presentation/dev/components/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * UI Component factories for Chat UI.
+ * All components use factory functions to work with dynamically imported React/Ink.
+ */
+export { createHeader } from './header.js';
+export { createWelcomeBanner } from './welcome-banner.js';
+export { createUserMessage } from './user-message.js';
+export { createAssistantMessage } from './assistant-message.js';
+export { createSystemMessage } from './system-message.js';
+export { createInputPanel } from './input-panel.js';
+export { createMessageComponent } from './message-component.js';
+export { createMessagesList } from './messages-list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/presentation/dev/components/index.js

@@ -0,0 +1,13 @@
+/**
+ * UI Component factories for Chat UI.
+ * All components use factory functions to work with dynamically imported React/Ink.
+ */
+export { createHeader } from './header.js';
+export { createWelcomeBanner } from './welcome-banner.js';
+export { createUserMessage } from './user-message.js';
+export { createAssistantMessage } from './assistant-message.js';
+export { createSystemMessage } from './system-message.js';
+export { createInputPanel } from './input-panel.js';
+export { createMessageComponent } from './message-component.js';
+export { createMessagesList } from './messages-list.js';
+//# sourceMappingURL=index.js.map

package/dist/presentation/dev/components/input-panel.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Input panel component factory for Chat UI.
+ * Creates an input panel component that works with dynamically imported React/Ink.
+ */
+import type { ChatUIOptions } from '../chat-ui-types.js';
+/**
+ * Creates an Input Panel component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param TextInput - TextInput component from ink-text-input
+ * @param options - Chat UI options
+ * @param input - Current input value
+ * @param isProcessing - Whether the UI is processing
+ * @param setInput - Function to update input value
+ * @param handleSubmit - Function to handle form submission
+ * @returns Input panel component element
+ */
+export declare function createInputPanel(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, TextInput: unknown, options: ChatUIOptions, input: string, isProcessing: boolean, setInput: (value: string) => void, handleSubmit: (value: string) => void): unknown;
+//# sourceMappingURL=input-panel.d.ts.map

package/dist/presentation/dev/components/input-panel.js

@@ -0,0 +1,43 @@
+/**
+ * Input panel component factory for Chat UI.
+ * Creates an input panel component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates an Input Panel component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param TextInput - TextInput component from ink-text-input
+ * @param options - Chat UI options
+ * @param input - Current input value
+ * @param isProcessing - Whether the UI is processing
+ * @param setInput - Function to update input value
+ * @param handleSubmit - Function to handle form submission
+ * @returns Input panel component element
+ */
+export function createInputPanel(React, Box, Text, TextInput, options, input, isProcessing, setInput, handleSubmit) {
+    const { createElement } = React;
+    // Input area - fixed at bottom, modern minimal design with border and black background
+    // flexShrink: 0 ensures it never shrinks, keeping it always visible at bottom
+    return createElement(Box, {
+        width: '100%',
+        flexShrink: 0,
+        flexGrow: 0,
+        borderStyle: 'round',
+        borderColor: 'gray',
+        backgroundColor: 'black',
+        paddingX: 1,
+        paddingY: 1,
+    }, createElement(Box, {
+        flexDirection: 'row',
+        alignItems: 'center',
+    }, createElement(Text, { color: 'white', dimColor: true }, `${options.agentName || 'You'} > `), isProcessing
+        ? createElement(Text, { color: 'white', dimColor: true }, 'Processing...')
+        : createElement(TextInput, {
+            value: input,
+            onChange: setInput,
+            onSubmit: handleSubmit,
+            placeholder: 'Type your message...',
+        })));
+}
+//# sourceMappingURL=input-panel.js.map

package/dist/presentation/dev/components/message-component.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Message component wrapper factory for Chat UI.
+ * Creates a memoized message component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a memoized Message Component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param memo - memo function from React
+ * @returns Factory function that creates MessageComponent given parseMarkdown and wrapText
+ */
+export declare function createMessageComponent(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, memo: (component: unknown, areEqual?: unknown) => unknown): (parseMarkdown: (text: string, defaultColor?: string) => unknown[], wrapText: (text: string, width: number) => string[]) => unknown;
+//# sourceMappingURL=message-component.d.ts.map

package/dist/presentation/dev/components/message-component.js

@@ -0,0 +1,51 @@
+/**
+ * Message component wrapper factory for Chat UI.
+ * Creates a memoized message component that works with dynamically imported React/Ink.
+ */
+import { createUserMessage, createAssistantMessage, createSystemMessage, } from './index.js';
+/**
+ * Creates a memoized Message Component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param memo - memo function from React
+ * @returns Factory function that creates MessageComponent given parseMarkdown and wrapText
+ */
+export function createMessageComponent(React, Box, Text, memo) {
+    return (parseMarkdown, wrapText) => {
+        // Message component - only re-renders when message content changes
+        const MessageComponentInner = (props) => {
+            const { message, index, options } = props;
+            const timestamp = options.showTimestamps
+                ? `[${message.timestamp?.toLocaleTimeString() || ''}] `
+                : '';
+            if (message.role === 'user') {
+                // User messages: minimalistic bordered rectangle with blue background
+                const wrappedLines = wrapText(message.content, 60);
+                return createUserMessage(React, Box, Text, message, index, options, timestamp, wrappedLines);
+            }
+            else {
+                // Assistant and system messages: parse markdown (cached via parseMarkdown)
+                const markdownElements = parseMarkdown(message.content, message.role === 'system' ? 'yellow' : undefined);
+                if (message.role === 'assistant') {
+                    // LLM-generated messages: minimalistic bordered rectangle style
+                    return createAssistantMessage(React, Box, Text, index, options, markdownElements);
+                }
+                else {
+                    // System messages: styled with bright yellow color to make them pop (no prefix)
+                    return createSystemMessage(React, Box, index, markdownElements);
+                }
+            }
+        };
+        // Wrap with memo for performance
+        const MessageComponent = memo(MessageComponentInner, (prevProps, nextProps) => {
+            // Custom comparison: re-render if message content, role, index, or options changed
+            return (prevProps.message.content === nextProps.message.content &&
+                prevProps.message.role === nextProps.message.role &&
+                prevProps.index === nextProps.index &&
+                prevProps.options.showTimestamps === nextProps.options.showTimestamps);
+        });
+        return MessageComponent;
+    };
+}
+//# sourceMappingURL=message-component.js.map

package/dist/presentation/dev/components/messages-list.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Messages list component factory for Chat UI.
+ * Creates a messages list component that works with dynamically imported React/Ink.
+ */
+import type { ChatMessage, ChatUIOptions } from '../chat-ui-types.js';
+/**
+ * Creates a Messages List component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param messages - Array of chat messages
+ * @param maxVisibleMessages - Maximum number of messages to display
+ * @param MessageComponent - The memoized message component to use
+ * @param options - Chat UI options
+ * @returns Messages list component element
+ */
+export declare function createMessagesList(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, messages: ChatMessage[], maxVisibleMessages: number, MessageComponent: (props: {
+    message: ChatMessage;
+    index: number;
+    options: ChatUIOptions;
+}) => unknown, options: ChatUIOptions): unknown;
+//# sourceMappingURL=messages-list.d.ts.map

package/dist/presentation/dev/components/messages-list.js

@@ -0,0 +1,48 @@
+/**
+ * Messages list component factory for Chat UI.
+ * Creates a messages list component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a Messages List component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param messages - Array of chat messages
+ * @param maxVisibleMessages - Maximum number of messages to display
+ * @param MessageComponent - The memoized message component to use
+ * @param options - Chat UI options
+ * @returns Messages list component element
+ */
+export function createMessagesList(React, Box, Text, messages, maxVisibleMessages, MessageComponent, options) {
+    const { createElement } = React;
+    // Determine which messages to show (always show last N messages)
+    const visibleMessages = messages.slice(-maxVisibleMessages);
+    const hiddenCount = messages.length - visibleMessages.length;
+    const startIndex = Math.max(0, messages.length - maxVisibleMessages);
+    return createElement(Box, {
+        flexDirection: 'column',
+        flexGrow: 1,
+        flexShrink: 1,
+        paddingX: 1,
+        minHeight: 0, // Allow shrinking below content size
+    }, 
+    // Show message if there are hidden messages
+    hiddenCount > 0
+        ? createElement(Box, {
+            key: 'viewport-info',
+            marginY: 0.5,
+            paddingX: 1,
+        }, createElement(Text, { color: 'yellow', dimColor: true }, `... ${hiddenCount} earlier message${hiddenCount > 1 ? 's' : ''} hidden (showing last ${maxVisibleMessages} messages).`))
+        : null, 
+    // Render visible messages
+    ...visibleMessages.map((message, localIndex) => {
+        const globalIndex = startIndex + localIndex;
+        return createElement(MessageComponent, {
+            key: `${message.role}-${globalIndex}`,
+            message,
+            index: globalIndex,
+            options,
+        });
+    }));
+}
+//# sourceMappingURL=messages-list.js.map

package/dist/presentation/dev/components/system-message.d.ts

@@ -0,0 +1,16 @@
+/**
+ * System message component factory for Chat UI.
+ * Creates a system message component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a System Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param index - Message index
+ * @param markdownElements - Parsed markdown elements
+ * @returns System message component element
+ */
+export declare function createSystemMessage(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, index: number, markdownElements: unknown[]): unknown;
+//# sourceMappingURL=system-message.d.ts.map

package/dist/presentation/dev/components/system-message.js

@@ -0,0 +1,26 @@
+/**
+ * System message component factory for Chat UI.
+ * Creates a system message component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a System Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param index - Message index
+ * @param markdownElements - Parsed markdown elements
+ * @returns System message component element
+ */
+export function createSystemMessage(React, Box, index, markdownElements) {
+    const { createElement } = React;
+    // System messages: no prefix; color is applied by parseMarkdown in message-component.tsx
+    return createElement(Box, {
+        key: index,
+        flexDirection: 'column',
+        marginY: 0.5,
+    }, createElement(Box, {
+        flexDirection: 'column',
+        paddingX: 1,
+        paddingY: 0.5,
+    }, ...markdownElements));
+}
+//# sourceMappingURL=system-message.js.map

package/dist/presentation/dev/components/user-message.d.ts

@@ -0,0 +1,21 @@
+/**
+ * User message component factory for Chat UI.
+ * Creates a user message component that works with dynamically imported React/Ink.
+ */
+import type { ChatMessage, ChatUIOptions } from '../chat-ui-types.js';
+/**
+ * Creates a User Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param _message - The chat message (unused but required for interface compatibility)
+ * @param index - Message index
+ * @param _options - Chat UI options (unused but required for interface compatibility)
+ * @param timestamp - Formatted timestamp string
+ * @param wrappedLines - Wrapped text lines
+ * @returns User message component element
+ */
+export declare function createUserMessage(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, _message: ChatMessage, index: number, _options: ChatUIOptions, timestamp: string, wrappedLines: string[]): unknown;
+//# sourceMappingURL=user-message.d.ts.map

package/dist/presentation/dev/components/user-message.js

@@ -0,0 +1,35 @@
+/**
+ * User message component factory for Chat UI.
+ * Creates a user message component that works with dynamically imported React/Ink.
+ */
+/**
+ * Creates a User Message component element.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param _message - The chat message (unused but required for interface compatibility)
+ * @param index - Message index
+ * @param _options - Chat UI options (unused but required for interface compatibility)
+ * @param timestamp - Formatted timestamp string
+ * @param wrappedLines - Wrapped text lines
+ * @returns User message component element
+ */
+export function createUserMessage(React, Box, Text, _message, index, _options, timestamp, wrappedLines) {
+    const { createElement } = React;
+    // User messages: minimalistic bordered rectangle with blue background
+    return createElement(Box, {
+        key: index,
+        flexDirection: 'column',
+        alignItems: 'flex-end',
+        marginY: 1,
+    }, createElement(Box, {
+        flexDirection: 'column',
+        borderStyle: 'round',
+        borderColor: 'blue',
+        backgroundColor: 'blue',
+        paddingX: 1,
+        paddingY: 0.1,
+        marginRight: 1,
+    }, ...wrappedLines.map((line, lineIndex) => createElement(Text, { key: lineIndex, color: 'white' }, lineIndex === 0 ? timestamp + line : line))));
+}
+//# sourceMappingURL=user-message.js.map

package/dist/presentation/dev/components/welcome-banner.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Welcome banner component factory for Chat UI.
+ * Creates a persistent welcome banner that displays Syrin branding and info.
+ */
+export interface WelcomeBannerOptions {
+    versionDisplay: string;
+    llmProvider: string;
+    toolCount: number;
+    transport: string;
+    mcpUrl?: string;
+    command?: string;
+}
+/**
+ * Creates a Welcome Banner component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param options - Welcome banner options
+ * @returns Welcome banner component element
+ */
+export declare function createWelcomeBanner(React: {
+    createElement: (type: unknown, props?: unknown, ...children: unknown[]) => unknown;
+}, Box: unknown, Text: unknown, options: WelcomeBannerOptions): unknown;
+//# sourceMappingURL=welcome-banner.d.ts.map

package/dist/presentation/dev/components/welcome-banner.js

@@ -0,0 +1,146 @@
+/**
+ * Welcome banner component factory for Chat UI.
+ * Creates a persistent welcome banner that displays Syrin branding and info.
+ */
+import { SYRIN_LINKS } from '../../../constants/links.js';
+/**
+ * Creates a Welcome Banner component factory function.
+ * @param React - React module (dynamically imported)
+ * @param Box - Box component from Ink
+ * @param Text - Text component from Ink
+ * @param options - Welcome banner options
+ * @returns Welcome banner component element
+ */
+export function createWelcomeBanner(React, Box, Text, options) {
+    const { createElement } = React;
+    // ASCII art for "Syrin" - gradient style (similar to speed version)
+    // Using gradient colors from cyan -> blue -> magenta for visual effect
+    // Properly formatted ASCII art for "Syrin"
+    const syrinAscii = [
+        '________              _____',
+        '__  ___/____  ___________(_)______',
+        '_____ \\__  / / /_  ___/_  /__  __ \\',
+        '____/ /_  /_/ /_  /   _  / _  / / /',
+        '/____/ _\\__, / /_/    /_/  /_/ /_/',
+        '       /____/',
+    ];
+    // Version display - already formatted by formatVersionWithUpdate in dev.ts
+    const versionDisplay = options.versionDisplay;
+    // Gradient effect: cyan -> blue -> magenta -> cyan -> blue -> magenta
+    // Allocated once and reused in map to avoid reallocation on every iteration
+    const gradientColors = ['cyan', 'blue', 'magenta', 'cyan', 'blue', 'magenta'];
+    return createElement(Box, {
+        width: '100%',
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'flex-start',
+    }, 
+    // Centered container with max width
+    createElement(Box, {
+        width: '70%',
+        maxWidth: 90,
+        borderStyle: 'single',
+        borderColor: 'cyan',
+        paddingX: 1,
+        paddingY: 1,
+    }, 
+    // Outer container
+    createElement(Box, {
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+    }, 
+    // ASCII art title - left aligned text in a centered container
+    createElement(Box, {
+        flexDirection: 'column',
+        alignItems: 'center',
+        marginBottom: 1,
+        width: '100%',
+    }, createElement(Box, {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+    }, ...syrinAscii.map((line, index) => {
+        const color = gradientColors[index % gradientColors.length] || 'cyan';
+        // Trim the line to remove any trailing spaces that could cause alignment issues
+        const trimmedLine = line.trimEnd();
+        return createElement(Text, {
+            key: index,
+            color,
+            bold: true,
+        }, trimmedLine);
+    }))), 
+    // Version
+    createElement(Box, {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        marginBottom: 1,
+    }, createElement(Text, { color: 'white', bold: true }, versionDisplay)), 
+    // Details section - centered container with left-aligned content
+    createElement(Box, {
+        flexDirection: 'column',
+        alignItems: 'center',
+        marginTop: 1,
+        width: '100%',
+    }, createElement(Box, {
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        width: '100%',
+        minWidth: 0,
+        paddingX: 0,
+        paddingRight: 1,
+    }, 
+    // Transport info
+    createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '📦 Transport:   '), createElement(Text, { color: 'white' }, options.transport.toUpperCase())), 
+    // MCP URL or command
+    options.mcpUrl
+        ? createElement(Box, {
+            flexDirection: 'row',
+            marginBottom: 0.5,
+            width: '100%',
+        }, createElement(Text, { color: 'yellow' }, '🔗 Server URL:  '), createElement(Text, { color: 'white' }, options.mcpUrl))
+        : options.command
+            ? createElement(Box, {
+                flexDirection: 'row',
+                marginBottom: 0.5,
+                width: '100%',
+            }, createElement(Text, { color: 'yellow' }, '⚙️  Command:     '), createElement(Text, { color: 'white' }, options.command))
+            : null, 
+    // LLM and Tools info
+    createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '🤖 LLM:         '), createElement(Text, { color: 'white' }, options.llmProvider)), createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '🔨 Tools:       '), createElement(Text, { color: 'white' }, options.toolCount.toString()), createElement(Text, { color: 'yellow', dimColor: true }, ' (/tools to see)')), 
+    // Links
+    createElement(Box, {
+        flexDirection: 'row',
+        marginTop: 1,
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '📚 Docs:        '), createElement(Text, { color: 'cyan' }, SYRIN_LINKS.DOCS)), createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '📦 NPM:         '), createElement(Text, { color: 'cyan' }, SYRIN_LINKS.NPM)), createElement(Box, {
+        flexDirection: 'row',
+        marginBottom: 0.5,
+        width: '100%',
+    }, createElement(Text, { color: 'yellow' }, '🐙 GitHub:      '), createElement(Text, { color: 'cyan' }, SYRIN_LINKS.GITHUB)), 
+    // Help message
+    createElement(Box, {
+        flexDirection: 'row',
+        marginTop: 1,
+        marginBottom: 0.5,
+        width: '100%',
+        justifyContent: 'center',
+    }, createElement(Text, { color: 'yellow', dimColor: true }, '💡 Send /help command to find out chat commands and how to use them')))))));
+}
+//# sourceMappingURL=welcome-banner.js.map

package/dist/presentation/dev/goodbye-messages.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Goodbye message generator for dev mode.
+ * Generates funny, shareable goodbye messages when users exit.
+ */
+import type { LLMProvider } from '../../runtime/llm/provider.js';
+import type { DevSessionState } from '../../runtime/dev/types.js';
+/**
+ * Minimal LLM interface for goodbye message generation.
+ */
+interface MinimalLLMProvider {
+    chat: (request: {
+        messages: Array<{
+            role: string;
+            content: string;
+        }>;
+        temperature?: number;
+        maxTokens?: number;
+    }) => Promise<{
+        content: string;
+    }>;
+}
+/**
+ * Generate an appropriate goodbye message based on session activity.
+ *
+ * @param llmProvider - LLM provider to use for generating funny messages (can be minimal interface)
+ * @param sessionState - Current session state
+ * @returns Promise resolving to goodbye message string
+ */
+export declare function generateGoodbyeMessage(llmProvider: LLMProvider | MinimalLLMProvider | null, sessionState: DevSessionState): Promise<string>;
+export {};
+//# sourceMappingURL=goodbye-messages.d.ts.map