glad-web 1.0.43 → 1.0.45

package/lib/web/theme.js

@@ -0,0 +1,60 @@
+        const GLAD_THEME_KEY = 'glad-theme';
+
+        function getGladTheme() {
+            const stored = localStorage.getItem(GLAD_THEME_KEY);
+            if (stored === 'light' || stored === 'dark') return stored;
+            return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        }
+
+        function getGladTerminalTheme(theme = getGladTheme()) {
+            return theme === 'light'
+                ? {
+                    background: '#ffffff', foreground: '#172033', cursor: '#007aff',
+                    selectionBackground: 'rgba(0, 122, 255, 0.22)', black: '#172033', white: '#f5f6f8',
+                    brightBlack: '#667085', brightWhite: '#ffffff'
+                }
+                : {
+                    background: '#000000', foreground: '#ffffff', cursor: '#34c759',
+                    selectionBackground: 'rgba(0, 122, 255, 0.32)'
+                };
+        }
+
+        function syncGladThemeControls(theme = getGladTheme()) {
+            ['light', 'dark'].forEach(value => {
+                const button = document.getElementById(`theme-${value}-btn`);
+                if (button) button.setAttribute('aria-pressed', String(value === theme));
+            });
+        }
+
+        function applyGladTheme(theme, options = {}) {
+            const resolved = theme === 'light' ? 'light' : 'dark';
+            document.documentElement.dataset.theme = resolved;
+            document.documentElement.style.removeProperty('background-color');
+            const meta = document.querySelector('meta[name="theme-color"]');
+            if (meta) meta.content = resolved === 'light' ? '#f5f6f8' : '#000000';
+            syncGladThemeControls(resolved);
+            try {
+                if (typeof term !== 'undefined' && term) {
+                    term.options.theme = getGladTerminalTheme(resolved);
+                    term.refresh(0, Math.max(0, term.rows - 1));
+                }
+            } catch (_) {}
+            if (!options.silent) window.dispatchEvent(new CustomEvent('glad-theme-change', { detail: resolved }));
+        }
+
+        function setGladTheme(theme) {
+            if (theme !== 'light' && theme !== 'dark') return;
+            localStorage.setItem(GLAD_THEME_KEY, theme);
+            applyGladTheme(theme);
+        }
+
+        applyGladTheme(getGladTheme(), { silent: true });
+
+        const gladSystemTheme = window.matchMedia('(prefers-color-scheme: dark)');
+        gladSystemTheme.addEventListener('change', () => {
+            if (!localStorage.getItem(GLAD_THEME_KEY)) applyGladTheme(getGladTheme());
+        });
+        window.addEventListener('storage', event => {
+            if (event.key === GLAD_THEME_KEY) applyGladTheme(getGladTheme());
+        });
+        document.addEventListener('DOMContentLoaded', () => syncGladThemeControls());

package/lib/web/timed-inputs.js

@@ -115,7 +115,6 @@
         function editTimedInput(id) {
             const item = timedInputs.find(value => value.id === id);
             if (!item) return;
-            closeComposerMenu();
             initTimedDelaySelectors();
             editingTimedInputId = id;
             inputEl.value = item.text || '';
@@ -173,23 +172,17 @@
         }
 
         document.getElementById('send-btn').addEventListener('click', performSend);
-        document.getElementById('timer-btn').addEventListener('click', () => {
-            const menu = document.getElementById('composer-menu');
-            const willOpen = !menu.classList.contains('active');
-            document.getElementById('timed-send-panel').classList.remove('active');
-            menu.classList.toggle('active', willOpen);
-            syncComposerButtonState();
-            updateTerminalControlsHeight();
+        document.getElementById('attachment-btn').addEventListener('click', () => {
+            attachmentFileInput.click();
         });
-        document.getElementById('attach-image-btn').addEventListener('click', () => {
-            closeComposerMenu();
-            imageFileInput.click();
+        document.getElementById('schedule-send-btn').addEventListener('click', () => {
+            if (document.getElementById('timed-send-panel').classList.contains('active')) closeTimedSendPanel();
+            else openTimedSendPanel();
         });
-        document.getElementById('schedule-send-btn').addEventListener('click', openTimedSendPanel);
-        imageFileInput.addEventListener('change', () => {
-            const files = imageFileInput.files;
-            if (files?.length) void uploadImageFiles(files);
-            imageFileInput.value = '';
+        attachmentFileInput.addEventListener('change', () => {
+            const files = attachmentFileInput.files;
+            if (files?.length) void uploadSelectedAttachments(files);
+            attachmentFileInput.value = '';
         });
         inputEl.addEventListener('keydown', (e) => {
             if (e.key === 'Enter' && e.shiftKey) { e.preventDefault(); performSend(); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glad-web",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "Glad transforms terminal-based AI coding tools into a polished, mobile-friendly local Web interface.",
   "bin": {
     "glad": "bin/cli.js"