clay-server 3.6.0 → 3.7.0-beta.2

package/lib/project-http.js

@@ -254,6 +254,57 @@ function attachHTTP(ctx) {
       return true;
     }
 
+    // File browser: download project files
+    if (req.method === "GET" && urlPath.startsWith("/api/file/download?")) {
+      if (usersModule.isMultiUser()) {
+        var downloadUser = req._clayUser;
+        var downloadPermissions = downloadUser ? usersModule.getEffectivePermissions(downloadUser, osUsers) : null;
+        if (!downloadPermissions || !downloadPermissions.fileBrowser) {
+          res.writeHead(403, { "Content-Type": "text/plain; charset=utf-8" });
+          res.end("File browser access is not permitted");
+          return true;
+        }
+      }
+
+      var downloadQueryIndex = urlPath.indexOf("?");
+      var downloadParams = new URLSearchParams(urlPath.substring(downloadQueryIndex));
+      var downloadPath = downloadParams.get("path");
+      if (!downloadPath) { res.writeHead(400); res.end("Missing path"); return true; }
+      var downloadFile = safePath(cwd, downloadPath);
+      if (!downloadFile && getOsUserInfoForReq(req)) {
+        downloadFile = safeAbsPath(downloadPath);
+      }
+      if (!downloadFile) { res.writeHead(403); res.end("Access denied"); return true; }
+
+      try {
+        var downloadUserInfo = getOsUserInfoForReq(req);
+        var downloadContent;
+        if (downloadUserInfo) {
+          downloadContent = fsAsUser("read_binary", { file: downloadFile }, downloadUserInfo).buffer;
+        } else {
+          downloadContent = fs.readFileSync(downloadFile);
+        }
+        var downloadName = path.basename(downloadPath).replace(/[\x00-\x1f\x7f"\\]/g, "_") || "download";
+        var asciiDownloadName = downloadName.replace(/[^\x20-\x7e]/g, "_");
+        var encodedDownloadName = encodeURIComponent(downloadName).replace(/[!'()*]/g, function (character) {
+          return "%" + character.charCodeAt(0).toString(16).toUpperCase();
+        });
+        var contentDisposition = "attachment; filename=\"" + asciiDownloadName + "\"; filename*=UTF-8''" + encodedDownloadName;
+        res.writeHead(200, {
+          "Content-Type": "application/octet-stream",
+          "Content-Length": downloadContent.length,
+          "Content-Disposition": contentDisposition,
+          "Cache-Control": "no-store",
+          "X-Content-Type-Options": "nosniff",
+        });
+        res.end(downloadContent);
+      } catch (e) {
+        res.writeHead(404);
+        res.end("Not found");
+      }
+      return true;
+    }
+
     // File browser: serve project images
     if (req.method === "GET" && urlPath.startsWith("/api/file?")) {
       var qIdx = urlPath.indexOf("?");

package/lib/project-image.js

@@ -34,7 +34,7 @@ function attachImage(ctx) {
       return hydrated;
     }
     if (!entry.imageRefs) return entry;
-    if (entry.type !== "user_message" && entry.type !== "mention_user" && entry.type !== "user_mention") return entry;
+    if (entry.type !== "user_message" && entry.type !== "mention_user" && entry.type !== "user_mention" && entry.type !== "generated_image") return entry;
     var images = [];
     for (var ri = 0; ri < entry.imageRefs.length; ri++) {
       var ref = entry.imageRefs[ri];

package/lib/project.js

@@ -111,6 +111,7 @@ var BINARY_EXTS = new Set([
 ]);
 var IMAGE_EXTS = new Set([".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg", ".bmp", ".ico"]);
 var FS_MAX_SIZE = 512 * 1024;
+var FS_VIEWER_MAX_SIZE = 5 * 1024 * 1024;
 function safePath(base, requested) {
   var resolved = path.resolve(base, requested);
   if (resolved !== base && !resolved.startsWith(base + path.sep)) return null;
@@ -882,6 +883,7 @@ function createProjectContext(opts) {
     scheduleMessage: function (session, text, resetsAt) {
       scheduleMessage(session, text, resetsAt);
     },
+    saveImageFile: saveImageFile,
     getAutoContinueSetting: function (session) {
       // Per-user setting in multi-user mode
       if (usersModule.isMultiUser() && session && session.ownerId) {
@@ -1437,7 +1439,7 @@ function createProjectContext(opts) {
     IGNORED_DIRS: IGNORED_DIRS,
     BINARY_EXTS: BINARY_EXTS,
     IMAGE_EXTS: IMAGE_EXTS,
-    FS_MAX_SIZE: FS_MAX_SIZE,
+    FS_MAX_SIZE: FS_VIEWER_MAX_SIZE,
   });
 
   // --- MCP bridge handler for Codex and session-bound Kiro tools ---

package/lib/public/css/filebrowser.css

@@ -259,6 +259,11 @@
 
 .file-tree-item:hover { background: var(--sidebar-hover); color: var(--text); }
 .file-tree-item.active { background: var(--sidebar-active); color: var(--text); }
+.file-tree-item.context-open {
+  background: var(--sidebar-active);
+  color: var(--text);
+  box-shadow: inset 0 0 0 1px var(--border);
+}
 /* Keyboard focus ring (arrow-key navigation) — separate from .active
    so the currently-opened file stays visually marked even while the
    user is exploring elsewhere with the arrows. */
@@ -324,6 +329,65 @@
   color: var(--error);
 }
 
+/* --- File tree context menu --- */
+.file-tree-context-menu {
+  position: fixed;
+  z-index: 10040;
+  min-width: 164px;
+  padding: 5px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--sidebar-bg);
+  box-shadow: 0 12px 34px rgba(var(--shadow-rgb), 0.34);
+  animation: file-tree-context-in 0.12s ease-out both;
+}
+
+.file-tree-context-item {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  min-height: 34px;
+  padding: 7px 10px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--text-secondary);
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.file-tree-context-item:hover,
+.file-tree-context-item:focus-visible {
+  outline: none;
+  background: rgba(var(--overlay-rgb), 0.06);
+  color: var(--text);
+}
+
+.file-tree-context-item .lucide {
+  width: 15px;
+  height: 15px;
+  flex-shrink: 0;
+  color: var(--text-muted);
+}
+
+.file-tree-context-separator {
+  height: 1px;
+  margin: 4px 5px;
+  background: var(--border-subtle);
+}
+
+@keyframes file-tree-context-in {
+  from { opacity: 0; transform: translateY(-3px) scale(0.98); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .file-tree-context-menu { animation: none; }
+}
+
 /* --- Panel fullscreen --- */
 @media (min-width: 1024px) {
   #main-column:has(.panel-fullscreen:not(.hidden)) > .title-bar-content { display: none; }
@@ -1695,6 +1759,51 @@
   padding: 0;
 }
 
+.file-viewer-large-text {
+  min-height: 100%;
+}
+
+.file-viewer-large-notice {
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: fit-content;
+  margin: 10px 12px 0;
+  padding: 6px 9px;
+  color: var(--text-muted);
+  background: color-mix(in srgb, var(--bg) 92%, var(--accent));
+  border: 1px solid var(--border-subtle);
+  border-radius: 7px;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.file-viewer-large-notice svg {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+
+.file-viewer-large-text pre {
+  width: max-content;
+  min-width: 100%;
+  margin: 0;
+  padding: 12px 14px;
+  box-sizing: border-box;
+  white-space: pre;
+  tab-size: 2;
+}
+
+.file-viewer-large-text code {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.55;
+}
+
 .file-viewer-binary {
   display: flex;
   align-items: center;
@@ -1948,6 +2057,7 @@
   min-height: 0;
   overflow: hidden;
   position: relative;
+  background: #141412;
 }
 
 .terminal-tab-body {
@@ -1967,8 +2077,8 @@
   align-items: center;
   gap: 6px;
   padding: 6px 8px;
-  background: #252525;
-  border-bottom: 1px solid #333;
+  background: var(--bg-alt);
+  border-bottom: 1px solid var(--border);
   flex-shrink: 0;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
@@ -1984,9 +2094,9 @@
   min-width: 40px;
   padding: 0 10px;
   border-radius: 6px;
-  border: 1px solid #444;
-  background: #333;
-  color: #d4d4d4;
+  border: 1px solid var(--border);
+  background: var(--sidebar-active);
+  color: var(--text-secondary);
   font-family: "Roboto Mono", monospace;
   font-size: 12px;
   font-weight: 500;
@@ -1998,8 +2108,8 @@
 }
 
 .term-key:active {
-  background: #555;
-  border-color: #666;
+  background: var(--sidebar-hover);
+  border-color: var(--text-dimmer);
 }
 
 .term-key-toggle.active {

package/lib/public/css/generated-images.css

@@ -0,0 +1,225 @@
+.generated-image-row {
+  width: 100%;
+  max-width: var(--content-width);
+  margin: 4px auto 16px;
+  padding: 0 20px;
+}
+
+.generated-image-card {
+  width: min(560px, 100%);
+  overflow: hidden;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  background: var(--bg-alt);
+  box-shadow: 0 8px 28px rgba(var(--shadow-rgb), 0.16);
+}
+
+.generated-image-status {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: min(560px, 100%);
+  min-height: 30px;
+  padding: 0 2px 7px;
+  color: var(--text-muted);
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.generated-image-status .lucide {
+  width: 14px;
+  height: 14px;
+  color: var(--accent);
+  animation: generated-image-sparkle 2.4s ease-in-out infinite;
+}
+
+.generated-image-status-dots::after {
+  content: "";
+  animation: generated-image-ellipsis 1.4s steps(4, end) infinite;
+}
+
+.generated-image-card--pending {
+  position: relative;
+  width: min(560px, 100%);
+  aspect-ratio: 1 / 1;
+  border-color: var(--border-subtle);
+  background: var(--bg-alt);
+  box-shadow: none;
+}
+
+.generated-image-particle-field {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+.generated-image-particle-field::before {
+  position: absolute;
+  inset: 11%;
+  content: "";
+  background-image: radial-gradient(circle, var(--text-dimmer) 1.4px, transparent 1.7px);
+  background-position: center;
+  background-size: 25px 25px;
+  opacity: 0.52;
+  -webkit-mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0.88) 38%, transparent 72%);
+  mask-image: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0.88) 38%, transparent 72%);
+  animation: generated-image-field 3.2s ease-in-out infinite;
+}
+
+.generated-image-particle-field::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 36%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid var(--accent-15);
+  border-radius: 50%;
+  content: "";
+  background: radial-gradient(circle, var(--accent-12), transparent 68%);
+  transform: translate(-50%, -50%);
+  animation: generated-image-pulse 3.2s ease-in-out infinite;
+}
+
+@keyframes generated-image-field {
+  0%, 100% { opacity: 0.28; transform: scale(0.92) rotate(-2deg); }
+  50% { opacity: 0.68; transform: scale(1.04) rotate(2deg); }
+}
+
+@keyframes generated-image-pulse {
+  0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(0.72); }
+  50% { opacity: 0.72; transform: translate(-50%, -50%) scale(1.08); }
+}
+
+@keyframes generated-image-sparkle {
+  0%, 100% { opacity: 0.5; transform: scale(0.86) rotate(-8deg); }
+  50% { opacity: 1; transform: scale(1.08) rotate(8deg); }
+}
+
+@keyframes generated-image-ellipsis {
+  0% { content: ""; }
+  25% { content: "."; }
+  50% { content: ".."; }
+  75%, 100% { content: "..."; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .generated-image-status .lucide,
+  .generated-image-status-dots::after,
+  .generated-image-particle-field::before,
+  .generated-image-particle-field::after {
+    animation: none;
+  }
+}
+
+.generated-image-preview {
+  display: grid;
+  place-items: center;
+  min-height: 180px;
+  max-height: 680px;
+  overflow: hidden;
+  background:
+    linear-gradient(45deg, rgba(var(--overlay-rgb), 0.025) 25%, transparent 25%),
+    linear-gradient(-45deg, rgba(var(--overlay-rgb), 0.025) 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, rgba(var(--overlay-rgb), 0.025) 75%),
+    linear-gradient(-45deg, transparent 75%, rgba(var(--overlay-rgb), 0.025) 75%);
+  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+  background-size: 16px 16px;
+}
+
+.generated-image-preview img {
+  display: block;
+  width: 100%;
+  max-height: 680px;
+  object-fit: contain;
+  cursor: zoom-in;
+}
+
+.generated-image-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  min-height: 52px;
+  padding: 9px 10px 9px 14px;
+  border-top: 1px solid var(--border-subtle);
+}
+
+.generated-image-meta {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.generated-image-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.generated-image-label .lucide {
+  width: 13px;
+  height: 13px;
+  color: var(--accent);
+}
+
+.generated-image-prompt {
+  overflow: hidden;
+  color: var(--text-muted);
+  font-size: 11px;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.generated-image-actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 4px;
+}
+
+.generated-image-action {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 32px;
+  padding: 0 9px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--text-muted);
+  font: inherit;
+  font-size: 11px;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.generated-image-action:hover {
+  border-color: var(--border);
+  background: rgba(var(--overlay-rgb), 0.04);
+  color: var(--text);
+}
+
+.generated-image-action .lucide {
+  width: 14px;
+  height: 14px;
+}
+
+@media (max-width: 560px) {
+  .generated-image-row { padding: 0 12px; }
+  .generated-image-card { border-radius: 12px; }
+
+  .generated-image-action span {
+    display: none;
+  }
+
+  .generated-image-action {
+    width: 32px;
+    justify-content: center;
+    padding: 0;
+  }
+}

package/lib/public/css/input.css

@@ -762,7 +762,7 @@
   color: var(--text-muted);
 }
 
-/* --- Bottom toolbar (attach left, model+send right) --- */
+/* --- Bottom toolbar (attach left, session config + send right) --- */
 #input-bottom {
   display: flex;
   align-items: center;
@@ -777,21 +777,7 @@
   flex-shrink: 0;
 }
 
-/* --- Vendor toggle (split toggle) --- */
-#vendor-toggle-wrap {
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  overflow: hidden;
-  height: 30px;
-  flex-shrink: 0;
-}
-#vendor-toggle-wrap.hidden { display: none; }
-
-/* Compact session-vendor icon shown next to the config-chip when the
-   full vendor-toggle is hidden (because the session's vendor is already
-   committed). Visual only - not clickable. */
+/* Compact committed-session vendor icon next to the config chip. */
 #active-vendor-indicator {
   display: inline-flex;
   align-items: center;
@@ -806,73 +792,13 @@
   border-radius: 4px;
   object-fit: cover;
 }
-#vendor-toggle-wrap.locked {
-  border: none;
-  height: auto;
-  pointer-events: none;
-}
-#vendor-toggle-wrap.locked .vendor-toggle-btn:not(.active) { display: none; }
-#vendor-toggle-wrap.locked .vendor-toggle-btn.active {
-  background: transparent;
-  padding: 0;
-  gap: 0;
-  opacity: 0.7;
-}
-#vendor-toggle-wrap.locked .vendor-toggle-btn.active .vendor-toggle-label { display: none; }
-#vendor-toggle-wrap.locked .vendor-toggle-btn:first-child { border-right: none; }
-.vendor-toggle-btn {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 0 10px;
-  height: 100%;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: 12px;
-  color: var(--text-secondary);
-  transition: background 0.15s, color 0.15s;
-  white-space: nowrap;
-}
-.vendor-toggle-btn:first-child { border-right: 1px solid var(--border); }
-.vendor-toggle-btn.active {
-  background: var(--accent-12);
-  color: var(--accent);
-  font-weight: 600;
-}
-.vendor-toggle-btn.disabled {
-  opacity: 0.35;
-  cursor: default;
-}
-.vendor-toggle-btn.disabled:not(.active) { display: none; }
-.vendor-toggle-icon {
-  width: 16px;
-  height: 16px;
-  border-radius: 4px;
-  object-fit: cover;
-}
-.vendor-toggle-label {
-  pointer-events: none;
-}
-.vendor-toggle-btn.experimental::after,
 .vendor-experimental-badge {
-  content: "🧪";
   font-size: 10px;
   line-height: 1;
   font-weight: 400;
   filter: saturate(0.85);
-}
-.vendor-experimental-badge {
   margin-left: auto;
 }
