claude-remote 0.6.0 → 0.6.1

package/web/modules/settings.js

@@ -1,74 +1,101 @@
-// ============================================================
-//  Settings
-// ============================================================
-import { $ } from './utils.js';
-import { S, approvalMode, setApprovalModeValue } from './state.js';
-import { showConfirm } from './confirm.js';
-import { updateSettingsCwd } from './dir-picker.js';
-
-function updateSettingsActive() {
-  document.querySelectorAll('.settings-opt').forEach(el => {
-    el.classList.toggle('active', el.dataset.mode === approvalMode);
-  });
-}
-
-function setApprovalMode(mode) {
-  setApprovalModeValue(mode);
-  localStorage.setItem('approvalMode', mode);
-  updateSettingsActive();
-  if (S.ws && S.ws.readyState === WebSocket.OPEN) {
-    S.ws.send(JSON.stringify({ type: 'set_approval_mode', mode }));
-  }
-}
-
-export function initSettingsValues() {
-  const radio = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
-  if (radio) radio.checked = true;
-  updateSettingsActive();
-}
-
-function openSettings() {
-  initSettingsValues();
-  updateSettingsCwd();
-  $('settings-overlay').classList.add('visible');
-}
-
-function closeSettings() {
-  $('settings-overlay').classList.remove('visible');
-}
-
-export { closeSettings };
-
-export function initSettings() {
-  $('btn-settings').addEventListener('click', openSettings);
-  $('settings-close').addEventListener('click', closeSettings);
-  $('settings-overlay').addEventListener('click', e => {
-    if (e.target === $('settings-overlay')) closeSettings();
-  });
-
-  document.querySelectorAll('input[name="approval-mode"]').forEach(radio => {
-    radio.addEventListener('change', async (e) => {
-      const mode = e.target.value;
-      if (mode === 'all') {
-        const ok = await showConfirm(
-          '全部自动审批将允许所有命令（包括 Bash、系统命令）无需确认直接执行，这可能存在风险。确定要开启吗？'
-        );
-        if (!ok) {
-          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
-          if (prev) prev.checked = true;
-          return;
-        }
-      } else if (mode === 'partial') {
-        const ok = await showConfirm(
-          '部分自动审批将自动放行 Read、Write、Edit、Glob、Grep 命令，无需手动确认。确定要开启吗？'
-        );
-        if (!ok) {
-          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
-          if (prev) prev.checked = true;
-          return;
-        }
-      }
-      setApprovalMode(mode);
-    });
-  });
-}
+// ============================================================
+//  Settings
+// ============================================================
+import { $ } from './utils.js';
+import { S, approvalMode, setApprovalModeValue, themeMode, setThemeModeValue } from './state.js';
+import { showConfirm } from './confirm.js';
+import { updateSettingsCwd } from './dir-picker.js';
+
+function updateApprovalActive() {
+  document.querySelectorAll('#approval-options .settings-opt').forEach(el => {
+    el.classList.toggle('active', el.dataset.mode === approvalMode);
+  });
+}
+
+function updateThemeActive() {
+  document.querySelectorAll('#theme-options .settings-opt').forEach(el => {
+    el.classList.toggle('active', el.dataset.themeMode === themeMode);
+  });
+}
+
+function setApprovalMode(mode) {
+  setApprovalModeValue(mode);
+  localStorage.setItem('approvalMode', mode);
+  updateApprovalActive();
+  if (S.ws && S.ws.readyState === WebSocket.OPEN) {
+    S.ws.send(JSON.stringify({ type: 'set_approval_mode', mode }));
+  }
+}
+
+function applyTheme(mode) {
+  setThemeModeValue(mode);
+  localStorage.setItem('theme', mode);
+  if (mode === 'light' || mode === 'dark') {
+    document.documentElement.setAttribute('data-theme', mode);
+  } else {
+    document.documentElement.removeAttribute('data-theme');
+  }
+  updateThemeActive();
+}
+
+export function initSettingsValues() {
+  const approvalRadio = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
+  if (approvalRadio) approvalRadio.checked = true;
+  updateApprovalActive();
+
+  const themeRadio = document.querySelector(`input[name="theme-mode"][value="${themeMode}"]`);
+  if (themeRadio) themeRadio.checked = true;
+  updateThemeActive();
+}
+
+function openSettings() {
+  initSettingsValues();
+  updateSettingsCwd();
+  $('settings-overlay').classList.add('visible');
+}
+
+function closeSettings() {
+  $('settings-overlay').classList.remove('visible');
+}
+
+export { closeSettings };
+
+export function initSettings() {
+  $('btn-settings').addEventListener('click', openSettings);
+  $('settings-close').addEventListener('click', closeSettings);
+  $('settings-overlay').addEventListener('click', e => {
+    if (e.target === $('settings-overlay')) closeSettings();
+  });
+
+  document.querySelectorAll('input[name="approval-mode"]').forEach(radio => {
+    radio.addEventListener('change', async (e) => {
+      const mode = e.target.value;
+      if (mode === 'all') {
+        const ok = await showConfirm(
+          '全部自动审批将允许所有命令（包括 Bash、系统命令）无需确认直接执行，这可能存在风险。确定要开启吗？'
+        );
+        if (!ok) {
+          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
+          if (prev) prev.checked = true;
+          return;
+        }
+      } else if (mode === 'partial') {
+        const ok = await showConfirm(
+          '部分自动审批将自动放行 Read、Write、Edit、Glob、Grep 命令，无需手动确认。确定要开启吗？'
+        );
+        if (!ok) {
+          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
+          if (prev) prev.checked = true;
+          return;
+        }
+      }
+      setApprovalMode(mode);
+    });
+  });
+
+  document.querySelectorAll('input[name="theme-mode"]').forEach(radio => {
+    radio.addEventListener('change', (e) => {
+      applyTheme(e.target.value);
+    });
+  });
+}

