Spaces:
Running
Running
| <html> | |
| <head> | |
| <script type="module"> | |
| import { store } from "/components/chat/input/input-store.js"; | |
| import { store as messageQueueStore } from "/components/chat/message-queue/message-queue-store.js"; | |
| </script> | |
| </head> | |
| <body> | |
| <div id="input-section" x-data> | |
| <x-extension id="chat-input-start"></x-extension> | |
| <template x-if="$store.chatInput"> | |
| <div style="width: 100%; display: contents;"> | |
| <!-- Message Queue section --> | |
| <x-component path="chat/message-queue/message-queue.html"></x-component> | |
| <!-- Attachment Preview section --> | |
| <div> | |
| <x-component path="chat/attachments/inputPreview.html" /> | |
| </div> | |
| <x-component path="chat/input/chat-bar-input.html"></x-component> | |
| <x-component path="chat/input/bottom-actions-bar.html"></x-component> | |
| </div> | |
| </template> | |
| <x-extension id="chat-input-end"></x-extension> | |
| </div> | |
| <style> | |
| /* Input section wrapper */ | |
| #input-section { | |
| position: relative; | |
| background-color: var(--color-panel); | |
| display: -webkit-flex; | |
| display: flex; | |
| flex-direction: column; | |
| gap: var(--spacing-xs); | |
| padding: var(--spacing-xxs) var(--spacing-md) var(--spacing-sm) 0.8rem; | |
| align-items: start; | |
| place-items: normal; | |
| flex-shrink: 0; | |
| overflow: visible; | |
| z-index: 1001; | |
| } | |
| @media (max-width: 768px) { | |
| #input-section { align-items: normal ; } | |
| } | |
| </style> | |
| </body> | |
| </html> | |