refactor(tui): Move examples from README to test directory

- Move chat application example to test/chat-app.ts
- Move multi-component layout example to test/multi-layout.ts
- Update README to reference example files instead of inline code
- Add proper exit handlers (Ctrl+C) to all examples
- Simplify README by reducing inline code examples

packages/tui/test/chat-app.ts

@@ -0,0 +1,80 @@
+#!/usr/bin/env npx tsx
+import { TUI, Container, TextEditor, MarkdownComponent, CombinedAutocompleteProvider } from "../src/index.js";
+
+/**
+ * Chat Application with Autocomplete
+ * 
+ * Demonstrates:
+ * - Slash command system with autocomplete
+ * - Dynamic message history
+ * - Markdown rendering for messages
+ * - Container-based layout
+ */
+
+const ui = new TUI();
+const chatHistory = new Container();
+const editor = new TextEditor();
+
+// Set up autocomplete with slash commands
+const autocompleteProvider = new CombinedAutocompleteProvider([
+	{ name: "clear", description: "Clear chat history" },
+	{ name: "help", description: "Show help information" },
+	{
+		name: "attach",
+		description: "Attach a file",
+		getArgumentCompletions: (prefix) => {
+			// Return file suggestions for attach command
+			return null; // Use default file completion
+		},
+	},
+]);
+
+editor.setAutocompleteProvider(autocompleteProvider);
+
+editor.onSubmit = (text) => {
+	// Handle slash commands
+	if (text.startsWith("/")) {
+		const [command, ...args] = text.slice(1).split(" ");
+		if (command === "clear") {
+			chatHistory.clear();
+			return;
+		}
+		if (command === "help") {
+			const help = new MarkdownComponent(`
+## Available Commands
+- \`/clear\` - Clear chat history
+- \`/help\` - Show this help
+- \`/attach <file>\` - Attach a file
+			`);
+			chatHistory.addChild(help);
+			ui.requestRender();
+			return;
+		}
+	}
+
+	// Regular message
+	const message = new MarkdownComponent(`**You:** ${text}`);
+	chatHistory.addChild(message);
+
+	// Add AI response (simulated)
+	setTimeout(() => {
+		const response = new MarkdownComponent(`**AI:** Response to "${text}"`);
+		chatHistory.addChild(response);
+		ui.requestRender();
+	}, 1000);
+};
+
+// Handle Ctrl+C to exit
+ui.onGlobalKeyPress = (data: string) => {
+	if (data === "\x03") {
+		ui.stop();
+		console.log("\nChat application exited");
+		process.exit(0);
+	}
+	return true;
+};
+
+ui.addChild(chatHistory);
+ui.addChild(editor);
+ui.setFocus(editor);
+ui.start();

packages/tui/test/multi-layout.ts

@@ -0,0 +1,85 @@
+#!/usr/bin/env npx tsx
+import { TUI, Container, TextComponent, TextEditor, MarkdownComponent } from "../src/index.js";
+
+/**
+ * Multi-Component Layout Demo
+ * 
+ * Demonstrates:
+ * - Complex layout with multiple containers
+ * - Header, sidebar, main content, and footer areas
+ * - Mixing static and dynamic components
+ * - Debug logging configuration
+ */
+
+const ui = new TUI();
+
+// Create layout containers
+const header = new TextComponent("📝 Advanced TUI Demo", { bottom: 1 });
+const mainContent = new Container();
+const sidebar = new Container();
+const footer = new TextComponent("Press Ctrl+C to exit", { top: 1 });
+
+// Sidebar content
+sidebar.addChild(new TextComponent("📁 Files:", { bottom: 1 }));
+sidebar.addChild(new TextComponent("- config.json"));
+sidebar.addChild(new TextComponent("- README.md"));
+sidebar.addChild(new TextComponent("- package.json"));
+
+// Main content area
+const chatArea = new Container();
+const inputArea = new TextEditor();
+
+// Add welcome message
+chatArea.addChild(
+	new MarkdownComponent(`
+# Welcome to the TUI Demo
+
+This demonstrates multiple components working together:
+
+- **Header**: Static title with padding
+- **Sidebar**: File list (simulated)
+- **Chat Area**: Scrollable message history
+- **Input**: Interactive text editor
+- **Footer**: Status information
+
+Try typing a message and pressing Enter!
+`),
+);
+
+inputArea.onSubmit = (text) => {
+	if (text.trim()) {
+		const message = new MarkdownComponent(`
+**${new Date().toLocaleTimeString()}:** ${text}
+		`);
+		chatArea.addChild(message);
+		ui.requestRender();
+	}
+};
+
+// Build layout
+mainContent.addChild(chatArea);
+mainContent.addChild(inputArea);
+
+ui.addChild(header);
+ui.addChild(mainContent);
+ui.addChild(footer);
+ui.setFocus(inputArea);
+
+// Configure debug logging
+ui.configureLogging({
+	enabled: true,
+	level: "info",
+	logFile: "tui-debug.log",
+});
+
+// Handle Ctrl+C to exit
+ui.onGlobalKeyPress = (data: string) => {
+	if (data === "\x03") {
+		ui.stop();
+		console.log("\nMulti-layout demo exited");
+		process.exit(0);
+	}
+	return true;
+};
+
+ui.start();