@co0ontty/wand 1.0.1 → 1.1.0

package/dist/web-ui/content/styles.css

@@ -1595,12 +1595,81 @@
 
     .terminal-container .xterm-viewport {
       background: transparent !important;
+      scrollbar-width: none;
+    }
+    .terminal-container .xterm-viewport::-webkit-scrollbar {
+      display: none;
     }
 
     .terminal-container .xterm {
       padding: 0;
     }
 
+    /* ===== 自定义终端滚动条 ===== */
+    .terminal-scrollbar {
+      position: absolute;
+      top: 4px;
+      right: 2px;
+      bottom: 4px;
+      width: 14px;
+      z-index: 10;
+      opacity: 0;
+      transition: opacity 0.3s ease;
+      pointer-events: none;
+    }
+    .terminal-scrollbar.visible {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    .terminal-scrollbar-track {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 14px;
+      border-radius: 7px;
+    }
+    .terminal-scrollbar-thumb {
+      position: absolute;
+      right: 3px;
+      width: 8px;
+      min-height: 28px;
+      border-radius: 4px;
+      background: rgba(180, 150, 120, 0.35);
+      cursor: pointer;
+      transition: background 0.15s ease, width 0.15s ease, right 0.15s ease;
+    }
+    .terminal-scrollbar-thumb:hover {
+      background: rgba(200, 170, 140, 0.55);
+      width: 10px;
+      right: 2px;
+    }
+    .terminal-scrollbar-thumb.dragging,
+    .terminal-scrollbar-thumb:active {
+      background: rgba(220, 185, 150, 0.7);
+      width: 10px;
+      right: 2px;
+    }
+
+    @media (pointer: coarse) {
+      .terminal-scrollbar {
+        width: 20px;
+      }
+      .terminal-scrollbar-track {
+        width: 20px;
+      }
+      .terminal-scrollbar-thumb {
+        width: 12px;
+        right: 4px;
+        min-height: 36px;
+      }
+      .terminal-scrollbar-thumb:hover,
+      .terminal-scrollbar-thumb.dragging {
+        width: 14px;
+        right: 3px;
+      }
+    }
+
     .terminal-container:focus-within {
       border-color: rgba(197, 101, 61, 0.5);
       box-shadow:
@@ -5690,6 +5759,160 @@
       to { opacity: 1; }
     }
 
+    /* ── Settings modal ── */
+
+    .settings-modal {
+      max-width: 520px;
+      max-height: 80vh;
+    }
+
+    .settings-tabs {
+      display: flex;
+      gap: 2px;
+      border-bottom: 1px solid var(--border-subtle);
+      margin-bottom: 16px;
+      padding-bottom: 0;
+    }
+
+    .settings-tab {
+      padding: 8px 14px;
+      font-size: 0.8125rem;
+      font-weight: 500;
+      color: var(--text-secondary);
+      background: none;
+      border: none;
+      border-bottom: 2px solid transparent;
+      cursor: pointer;
+      transition: color 0.15s, border-color 0.15s;
+      white-space: nowrap;
+    }
+
+    .settings-tab:hover {
+      color: var(--text-primary);
+    }
+
+    .settings-tab.active {
+      color: var(--accent);
+      border-bottom-color: var(--accent);
+    }
+
+    .settings-panel {
+      display: none;
+    }
+
+    .settings-panel.active {
+      display: block;
+    }
+
+    .settings-about-info {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 18px;
+    }
+
+    .settings-about-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-size: 0.8125rem;
+    }
+
+    .settings-label {
+      color: var(--text-secondary);
+      font-weight: 500;
+    }
+
+    .settings-value {
+      color: var(--text-primary);
+      font-family: var(--font-mono);
+      font-size: 0.8rem;
+    }
+
+    .settings-value a {
+      color: var(--accent);
+      text-decoration: none;
+    }
+
+    .settings-value a:hover {
+      text-decoration: underline;
+    }
+
+    .settings-update-section {
+      border-top: 1px solid var(--border-subtle);
+      padding-top: 14px;
+    }
+
+    .settings-update-actions {
+      display: flex;
+      gap: 8px;
+      margin-top: 10px;
+    }
+
+    .settings-section-title {
+      font-size: 0.875rem;
+      font-weight: 600;
+      color: var(--text-primary);
+      margin: 0 0 12px 0;
+    }
+
+    .settings-divider {
+      border: none;
+      border-top: 1px solid var(--border-subtle);
+      margin: 18px 0;
+    }
+
+    .settings-hint {
+      font-size: 0.8rem;
+      color: var(--text-secondary);
+      margin: 0 0 12px 0;
+    }
+
+    .field-inline {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      flex-direction: row;
+    }
+
+    .field-inline .field-label {
+      margin-bottom: 0;
+    }
+
+    .field-checkbox {
+      width: 18px;
+      height: 18px;
+      accent-color: var(--accent);
+      cursor: pointer;
+    }
+
+    .field-file {
+      font-size: 0.8rem;
+      padding: 6px;
+    }
+
+    .preset-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 10px 12px;
+      background: var(--bg-secondary);
+      border-radius: 8px;
+      margin-bottom: 8px;
+      font-size: 0.8125rem;
+    }
+
+    .preset-label {
+      font-weight: 500;
+      color: var(--text-primary);
+    }
+
+    .preset-detail {
+      color: var(--text-secondary);
+      font-family: var(--font-mono);
+      font-size: 0.75rem;
+    }
+
     .file-preview-modal {
       width: min(90vw, calc(100vw - 380px));
       max-width: 1000px;

package/dist/web-ui/index.js

@@ -12,7 +12,7 @@ export function renderApp(configPath) {
 <html lang="zh-CN">
 <head>
   <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content, user-scalable=no" />
   <title>Wand Console</title>
   <meta name="description" content="Local CLI Console for Vibe Coding - Manage terminal sessions from your browser" />
   <meta name="theme-color" content="#f6f1e8" media="(prefers-color-scheme: light)" />
@@ -26,7 +26,7 @@ export function renderApp(configPath) {
   <meta name="msapplication-TileColor" content="#c5653d" />
   <meta name="msapplication-tap-highlight" content="no" />
   <link rel="icon" href="/icon.svg" type="image/svg+xml" />
-  <link rel="apple-touch-icon" href="/icon-192.png" />
+  <link rel="apple-touch-icon" href="/icon.svg" />
   <link rel="manifest" href="/manifest.json" />
   <link rel="stylesheet" href="/vendor/xterm/css/xterm.css" />
   <style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "A web terminal for local CLI tools like Claude.",
   "type": "module",
   "bin": {