// static/js/ui/dom.js

export const dom = {
    appContainer: document.getElementById('app-container'),
    chatWindow: document.getElementById('chat-window'),
    mainHeader: document.getElementById('main-header'),
    mainFooter: document.getElementById('main-footer'),
    messageForm: document.getElementById('message-form'),
    messageInput: document.getElementById('message-input'),
    submitButton: document.getElementById('submit-button'),
    sendIcon: document.getElementById('send-icon'),
    stopIcon: document.getElementById('stop-icon'),
    menuButton: document.getElementById('menu-button'),
    newChatButton: document.getElementById('new-chat-button'),
    historySidebar: document.getElementById('history-sidebar'),
    sidebarOverlay: document.getElementById('sidebar-overlay'),
    historyList: document.getElementById('history-list'),
    deleteAllChatsButton: document.getElementById('delete-all-chats'),
    attachFileButton: document.getElementById('attach-file-button'),
    imageFileInput: document.getElementById('image-file-input'),
    generalFileInput: document.getElementById('general-file-input'),
    imagePreviewContainer: document.getElementById('image-preview-container'),
    imagePreview: document.getElementById('image-preview'),
    removeImageButton: document.getElementById('remove-image-button'),
    fileInfoText: document.getElementById('file-info-text'),
    historyItemMenu: document.getElementById('history-item-menu'),
    messageItemMenu: document.getElementById('message-item-menu'),
    messageItemMenuOverlay: document.getElementById('message-item-menu-overlay'),
    messageItemMenuContent: document.getElementById('message-item-menu-content'),
    confirmModal: document.getElementById('confirm-modal'),
    confirmModalOverlay: document.getElementById('confirm-modal-overlay'),
    confirmModalContent: document.getElementById('confirm-modal-content'),
    confirmModalMessage: document.getElementById('confirm-modal-message'),
    confirmModalConfirmBtn: document.getElementById('confirm-modal-confirm-btn'),
    confirmModalCancelBtn: document.getElementById('confirm-modal-cancel-btn'),
    renameModal: document.getElementById('rename-modal'),
    renameModalOverlay: document.getElementById('rename-modal-overlay'),
    renameModalContent: document.getElementById('rename-modal-content'),
    renameInput: document.getElementById('rename-input'),
    renameModalConfirmBtn: document.getElementById('rename-modal-confirm-btn'),
    renameModalCancelBtn: document.getElementById('rename-modal-cancel-btn'),
    editModal: document.getElementById('edit-modal'),
    editModalOverlay: document.getElementById('edit-modal-overlay'),
    editModalContent: document.getElementById('edit-modal-content'),
    editInput: document.getElementById('edit-input'),
    editModalConfirmBtn: document.getElementById('edit-modal-confirm-btn'),
    editModalCancelBtn: document.getElementById('edit-modal-cancel-btn'),
    htmlPreviewModal: document.getElementById('html-preview-modal'),
    htmlPreviewOverlay: document.getElementById('html-preview-overlay'),
    htmlPreviewContent: document.getElementById('html-preview-content'),
    htmlPreviewIframe: document.getElementById('html-preview-iframe'),
    htmlPreviewCloseBtn: document.getElementById('html-preview-close-btn'),
    selectImageOption: document.getElementById('select-image-option'),
    selectFileOption: document.getElementById('select-file-option'),
    imageGalleryModal: document.getElementById('image-gallery-modal'),
    imageGalleryContent: document.getElementById('image-gallery-content'),
    galleryCloseBtn: document.getElementById('gallery-close-btn'),
    galleryMainImage: document.getElementById('gallery-main-image'),
    galleryPrevBtn: document.getElementById('gallery-prev-btn'),
    galleryNextBtn: document.getElementById('gallery-next-btn'),
    galleryThumbnails: document.getElementById('gallery-thumbnails'),
    galleryDownloadBtn: document.getElementById('gallery-download-btn'),
    settingsButton: document.getElementById('settings-button'),
    settingsModal: document.getElementById('settings-modal'),
    settingsModalContent: document.getElementById('settings-modal-content'),
    themeToggle: document.getElementById('theme-toggle'),
    settingsUserTier: document.getElementById('settings-user-tier'),
    premiumFeatureModal: document.getElementById('premium-feature-modal'),
    premiumModalIconContainer: document.getElementById('premium-modal-icon-container'),
    premiumModalCloseBtn: document.getElementById('premium-modal-close-btn'),
    premiumModalUpgradeBtn: document.getElementById('premium-modal-upgrade-btn'),
    plusRequiredModal: document.getElementById('plus-required-modal'),
    plusModalIconContainer: document.getElementById('plus-modal-icon-container'),
    plusModalCloseBtn: document.getElementById('plus-modal-close-btn'),
    toolsButton: document.getElementById('tools-button'),
    toolsMenu: document.getElementById('tools-menu'),
    filePopupMenu: document.getElementById('file-popup-menu'),
    toolsButtonText: document.getElementById('tools-button-text'),
    toolsDefaultIcon: document.getElementById('tools-default-icon'),
    clearToolSelection: document.getElementById('clear-tool-selection'),
    globalAudioPlayer: document.getElementById('global-audio-player'),
    globalAudioElement: document.getElementById('global-audio-element'),
    globalPlayerPlayPause: document.getElementById('global-player-play-pause'),
    globalPlayerPlayIcon: document.getElementById('global-player-play-icon'),
    globalPlayerPauseIcon: document.getElementById('global-player-pause-icon'),
    globalPlayerText: document.getElementById('global-player-text'),
    globalPlayerCurrentTime: document.getElementById('global-player-current-time'),
    globalPlayerTotalTime: document.getElementById('global-player-total-time'),
    waveformCanvas: document.getElementById('waveform-canvas'),
    globalPlayerLoading: document.getElementById('global-player-loading'),
    globalPlayerClose: document.getElementById('global-player-close'),
};