@ebowwa/coder 0.7.63 → 0.7.64

package/dist/interfaces/ui/terminal/tui/spinner.js

@@ -0,0 +1,59 @@
+/**
+ * Spinner Animation
+ * Provides animated spinner frames for loading indicators
+ *
+ * This is the single source of truth for all spinner frames in Coder.
+ * Other modules should import from here rather than defining their own.
+ */
+// ============================================
+// SPINNER FRAME DEFINITIONS
+// ============================================
+/**
+ * Standard braille spinner frames (default)
+ * Used by: ora spinner, TUI footer, Ink components
+ */
+export const spinnerFrames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+/**
+ * Alternative dot spinner frames
+ * Rising dots pattern
+ */
+export const dotSpinnerFrames = ["⠁", "⠂", "⠄", "⡀", "⢀", "⠠", "⠐", "⠈"];
+/**
+ * Simple ASCII spinner frames
+ * Fallback for limited terminal support
+ */
+export const asciiSpinnerFrames = ["|", "/", "-", "\\"];
+/**
+ * Arrow spinner frames
+ * Used for tool execution indicators
+ */
+export const arrowSpinnerFrames = ["←", "↖", "↑", "↗", "→", "↘", "↓", "↙"];
+/**
+ * Simple dots for minimal display
+ */
+export const simpleDotFrames = [".  ", ".. ", "...", "   "];
+// ============================================
+// FRAME ITERATION UTILITIES
+// ============================================
+/**
+ * Get the next spinner frame index
+ */
+export function nextFrame(currentIndex, frames = spinnerFrames) {
+    return (currentIndex + 1) % frames.length;
+}
+/**
+ * Get a spinner frame by index (with wraparound)
+ */
+export function getFrame(index, frames = spinnerFrames) {
+    return frames[index % frames.length] ?? frames[0] ?? "";
+}
+/**
+ * Create a spinner iterator
+ */
+export function* createSpinnerIterator(frames = spinnerFrames) {
+    let index = 0;
+    while (true) {
+        yield getFrame(index, frames);
+        index = nextFrame(index, frames);
+    }
+}

package/dist/interfaces/ui/terminal/tui/tui-app.d.ts

@@ -0,0 +1,39 @@
+/**
+ * TUI App Component for Coder CLI
+ * Full Ink-based TUI with message area, status bar, and input field
+ */
+import React from "react";
+import type { PermissionMode } from "../../../../types/index.js";
+export interface Message {
+    id: string;
+    role: "user" | "assistant" | "system";
+    content: string;
+    timestamp: number;
+}
+export interface TUIAppProps {
+    permissionMode: PermissionMode;
+    tokensUsed: number;
+    model: string;
+    messages: Message[];
+    isLoading?: boolean;
+    onSubmit: (value: string) => Promise<void>;
+    onExit?: () => void;
+}
+declare function TUIApp({ permissionMode, tokensUsed, model, messages, isLoading, onSubmit, onExit, }: TUIAppProps): React.JSX.Element;
+export interface TUIAppHandle {
+    rerender: (props: Partial<TUIAppProps>) => void;
+    unmount: () => void;
+    waitUntilExit: () => Promise<void>;
+    addMessage: (message: Omit<Message, "id" | "timestamp">) => void;
+    setMessages: (messages: Message[]) => void;
+    setLoading: (isLoading: boolean) => void;
+    setTokensUsed: (tokens: number) => void;
+}
+/**
+ * Create and render the TUI app
+ */
+export declare function createTUIApp(initialProps: Omit<TUIAppProps, "messages"> & {
+    messages?: Message[];
+}): TUIAppHandle;
+export default TUIApp;
+//# sourceMappingURL=tui-app.d.ts.map

package/dist/interfaces/ui/terminal/tui/tui-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-app.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/tui-app.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAWjE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AA8LD,iBAAS,MAAM,CAAC,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,MAAM,GACP,EAAE,WAAW,qBAiEb;AAMD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CAAE,GACrE,YAAY,CAgEd;AAMD,eAAe,MAAM,CAAC"}

