@mariozechner/pi-tui 0.5.8 → 0.5.9

package/README.md

@@ -1,13 +1,14 @@
 # @mariozechner/pi-tui
 
-Terminal UI framework with differential rendering for building interactive CLI applications.
+Terminal UI framework with surgical differential rendering for building flicker-free interactive CLI applications.
 
 ## Features
 
-- **Differential Rendering**: Only re-renders content that has changed for optimal performance
-- **Interactive Components**: Text editor, autocomplete, selection lists, and markdown rendering
-- **Composable Architecture**: Container-based component system with proper lifecycle management
-- **Text Editor Autocomplete System**: File completion and slash commands with provider interface
+- **Surgical Differential Rendering**: Three-strategy system that minimizes redraws to 1-2 lines for typical updates
+- **Scrollback Buffer Preservation**: Correctly maintains terminal history when content exceeds viewport
+- **Zero Flicker**: Components like text editors remain perfectly still while other parts update
+- **Interactive Components**: Text editor with autocomplete, selection lists, markdown rendering
+- **Composable Architecture**: Container-based component system with automatic lifecycle management
 
 ## Quick Start
 
@@ -35,7 +36,7 @@ editor.onSubmit = (text: string) => {
 	if (text.trim()) {
 		const message = new TextComponent(`💬 ${text}`);
 		chatContainer.addChild(message);
-		ui.requestRender();
+		// Note: Container automatically calls requestRender when children change
 	}
 };
 
@@ -47,135 +48,63 @@ ui.start();
 
 ### TUI
 
-Main TUI manager that handles rendering, input, and component coordination.
+Main TUI manager with surgical differential rendering that handles input and component lifecycle.
 
-**Methods:**
+**Key Features:**
+- **Three rendering strategies**: Automatically selects optimal approach
+  - Surgical: Updates only changed lines (1-2 lines typical)
+  - Partial: Re-renders from first change when structure shifts
+  - Full: Complete re-render when changes are above viewport
+- **Performance metrics**: Built-in tracking via `getLinesRedrawn()` and `getAverageLinesRedrawn()`
+- **Terminal abstraction**: Works with any Terminal interface implementation
 
-- `addChild(component)` - Add a component to the TUI
-- `removeChild(component)` - Remove a component from the TUI
-- `setFocus(component)` - Set which component receives keyboard input
-- `start()` - Start the TUI (enables raw mode)
-- `stop()` - Stop the TUI (disables raw mode)
-- `requestRender()` - Request a re-render on next tick
-- `configureLogging(config)` - Configure debug logging
-- `cleanupSentinels()` - Remove placeholder components after removal operations
-- `findComponent(component)` - Check if a component exists in the hierarchy (private)
-- `findInContainer(container, component)` - Search for component in container (private)
+**Methods:**
+- `addChild(component)` - Add a component
+- `removeChild(component)` - Remove a component
+- `setFocus(component)` - Set keyboard focus
+- `start()` / `stop()` - Lifecycle management
+- `requestRender()` - Queue re-render (automatically debounced)
+- `configureLogging(config)` - Enable debug logging
 
 ### Container
 
-Component that manages child components with differential rendering.
-
-**Constructor:**
+Component that manages child components. Automatically triggers re-renders when children change.
 
 ```typescript
-new Container(parentTui?: TUI | undefined)
+const container = new Container();
+container.addChild(new TextComponent("Child 1"));
+container.removeChild(component);
+container.clear();
 ```
 
-**Methods:**
-
-- `addChild(component)` - Add a child component
-- `removeChild(component)` - Remove a child component
-- `getChild(index)` - Get a specific child component
-- `getChildCount()` - Get the number of child components
-- `clear()` - Remove all child components
-- `setParentTui(tui)` - Set the parent TUI reference
-- `cleanupSentinels()` - Clean up removed component placeholders
-- `render(width)` - Render all child components (returns ContainerRenderResult)
-
 ### TextEditor
 
-Interactive multiline text editor with cursor support and comprehensive keyboard shortcuts.
-
-**Constructor:**
+Interactive multiline text editor with autocomplete support.
 
 ```typescript
-new TextEditor(config?: TextEditorConfig)
-```
-
-**Configuration:**
-
-```typescript
-interface TextEditorConfig {
-	// Configuration options for text editor
-}
-
-editor.configure(config: Partial<TextEditorConfig>)
+const editor = new TextEditor();
+editor.setText("Initial text");
+editor.onSubmit = (text) => console.log("Submitted:", text);
+editor.setAutocompleteProvider(provider);
 ```
 
