<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
        <title>Ями - AI Assistant</title>
        <link rel="stylesheet" href="styles.css">
    </head>
<body>
    <div class="app-container">
        <div id="errorContainer" class="error-container"></div>
        <header class="app-header">
            <div class="header-content">
                <img src="yami_image.jpg" alt="Ями" class="avatar" loading="lazy">
                <h1>Ями</h1>
            </div>
        </header>

        <main class="chat-container">
            <div class="messages" id="messages">
                <!-- Messages will be inserted here -->
            </div>
        </main>

        <footer class="input-area">
            <div class="input-container">
                <input type="file" id="photoInput" accept="image/*" style="display: none">
                <button id="attachButton" class="attach-button" aria-label="Прикрепить файл">
                    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true">
                        <path d="M21.586 10.461l-10.05 10.075c-1.95 1.949-5.122 1.949-7.071 0s-1.95-5.122 0-7.072l10.628-10.585c1.17-1.17 3.073-1.17 4.243 0 1.17 1.17 1.17 3.072 0 4.242l-8.507 8.464c-.39.39-1.024.39-1.414 0s-.39-1.024 0-1.414l7.093-7.05"></path>
                    </svg>
                </button>
                <textarea 
                    id="userInput" 
                    placeholder="Напишите сообщение..." 
                    rows="1" 
                    maxlength="2000"
                    aria-label="Поле ввода сообщения"
                ></textarea>
                <button id="sendButton" class="send-button" aria-label="Отправить сообщение">
                    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true">
                        <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"></path>
                    </svg>
                </button>
            </div>
        </footer>
    </div>
    <script src="/webapp/script.js"></script>
</body>
</html>