package/web/modules/state.js

@@ -50,6 +50,7 @@ export let serverCacheAddr = '';
 export let serverToken = '';
 export let pendingImage = null;
 export let approvalMode = localStorage.getItem('approvalMode') || 'default';
+export let themeMode = localStorage.getItem('theme') || 'system';
 
 export function setServerAddr(v) { serverAddr = v; }
 export function setServerWsUrl(v) { serverWsUrl = v; }
@@ -57,3 +58,4 @@ export function setServerCacheAddr(v) { serverCacheAddr = v; }
 export function setServerToken(v) { serverToken = v; }
 export function setPendingImage(v) { pendingImage = v; }
 export function setApprovalModeValue(v) { approvalMode = v; }
+export function setThemeModeValue(v) { themeMode = v; }

package/web/modules/websocket.js

@@ -21,7 +21,7 @@ import { showPermission, dismissPermissionById, clearPermissions } from './permi
 import { handleUploadStatus, updateImagePreviewUi } from './image-upload.js';
 import { renderSessionList } from './sessions.js';
 import { renderDirBrowser, updateSettingsCwd } from './dir-picker.js';
-import { presentNextPendingInteraction } from './interactions.js';
+import { presentNextPendingInteraction, handleQuestionSubmissionError } from './interactions.js';
 
 export function isAuthReadyMessage(msg) {
   return !!msg && (
@@ -370,12 +370,15 @@ export function connect() {
         if (m.cwd) { S.cwd = m.cwd; updateHeaderInfo(); }
         if ('sessionId' in m) await syncSessionState(m.sessionId, m.lastSeq);
       }
-      else if (m.type === 'turn_state') {
-        if (S.replaying) cacheTurnState(m);
-        else applyTurnState(m, 'turn_state');
-      }
-      else if (m.type === 'pty_exit') { setStatus('disconnected'); if (S.waiting) setWaiting(false, 'pty_exit'); }
-      else if (m.type === 'permission_request') showPermission(m);
+      else if (m.type === 'turn_state') {
+        if (S.replaying) cacheTurnState(m);
+        else applyTurnState(m, 'turn_state');
+      }
+      else if (m.type === 'question_submission_error') {
+        handleQuestionSubmissionError(m.toolUseId, m.error);
+      }
+      else if (m.type === 'pty_exit') { setStatus('disconnected'); if (S.waiting) setWaiting(false, 'pty_exit'); }
+      else if (m.type === 'permission_request') showPermission(m);
       else if (m.type === 'permission_resolved') dismissPermissionById(m.id);
       else if (m.type === 'clear_permissions') clearPermissions();
       else if (m.type === 'sessions') {