-**Properties:**
-
-- `onSubmit?: (text: string) => void` - Callback when user presses Enter
-- `onChange?: (text: string) => void` - Callback when text content changes
-
-**Methods:**
-
-- `getText()` - Get current text content
-- `setText(text)` - Set text content and move cursor to end
-- `setAutocompleteProvider(provider)` - Set autocomplete provider for Tab completion
-- `render(width)` - Render the editor with current state
-- `handleInput(data)` - Process keyboard input
-
-**Keyboard Shortcuts:**
-
-**Navigation:**
-
-- `Arrow Keys` - Move cursor
-- `Home` / `Ctrl+A` - Move to start of line
-- `End` / `Ctrl+E` - Move to end of line
-
-**Editing:**
-
-- `Backspace` - Delete character before cursor
-- `Delete` / `Fn+Backspace` - Delete character at cursor
-- `Ctrl+K` - Delete current line
-- `Enter` - Submit text (calls onSubmit)
-- `Shift+Enter` / `Option+Enter` - Add new line
-- `Tab` - Trigger autocomplete
-
-**Autocomplete (when active):**
-
-- `Tab` - Apply selected completion
-- `Arrow Up/Down` - Navigate suggestions
-- `Escape` - Cancel autocomplete
-- `Enter` - Cancel autocomplete and submit
-
-**Paste Detection:**
-
-- Automatically handles multi-line paste
-- Converts tabs to 4 spaces
-- Filters non-printable characters
+**Key Bindings:**
+- `Enter` - Submit text
+- `Shift+Enter` - New line
+- `Tab` - Autocomplete
+- `Ctrl+K` - Delete line
+- `Ctrl+A/E` - Start/end of line
+- Arrow keys, Backspace, Delete work as expected
 
 ### TextComponent
 
-Simple text component with automatic text wrapping and differential rendering.
-
-**Constructor:**
+Simple text display with automatic word wrapping.
 
 ```typescript
-new TextComponent(text: string, padding?: Padding)
-
-interface Padding {
-	top?: number;
-	bottom?: number;
-	left?: number;
-	right?: number;
-}
+const text = new TextComponent("Hello World", { top: 1, bottom: 1 });
+text.setText("Updated text");
 ```
 
-**Methods:**
-
-- `setText(text)` - Update the text content
-- `getText()` - Get current text content
-- `render(width)` - Render with word wrapping
-
-**Features:**
-
-- Automatic text wrapping to fit terminal width
-- Configurable padding on all sides
-- Preserves line breaks in source text
-- Uses differential rendering to avoid unnecessary updates
-
 ### MarkdownComponent
 
 Renders markdown content with syntax highlighting and proper formatting.