package/dist/interfaces/ui/terminal/tui/tui-app.js

@@ -0,0 +1,198 @@
+/**
+ * TUI App Component for Coder CLI
+ * Full Ink-based TUI with message area, status bar, and input field
+ */
+import React, { useState, useEffect, useCallback, useRef } from "react";
+import { render, Box, Text, useInput, useApp, useStdout } from "ink";
+import chalk from "chalk";
+import { calculateContextInfo, getPermissionModeDisplay, } from "../shared/status-line.js";
+import { spinnerFrames } from "./spinner.js";
+function MessageArea({ messages, isLoading, height }) {
+    const visibleMessages = messages.slice(-height + 2); // Reserve 2 lines for padding
+    return (React.createElement(Box, { flexDirection: "column", height: height, overflow: "hidden" },
+        visibleMessages.map((msg) => (React.createElement(Box, { key: msg.id, flexDirection: "column", marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: msg.role === "user" ? "cyan" : "magenta" }, msg.role === "user" ? "You:" : "Claude:"),
+            React.createElement(Text, { dimColor: msg.role === "system" }, msg.content)))),
+        isLoading && (React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true }, "Thinking...")))));
+}
+function StatusBar({ permissionMode, tokensUsed, model, isLoading, }) {
+    const [frame, setFrame] = useState(0);
+    const contextInfo = calculateContextInfo(tokensUsed, model);
+    const permDisplay = getPermissionModeDisplay(permissionMode);
+    // Spinner animation
+    useEffect(() => {
+        if (!isLoading)
+            return;
+        const interval = setInterval(() => {
+            setFrame((f) => (f + 1) % spinnerFrames.length);
+        }, 80);
+        return () => clearInterval(interval);
+    }, [isLoading]);
+    // Build status line
+    const parts = [];
+    // Loading spinner
+    if (isLoading) {
+        parts.push(chalk.cyan(spinnerFrames[frame]));
+    }
+    // Context percentage
+    const contextValue = contextInfo.isCritical
+        ? chalk.red(`${contextInfo.percentRemaining.toFixed(0)}%`)
+        : contextInfo.isLow
+            ? chalk.yellow(`${contextInfo.percentRemaining.toFixed(0)}%`)
+            : `${contextInfo.percentRemaining.toFixed(0)}%`;
+    parts.push(`Context: ${contextValue}`);
+    // Permission mode
+    const permColor = permDisplay.color;
+    const colorFn = chalk[permColor]?.bind(chalk) ?? chalk.gray;
+    parts.push(`${colorFn(permDisplay.symbol)} ${permDisplay.label}`);
+    const statusText = parts.join(" | ");
+    return (React.createElement(Box, { width: "100%", paddingX: 1 },
+        React.createElement(Text, { dimColor: true }, statusText)));
+}
+function InputField({ value, onChange, onSubmit, placeholder = "Type your message... (/help for commands)", isActive = true, }) {
+    const [cursorPos, setCursorPos] = useState(0);
+    useInput((input, key) => {
+        if (!isActive)
+            return;
+        if (key.return) {
+            if (value.trim()) {
+                onSubmit(value);
+            }
+            return;
+        }
+        if (key.backspace || key.delete) {
+            if (cursorPos > 0) {
+                onChange(value.slice(0, cursorPos - 1) + value.slice(cursorPos));
+                setCursorPos(cursorPos - 1);
+            }
+            return;
+        }
+        if (key.leftArrow) {
+            setCursorPos(Math.max(0, cursorPos - 1));
+            return;
+        }
+        if (key.rightArrow) {
+            setCursorPos(Math.min(value.length, cursorPos + 1));
+            return;
+        }
+        if (key.upArrow || key.downArrow) {
+            // Ignore up/down for now (could be used for history)
+            return;
+        }
+        // Regular character input
+        if (input && !key.ctrl && !key.meta) {
+            onChange(value.slice(0, cursorPos) + input + value.slice(cursorPos));
+            setCursorPos(cursorPos + input.length);
+        }
+    }, { isActive });
+    // Display value with cursor
+    const displayValue = value.length > 0 ? value : chalk.dim(placeholder);
+    const cursorChar = value.length > 0 ? "▋" : chalk.dim("▋");
+    // Calculate where cursor should appear
+    const beforeCursor = value.slice(0, cursorPos);
+    const afterCursor = value.slice(cursorPos);
+    return (React.createElement(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, width: "100%" },
+        React.createElement(Text, { bold: true, color: "cyan" },
+            "You:",
+            " "),
+        value.length > 0 ? (React.createElement(Text, null,
+            beforeCursor,
+            cursorChar,
+            afterCursor)) : (React.createElement(Text, { dimColor: true }, placeholder))));
+}
+// ============================================
+// MAIN TUI APP COMPONENT
+// ============================================
+function TUIApp({ permissionMode, tokensUsed, model, messages, isLoading = false, onSubmit, onExit, }) {
+    const [inputValue, setInputValue] = useState("");
+    const { exit } = useApp();
+    const { stdout } = useStdout();
+    // Calculate heights
+    const terminalHeight = stdout.rows || 24;
+    const inputHeight = 3; // Input field with border
+    const statusHeight = 1; // Status bar
+    const messageHeight = Math.max(5, terminalHeight - inputHeight - statusHeight - 2);
+    // Handle global keybindings
+    useInput((input, key) => {
+        // Ctrl+C to exit
+        if (key.ctrl && input === "c") {
+            if (onExit)
+                onExit();
+            exit();
+        }
+    }, { isActive: true });
+    // Handle submit
+    const handleSubmit = useCallback(async (value) => {
+        if (!value.trim())
+            return;
+        // Clear input
+        setInputValue("");
+        // Call onSubmit
+        await onSubmit(value);
+    }, [onSubmit]);
+    return (React.createElement(Box, { flexDirection: "column", height: terminalHeight, width: "100%" },
+        React.createElement(Box, { flexGrow: 1, flexDirection: "column", overflow: "hidden" },
+            React.createElement(MessageArea, { messages: messages, isLoading: isLoading, height: messageHeight })),
+        React.createElement(StatusBar, { permissionMode: permissionMode, tokensUsed: tokensUsed, model: model, isLoading: isLoading }),
+        React.createElement(InputField, { value: inputValue, onChange: setInputValue, onSubmit: handleSubmit, isActive: !isLoading })));
+}
+/**
+ * Create and render the TUI app
+ */
+export function createTUIApp(initialProps) {
+    let currentProps = {
+        ...initialProps,
+        messages: initialProps.messages || [],
+    };
+    let rerenderFn = null;
+    let unmountFn = null;
+    let waitUntilExitFn = null;
+    // Create the app
+    const { rerender, unmount, waitUntilExit } = render(React.createElement(TUIApp, { ...currentProps }), {
+        exitOnCtrlC: false,
+    });
+    rerenderFn = rerender;
+    unmountFn = unmount;
+    waitUntilExitFn = waitUntilExit;
+    return {
+        rerender: (newProps) => {
+            currentProps = { ...currentProps, ...newProps };
+            rerenderFn?.(React.createElement(TUIApp, { ...currentProps }));
+        },
+        unmount: () => {
+            unmountFn?.();
+        },
+        waitUntilExit: () => {
+            return waitUntilExitFn?.() || Promise.resolve();
+        },
+        addMessage: (message) => {
+            const newMessage = {
+                ...message,
+                id: `msg-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+                timestamp: Date.now(),
+            };
+            currentProps = {
+                ...currentProps,
+                messages: [...currentProps.messages, newMessage],
+            };
+            rerenderFn?.(React.createElement(TUIApp, { ...currentProps }));
+        },
+        setMessages: (messages) => {
+            currentProps = { ...currentProps, messages };
+            rerenderFn?.(React.createElement(TUIApp, { ...currentProps }));
+        },
+        setLoading: (isLoading) => {
+            currentProps = { ...currentProps, isLoading };
+            rerenderFn?.(React.createElement(TUIApp, { ...currentProps }));
+        },
+        setTokensUsed: (tokensUsed) => {
+            currentProps = { ...currentProps, tokensUsed };
+            rerenderFn?.(React.createElement(TUIApp, { ...currentProps }));
+        },
+    };
+}
+// ============================================
+// EXPORTS
+// ============================================
+export default TUIApp;

package/dist/interfaces/ui/terminal/tui/tui-footer.d.ts

@@ -0,0 +1,167 @@
+/**
+ * TUI Footer Component for Coder CLI
+ * Provides a persistent status bar at the bottom of the terminal
+ *
+ * Uses ANSI escape codes for cursor positioning:
+ * - ESC[s    Save cursor position
+ * - ESC[u    Restore cursor position
+ * - ESC[#;#H Move cursor to row, col
+ * - ESC[2K   Clear entire line
+ * - ESC[J    Clear from cursor to end of screen
+ */
+import type { PermissionMode } from "../../../../types/index.js";
+declare const ANSI: {
+    SAVE_CURSOR: string;
+    RESTORE_CURSOR: string;
+    MOVE_TO: (row: number, col: number) => string;
+    MOVE_TO_BOTTOM: (offset?: number) => string;
+    CLEAR_LINE: string;
+    CLEAR_TO_END: string;
+    CLEAR_SCREEN: string;
+    SCROLL_UP: (lines: number) => string;
+    SCROLL_DOWN: (lines: number) => string;
+    RESET: string;
+    ENTER_ALT_SCREEN: string;
+    EXIT_ALT_SCREEN: string;
+    HIDE_CURSOR: string;
+    SHOW_CURSOR: string;
+};
+export { ANSI };
+export interface TUIFooterOptions {
+    /** Permission mode to display */
+    permissionMode: PermissionMode;
+    /** Tokens used in context */
+    tokensUsed: number;
+    /** Current model */
+    model: string;
+    /** Is loading/spinning */
+    isLoading?: boolean;
+    /** Verbose mode */
+    verbose?: boolean;
+    /** Show version */
+    showVersion?: boolean;
+}
+export interface TUIFooterState {
+    isEnabled: boolean;
+    lastRender: string;
+    lastOptions: TUIFooterOptions | null;
+    renderInterval: Timer | null;
+    spinnerFrame: number;
+    terminalHeight: number;
+    terminalWidth: number;
+}
+export declare class TUIFooter {
+    private state;
+    private static instance;
+    private constructor();
+    /**
+     * Get singleton instance
+     */
+    static getInstance(): TUIFooter;
+    /**
+     * Reset singleton (for testing)
+     */
+    static reset(): void;
+    /**
+     * Enable the footer (start tracking terminal size)
+     */
+    enable(): void;
+    /**
+     * Disable the footer and clear it
+     */
+    disable(): void;
+    /**
+     * Check if footer is enabled
+     */
+    isEnabled(): boolean;
+    /**
+     * Update terminal dimensions
+     */
+    private updateTerminalSize;
+    /**
+     * Handle terminal resize
+     */
+    private handleResize;
+    /**
+     * Render the footer at the bottom of the screen
+     * Saves cursor position, moves to bottom, renders, restores cursor
+     */
+    render(options: TUIFooterOptions): void;
+    /**
+     * Render with loading spinner animation
+     */
+    renderLoading(options: TUIFooterOptions): void;
+    /**
+     * Start spinner animation for loading state
+     */
+    startSpinner(options: TUIFooterOptions, interval?: number): void;
+    /**
+     * Stop spinner animation
+     */
+    stopSpinner(): void;
+    /**
+     * Clear the footer line
+     */
+    clear(): void;
+    /**
+     * Update just the token count (for incremental updates)
+     */
+    updateTokens(tokensUsed: number): void;
+    /**
+     * Update loading state
+     */
+    setLoading(isLoading: boolean): void;
+    /**
+     * Get terminal dimensions
+     */
+    getTerminalSize(): {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Get the global TUI footer instance
+ */
+export declare function getTUIFooter(): TUIFooter;
+/**
+ * Enable TUI footer
+ */
+export declare function enableTUIFooter(): TUIFooter;
+/**
+ * Disable TUI footer
+ */
+export declare function disableTUIFooter(): void;
+/**
+ * Render footer status (convenience function)
+ */
+export declare function renderTUIFooter(options: TUIFooterOptions): void;
+/**
+ * Clear the footer line
+ */
+export declare function clearTUIFooter(): void;
+declare const _default: {
+    TUIFooter: typeof TUIFooter;
+    getTUIFooter: typeof getTUIFooter;
+    enableTUIFooter: typeof enableTUIFooter;
+    disableTUIFooter: typeof disableTUIFooter;
+    renderTUIFooter: typeof renderTUIFooter;
+    clearTUIFooter: typeof clearTUIFooter;
+    ANSI: {
+        SAVE_CURSOR: string;
+        RESTORE_CURSOR: string;
+        MOVE_TO: (row: number, col: number) => string;
+        MOVE_TO_BOTTOM: (offset?: number) => string;
+        CLEAR_LINE: string;
+        CLEAR_TO_END: string;
+        CLEAR_SCREEN: string;
+        SCROLL_UP: (lines: number) => string;
+        SCROLL_DOWN: (lines: number) => string;
+        RESET: string;
+        ENTER_ALT_SCREEN: string;
+        EXIT_ALT_SCREEN: string;
+        HIDE_CURSOR: string;
+        SHOW_CURSOR: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=tui-footer.d.ts.map

package/dist/interfaces/ui/terminal/tui/tui-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui-footer.d.ts","sourceRoot":"","sources":["../../../../../packages/src/interfaces/ui/terminal/tui/tui-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAYjE,QAAA,MAAM,IAAI;;;mBAIO,MAAM,OAAO,MAAM;;;;;uBASf,MAAM;yBACJ,MAAM;;;;;;CAY5B,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC;AAMhB,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AA0DD,qBAAa,SAAS;IACpB,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA0B;IAEjD,OAAO;IAYP;;OAEG;IACH,MAAM,CAAC,WAAW,IAAI,SAAS;IAO/B;;OAEG;IACH,MAAM,CAAC,KAAK,IAAI,IAAI;IAOpB;;OAEG;IACH,MAAM,IAAI,IAAI;IAUd;;OAEG;IACH,OAAO,IAAI,IAAI;IAUf;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;IACH,OAAO,CAAC,YAAY,CAKlB;IAEF;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAiCvC;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAqB9C;;OAEG;IACH,YAAY,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,SAAK,GAAG,IAAI;IAQ5D;;OAEG;IACH,WAAW,IAAI,IAAI;IAOnB;;OAEG;IACH,KAAK,IAAI,IAAI;IAab;;OAEG;IACH,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAStC;;OAEG;IACH,UAAU,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAgBpC;;OAEG;IACH,eAAe,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;CAMrD;AAMD;;GAEG;AACH,wBAAgB,YAAY,IAAI,SAAS,CAExC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,SAAS,CAI3C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAE/D;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC;;;;;;;;;;;uBA1XgB,MAAM,OAAO,MAAM;;;;;2BASf,MAAM;6BACJ,MAAM;;;;;;;;AAsX7B,wBAQE"}