-@media (min-width: 901px) {
-  .vendor-toggle-btn:not(.active) .vendor-toggle-label { display: none; }
-  .vendor-toggle-btn:not(.active) { padding: 0 8px; }
-}
-@media (max-width: 900px) {
-  .vendor-toggle-label { display: none; }
-  .vendor-toggle-btn { padding: 0 8px; }
-}
 
 /* --- Attach buttons & menu --- */
 #attach-wrap {
@@ -1290,7 +1216,6 @@
    Attach (files/images -> path injection) and voice input stay available. */
 body.tui-composer-active #schedule-btn,
 body.tui-composer-active #ask-mate-btn,
-body.tui-composer-active #vendor-toggle-wrap,
 body.tui-composer-active #active-vendor-indicator,
 body.tui-composer-active #config-chip-wrap {
   display: none !important;

package/lib/public/css/tui-attention.css

@@ -282,7 +282,7 @@ body.tui-suspended #tui-resume-bar {
 .tui-modal {
   width: min(960px, 100%);
   height: min(640px, 100%);
-  background: #000;
+  background: var(--bg);
   border-radius: 12px;
   overflow: hidden;
   display: flex;
@@ -683,4 +683,3 @@ body.tui-suspended #tui-resume-bar {
   .wna-content { padding: 32px 20px 80px; }
   .wna-title { font-size: 26px; }
 }