@@ -328,219 +257,83 @@ interface SlashCommand {
 - `shouldTriggerFileCompletion()` - Check if file completion should trigger
 - `applyCompletion()` - Apply selected completion
 
-## Differential Rendering
-
-The core concept: components return `{lines: string[], changed: boolean, keepLines?: number}`:
-
-- `lines`: All lines the component should display
-- `changed`: Whether the component has changed since last render
-- `keepLines`: (Containers only) How many lines from the beginning are unchanged
-
-**How it works:**
-
-1. TUI calculates total unchanged lines from top (`keepLines`)
-2. Moves cursor up by `(totalLines - keepLines)` positions
-3. Clears from cursor position down with `\x1b[0J`
-4. Prints only the changing lines: `result.lines.slice(keepLines)`
-
-This approach minimizes screen updates and provides smooth performance even with large amounts of text.
-
-**Important:** Don't add extra cursor positioning after printing - it interferes with terminal scrolling and causes rendering artifacts.
+## Surgical Differential Rendering
 
-## Advanced Examples
+The TUI uses a three-strategy rendering system that minimizes redraws to only what's necessary:
 
-### Chat Application with Autocomplete
+### Rendering Strategies
 
-```typescript
-import { TUI, Container, TextEditor, MarkdownComponent, CombinedAutocompleteProvider } from "@mariozechner/pi-tui";
+1. **Surgical Updates** (most common)
+   - When: Only content changes, same line counts, all changes in viewport
+   - Action: Updates only specific changed lines (typically 1-2 lines)
+   - Example: Loading spinner animation, updating status text
 
-const ui = new TUI();
-const chatHistory = new Container();
-const editor = new TextEditor();
+2. **Partial Re-render**
+   - When: Line count changes or structural changes within viewport
+   - Action: Clears from first change to end of screen, re-renders tail
+   - Example: Adding new messages to a chat, expanding text editor
 
-// 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;
-		}
-	}
+3. **Full Re-render**
+   - When: Changes occur above the viewport (in scrollback buffer)
+   - Action: Clears scrollback and screen, renders everything fresh
+   - Example: Content exceeds viewport and early components change
 
-	// Regular message
-	const message = new MarkdownComponent(`**You:** ${text}`);
-	chatHistory.addChild(message);
+### How Components Participate
 
-	// Add AI response (simulated)
-	setTimeout(() => {
-		const response = new MarkdownComponent(`**AI:** Response to "${text}"`);
-		chatHistory.addChild(response);
-		ui.requestRender();
-	}, 1000);
-};
-
-ui.addChild(chatHistory);
-ui.addChild(editor);
-ui.setFocus(editor);
-ui.start();
-```
-
-### File Browser
+Components implement the simple `Component` interface:
 
 ```typescript
-import { TUI, SelectList } from "@mariozechner/pi-tui";
-import { readdirSync, statSync } from "fs";
-import { join } from "path";
-
-const ui = new TUI();
-let currentPath = process.cwd();
-
-function createFileList(path: string) {
-	const entries = readdirSync(path).map((entry) => {
-		const fullPath = join(path, entry);
-		const isDir = statSync(fullPath).isDirectory();
-		return {
-			value: entry,
-			label: entry,
-			description: isDir ? "directory" : "file",
-		};
-	});
-
-	// Add parent directory option
-	if (path !== "/") {
-		entries.unshift({
-			value: "..",
-			label: "..",
-			description: "parent directory",
-		});
-	}
-
-	return entries;
+interface ComponentRenderResult {
+  lines: string[];      // The lines to display
+  changed: boolean;     // Whether content changed since last render
 }
 
-function showDirectory(path: string) {
-	ui.clear();
-
-	const entries = createFileList(path);
-	const fileList = new SelectList(entries, 10);
-
-	fileList.onSelect = (item) => {
-		if (item.value === "..") {
-			currentPath = join(currentPath, "..");
-			showDirectory(currentPath);
-		} else if (item.description === "directory") {
-			currentPath = join(currentPath, item.value);
-			showDirectory(currentPath);
-		} else {
-			console.log(`Selected file: ${join(currentPath, item.value)}`);
-			ui.stop();
-		}
-	};
-
-	ui.addChild(fileList);
-	ui.setFocus(fileList);
+interface Component {
+  readonly id: number;  // Unique ID for tracking
+  render(width: number): ComponentRenderResult;
+  handleInput?(keyData: string): void;
 }
-
-showDirectory(currentPath);
-ui.start();
 ```
 
-### Multi-Component Layout
+The TUI tracks component IDs and line positions to determine the optimal strategy automatically.
 
-```typescript
-import { TUI, Container, TextComponent, TextEditor, MarkdownComponent } from "@mariozechner/pi-tui";
+### Performance Metrics
 
-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 });
+Monitor rendering efficiency:
 
-// 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();
+```typescript
+const ui = new TUI();
+// After some rendering...
+console.log(`Total lines redrawn: ${ui.getLinesRedrawn()}`);
+console.log(`Average per render: ${ui.getAverageLinesRedrawn()}`);
+```
 
-// Add welcome message
-chatArea.addChild(
-	new MarkdownComponent(`
-# Welcome to the TUI Demo
+Typical performance: 1-2 lines redrawn for animations, 0 for static content.
 
-This demonstrates multiple components working together:
+## Examples
 
-- **Header**: Static title with padding
-- **Sidebar**: File list (simulated)
-- **Chat Area**: Scrollable message history
-- **Input**: Interactive text editor
-- **Footer**: Status information
+Run the example applications in the `test/` directory:
 
-Try typing a message and pressing Enter!
-`),
-);
+```bash
+# Chat application with slash commands and autocomplete
+npx tsx test/chat-app.ts
 
-inputArea.onSubmit = (text) => {
-	if (text.trim()) {
-		const message = new MarkdownComponent(`
-**${new Date().toLocaleTimeString()}:** ${text}
-		`);
-		chatArea.addChild(message);
-		ui.requestRender();
-	}
-};
+# File browser with navigation
+npx tsx test/file-browser.ts
 
-// Build layout
-mainContent.addChild(chatArea);
-mainContent.addChild(inputArea);
+# Multi-component layout demo
+npx tsx test/multi-layout.ts
 
-ui.addChild(header);
-ui.addChild(mainContent);
-ui.addChild(footer);
-ui.setFocus(inputArea);
+# Performance benchmark with animation
+npx tsx test/bench.ts
+```
 
-// Configure debug logging
-ui.configureLogging({
-	enabled: true,
-	level: "info",
-	logFile: "tui-debug.log",
-});
+### Example Descriptions
 
-ui.start();
-```
+- **chat-app.ts** - Chat interface with slash commands (/clear, /help, /attach) and autocomplete
+- **file-browser.ts** - Interactive file browser with directory navigation
+- **multi-layout.ts** - Complex layout with header, sidebar, main content, and footer
+- **bench.ts** - Performance test with animation showing surgical rendering efficiency
 
 ## Interfaces and Types
 
@@ -618,28 +411,161 @@ interface SelectItem {
 }
 ```
 
-## Development
+## Testing
+
+### Running Tests
 
 ```bash
-# Install dependencies (from monorepo root)
-npm install
+# Run all tests
+npm test
 
-# Build the package
-npm run build
+# Run specific test file
+npm test -- test/tui-rendering.test.ts
 
-# Run type checking
-npm run check
+# Run tests matching a pattern
+npm test -- --test-name-pattern="preserves existing"
 ```
 
-**Testing:**
-Create a test file and run it with tsx:
+### Test Infrastructure
+
+The TUI uses a **VirtualTerminal** for testing that provides accurate terminal emulation via `@xterm/headless`:
+
+```typescript
+import { VirtualTerminal } from "./test/virtual-terminal.js";
+import { TUI, TextComponent } from "../src/index.js";
+
+test("my TUI test", async () => {
+  const terminal = new VirtualTerminal(80, 24);
+  const ui = new TUI(terminal);
+  ui.start();
+
+  ui.addChild(new TextComponent("Hello"));
+
+  // Wait for render
+  await new Promise(resolve => process.nextTick(resolve));
+
+  // Get rendered output
+  const viewport = await terminal.flushAndGetViewport();
+  assert.strictEqual(viewport[0], "Hello");
+
+  ui.stop();
+});
+```
+
+### Writing a New Test
+
+1. **Create test file** in `test/` directory with `.test.ts` extension
+2. **Use VirtualTerminal** for accurate terminal emulation
+3. **Key testing patterns**:
+
+```typescript
+import { test, describe } from "node:test";
+import assert from "node:assert";
+import { VirtualTerminal } from "./virtual-terminal.js";
+import { TUI, Container, TextComponent } from "../src/index.js";
+
+describe("My Feature", () => {
+  test("should handle dynamic content", async () => {
+    const terminal = new VirtualTerminal(80, 24);
+    const ui = new TUI(terminal);
+    ui.start();
+
+    // Setup components
+    const container = new Container();
+    ui.addChild(container);
+
+    // Initial render
+    await new Promise(resolve => process.nextTick(resolve));
+    await terminal.flush();
+
+    // Check viewport (visible content)
+    let viewport = terminal.getViewport();
+    assert.strictEqual(viewport.length, 24);
+
+    // Check scrollback buffer (all content including history)
+    let scrollBuffer = terminal.getScrollBuffer();
+
+    // Simulate user input
+    terminal.sendInput("Hello");
+
+    // Wait for processing
+    await new Promise(resolve => process.nextTick(resolve));
+    await terminal.flush();
+
+    // Verify changes
+    viewport = terminal.getViewport();
+    // ... assertions
+
+    ui.stop();
+  });
+});
+```
+
+### VirtualTerminal API
+
+- `new VirtualTerminal(columns, rows)` - Create terminal with dimensions
+- `write(data)` - Write ANSI sequences to terminal
+- `sendInput(data)` - Simulate keyboard input
+- `flush()` - Wait for all writes to complete
+- `getViewport()` - Get visible lines (what user sees)
+- `getScrollBuffer()` - Get all lines including scrollback
+- `flushAndGetViewport()` - Convenience method
+- `getCursorPosition()` - Get cursor row/column
+- `resize(columns, rows)` - Resize terminal
+
+### Testing Best Practices
+
+1. **Always flush after renders**: Terminal writes are async
+   ```typescript
+   await new Promise(resolve => process.nextTick(resolve));
+   await terminal.flush();
+   ```
+
+2. **Test both viewport and scrollback**: Ensure content preservation
+   ```typescript
+   const viewport = terminal.getViewport();     // Visible content
+   const scrollBuffer = terminal.getScrollBuffer(); // All content
+   ```
+
+3. **Use exact string matching**: Don't trim() - whitespace matters
+   ```typescript
+   assert.strictEqual(viewport[0], "Expected text"); // Good
+   assert.strictEqual(viewport[0].trim(), "Expected"); // Bad
+   ```
+
+4. **Test rendering strategies**: Verify surgical vs partial vs full
+   ```typescript
+   const beforeLines = ui.getLinesRedrawn();
+   // Make change...
+   const afterLines = ui.getLinesRedrawn();
+   assert.strictEqual(afterLines - beforeLines, 1); // Only 1 line changed
+   ```
+
+### Performance Testing
+
+Use `test/bench.ts` as a template for performance testing:
 
 ```bash
-# From packages/tui directory
-npx tsx test/demo.ts
+npx tsx test/bench.ts
 ```
 
-Special input keywords for simulation: "TAB", "ENTER", "SPACE", "ESC"
+Monitor real-time performance metrics:
+- Render count and timing
+- Lines redrawn per render
+- Visual verification of flicker-free updates
+
+## Development
+
+```bash
+# Install dependencies (from monorepo root)
+npm install
+
+# Run type checking
+npm run check
+
+# Run tests
+npm test
+```
 
 **Debugging:**
 Enable logging to see detailed component behavior:
@@ -651,5 +577,3 @@ ui.configureLogging({
 	logFile: "tui-debug.log",
 });
 ```
-
-Check the log file to debug rendering issues, input handling, and component lifecycle.

package/dist/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../src/autocomplete.ts"],"names":[],"mappings":"AAwFA,MAAM,WAAW,gBAAgB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,sBAAsB,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,oBAAoB;IAGpC,cAAc,CACb,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QACF,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;IAIT,eAAe,CACd,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAE,MAAM,GACZ;QACF,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;CACF;AAGD,qBAAa,4BAA6B,YAAW,oBAAoB;IACxE,OAAO,CAAC,QAAQ,CAAsC;IACtD,OAAO,CAAC,QAAQ,CAAS;gBAEb,QAAQ,GAAE,CAAC,YAAY,GAAG,gBAAgB,CAAC,EAAO,EAAE,QAAQ,GAAE,MAAsB;IAKhG,cAAc,CACb,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IA+EvD,eAAe,CACd,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAE,MAAM,GACZ;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE;IA6D7D,OAAO,CAAC,iBAAiB;IA0CzB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,kBAAkB;IA0J1B,uBAAuB,CACtB,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAoCvD,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW5F"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../src/autocomplete.ts"],"names":[],"mappings":"AAuFA,MAAM,WAAW,gBAAgB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,sBAAsB,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,gBAAgB,EAAE,GAAG,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,oBAAoB;IAGpC,cAAc,CACb,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QACF,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;IAIT,eAAe,CACd,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAE,MAAM,GACZ;QACF,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;CACF;AAGD,qBAAa,4BAA6B,YAAW,oBAAoB;IACxE,OAAO,CAAC,QAAQ,CAAsC;IACtD,OAAO,CAAC,QAAQ,CAAS;gBAEb,QAAQ,GAAE,CAAC,YAAY,GAAG,gBAAgB,CAAC,EAAO,EAAE,QAAQ,GAAE,MAAsB;IAKhG,cAAc,CACb,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAqEvD,eAAe,CACd,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAE,MAAM,GACZ;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE;IA6D7D,OAAO,CAAC,iBAAiB;IA0CzB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,kBAAkB;IAwI1B,uBAAuB,CACtB,KAAK,EAAE,MAAM,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GACf;QAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAyBvD,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;CAW5F"}