-

package/lib/public/index.html

@@ -30,7 +30,7 @@
 (function(){try{var k="clay-theme-vars",v=localStorage.getItem(k),r=document.documentElement;if(v){var o=JSON.parse(v),p;for(p in o)r.style.setProperty(p,o[p]);var vt=localStorage.getItem(k.replace("-vars","-variant"));if(vt==="light"){r.classList.add("light-theme");r.classList.remove("dark-theme")}else{r.classList.add("dark-theme");r.classList.remove("light-theme")}var m=document.querySelector('meta[name="theme-color"]');if(m&&o["--bg"])m.setAttribute("content",o["--bg"])}else{var sl=window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches;if(sl){r.classList.add("light-theme");r.classList.remove("dark-theme")}}}catch(e){}})();
 </script>
 <script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
-<link rel="stylesheet" href="style.css?v=20260828-clay-theme1">
+<link rel="stylesheet" href="style.css?v=20260829-terminal-canvas1">
 <style>
 @media(max-width:768px){
   /* User messages: vertical stack, avatar on top, right-aligned */
@@ -524,48 +524,6 @@
               </div>
             </div>
             <div id="input-bottom-right">
-              <div id="vendor-toggle-wrap">
-                <button id="vendor-btn-claude" class="vendor-toggle-btn active" data-vendor="claude">
-                  <img src="/claude-code-avatar.png" class="vendor-toggle-icon" alt="Claude">
-                  <span class="vendor-toggle-label">Claude Code</span>
-                </button>
-                <button id="vendor-btn-codex" class="vendor-toggle-btn" data-vendor="codex">
-                  <img src="/codex-avatar.png" class="vendor-toggle-icon" alt="Codex">
-                  <span class="vendor-toggle-label">Codex</span>
-                </button>
-                <button id="vendor-btn-antigravity" class="vendor-toggle-btn" data-vendor="antigravity">
-                  <img src="/antigravity-avatar.png" class="vendor-toggle-icon" alt="Antigravity">
-                  <span class="vendor-toggle-label">Antigravity CLI</span>
-                </button>
-                <button id="vendor-btn-opencode" class="vendor-toggle-btn" data-vendor="opencode">
-                  <img src="/opencode-avatar.svg" class="vendor-toggle-icon" alt="OpenCode">
-                  <span class="vendor-toggle-label">OpenCode</span>
-                </button>
-                <button id="vendor-btn-kimi" class="vendor-toggle-btn" data-vendor="kimi">
-                  <img src="/kimi-avatar.svg" class="vendor-toggle-icon" alt="Kimi">
-                  <span class="vendor-toggle-label">Kimi Code</span>
-                </button>
-                <button id="vendor-btn-grok" class="vendor-toggle-btn" data-vendor="grok">
-                  <img src="/grok-avatar.svg" class="vendor-toggle-icon" alt="Grok">
-                  <span class="vendor-toggle-label">Grok Build</span>
-                </button>
-                <button id="vendor-btn-copilot" class="vendor-toggle-btn" data-vendor="copilot">
-                  <img src="/copilot-avatar.svg" class="vendor-toggle-icon" alt="GitHub Copilot">
-                  <span class="vendor-toggle-label">GitHub Copilot CLI</span>
-                </button>
-                <button id="vendor-btn-qwen" class="vendor-toggle-btn" data-vendor="qwen">
-                  <img src="/qwen-avatar.svg" class="vendor-toggle-icon" alt="Qwen">
-                  <span class="vendor-toggle-label">Qwen Code</span>
-                </button>
-                <button id="vendor-btn-junie" class="vendor-toggle-btn" data-vendor="junie">
-                  <img src="/junie-avatar.svg" class="vendor-toggle-icon" alt="Junie">
-                  <span class="vendor-toggle-label">Junie CLI</span>
-                </button>
-                <button id="vendor-btn-kiro" class="vendor-toggle-btn" data-vendor="kiro">
-                  <img src="/kiro-avatar.svg" class="vendor-toggle-icon" alt="Kiro">
-                  <span class="vendor-toggle-label">Kiro CLI</span>
-                </button>
-              </div>
               <div id="active-vendor-indicator" class="hidden" title="Session vendor">
                 <img id="active-vendor-icon" alt="">
               </div>
@@ -703,6 +661,7 @@
           <button class="file-viewer-btn file-viewer-slide-level hidden" id="file-viewer-slide-level" title="Split slides by heading level" aria-haspopup="menu" aria-expanded="false"><span>H1</span><i data-lucide="chevron-down"></i></button>
           <button class="file-viewer-btn hidden" id="file-viewer-history" title="Edit history"><i data-lucide="clock"></i></button>
           <button class="file-viewer-btn" id="file-viewer-refresh" title="Refresh"><i data-lucide="refresh-cw"></i></button>
+          <button class="file-viewer-btn" id="file-viewer-download" title="Download file" aria-label="Download file"><i data-lucide="download"></i></button>
           <button class="file-viewer-btn" id="file-viewer-copy" title="Copy contents" aria-label="Copy contents"><i data-lucide="copy"></i></button>
           <button class="file-viewer-btn hidden" id="file-viewer-copy-formatted" title="Copy Markdown formatting" aria-label="Copy Markdown formatting"><i data-lucide="clipboard-copy"></i></button>
         </div>
@@ -2323,7 +2282,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0/lib/addon-fit.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-web-links@0/lib/addon-web-links.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-webgl@0/lib/addon-webgl.min.js"></script>
-<script type="module" src="app.js?v=20260826a"></script>
+<script type="module" src="app.js?v=20260829-terminal-dark1"></script>
 <div id="pwa-install-modal" class="pwa-modal hidden">
   <div class="pwa-modal-backdrop"></div>
   <div class="pwa-modal-card">