@cloudinary/asset-management-mcp 0.9.1 → 0.9.3

package/bin/mcp-server.js

@@ -13960,9 +13960,9 @@ var init_config = __esm(() => {
   SDK_METADATA = {
     language: "typescript",
     openapiDocVersion: "0.5.1",
-    sdkVersion: "0.9.1",
-    genVersion: "2.881.4",
-    userAgent: "speakeasy-sdk/mcp-typescript 0.9.1 2.881.4 0.5.1 @cloudinary/asset-management-mcp"
+    sdkVersion: "0.9.3",
+    genVersion: "2.885.1",
+    userAgent: "speakeasy-sdk/mcp-typescript 0.9.3 2.885.1 0.5.1 @cloudinary/asset-management-mcp"
   };
 });
 
@@ -14021,7 +14021,7 @@ var init_config2 = __esm(() => {
     "asset-details",
     "asset-upload"
   ];
-  DEFAULT_MCP_APPS = [];
+  DEFAULT_MCP_APPS = [...MCP_APPS];
 });
 
 // src/mcp-server/console-logger.ts
@@ -65624,6 +65624,7 @@ var _infoSchema, _uploadSchema, TOOLTIP_MAP_JSON, SHARED_CSS_TOKENS = `
 [data-theme="dark"] .status-warn, .dark .status-warn { background: #854d0e; color: #fef08a; }
 [data-theme="dark"] .status-err,  .dark .status-err  { background: #991b1b; color: #fecaca; }
 
+html { scrollbar-gutter: auto; }
 body {
   font-family: var(--cld-font);
   background: var(--cld-bg);
@@ -65632,25 +65633,47 @@ body {
   line-height: 1.5;
   font-size: var(--cld-font-xs);
   position: relative;
+  overflow-x: hidden;
 }
 .theme-btn {
-  position: absolute; top: 4px; right: 4px; z-index: 900;
   width: 22px; height: 22px; border-radius: 50%;
   border: 1px solid transparent; background: transparent;
   color: var(--cld-text3); cursor: pointer;
   display: flex; align-items: center; justify-content: center;
   padding: 0; transition: background 0.15s, color 0.15s, border-color 0.15s;
-  opacity: 0.5;
+  opacity: 0.5; flex-shrink: 0;
 }
 .theme-btn:hover { background: var(--cld-bg3); color: var(--cld-text); border-color: var(--cld-border); opacity: 1; }
 .theme-btn svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+/* Shared icon-button — square pill, same family as theme-btn */
+.icon-btn {
+  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
+  background: none; border: 1px solid var(--cld-border); border-radius: var(--cld-radius-sm);
+  color: var(--cld-text2); cursor: pointer; padding: 4px 8px;
+  font-size: 12px; font-weight: 500; font-family: inherit; line-height: 1;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+  white-space: nowrap; flex-shrink: 0;
+}
+.icon-btn:hover { background: var(--cld-bg3); color: var(--cld-text); border-color: var(--cld-border2); }
+.icon-btn svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
+/* icon-only variant (no text label) */
+.icon-btn.icon-only { padding: 4px; width: 28px; height: 28px; }
+/* header state icon (decorative, not a button) */
+.upload-header-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+.upload-header-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
+.upload-header-icon.icon-success { color: var(--cld-success); }
+.upload-header-icon.icon-error   { color: var(--cld-error); }
+.upload-header-icon.icon-warning { color: var(--cld-warning); }
+.upload-header-icon.icon-accent  { color: var(--cld-accent); }
 `, SHARED_CSS_COMPONENTS = `
 .link { cursor: pointer; }
 .link:hover { color: var(--cld-accent); text-decoration: underline; }
 
-/* Modal */
+/* Modal — positioned absolutely so it can be placed in the part of the
+ * iframe that is currently visible in the host's viewport (since position:fixed
+ * inside a tall iframe anchors to iframe-center, not the user's visible area). */
 .modal-overlay {
-  position: fixed; inset: 0;
+  position: absolute; left: 0; right: 0;
   background: rgba(0,0,0,0.45);
   display: flex; align-items: center; justify-content: center;
   z-index: 1000; backdrop-filter: blur(3px); padding: 24px;
@@ -65894,7 +65917,8 @@ details.detail-section > summary.detail-section-title::-webkit-details-marker {
 }
 .upload-zone:hover { border-color: var(--cld-accent); background: var(--cld-accent-bg); }
 .upload-zone.dragover { border-color: var(--cld-accent); background: var(--cld-accent-bg); }
-.upload-zone-icon { font-size: 36px; margin-bottom: 8px; color: var(--cld-text3); }
+.upload-zone-icon { margin-bottom: 8px; color: var(--cld-text3); display: flex; align-items: center; justify-content: center; }
+.upload-zone-icon svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
 .upload-zone-text { font-size: 14px; color: var(--cld-text2); margin-bottom: 4px; }
 .upload-zone-hint { font-size: 12px; color: var(--cld-text3); }
 .upload-zone-btn {
@@ -65940,8 +65964,9 @@ details.detail-section > summary.detail-section-title::-webkit-details-marker {
 .upload-preview-icon {
   width: 56px; height: 56px; border-radius: var(--cld-radius-sm);
   background: var(--cld-bg3); flex-shrink: 0; display: flex;
-  align-items: center; justify-content: center; font-size: 24px; color: var(--cld-text3);
+  align-items: center; justify-content: center; color: var(--cld-text3);
 }
+.upload-preview-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
 .upload-preview-info { flex: 1; min-width: 0; }
 .upload-preview-name { font-size: 13px; font-weight: 600; color: var(--cld-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .upload-preview-meta { font-size: 11px; color: var(--cld-text3); margin-top: 2px; }
@@ -66090,19 +66115,15 @@ details.upload-section > .upload-form { margin: 0; padding: 10px 12px; }
   background: var(--cld-accent-bg); border: 1px solid var(--cld-accent);
   border-radius: var(--cld-radius); margin-bottom: 4px; position: relative;
 }
-.upload-staged-icon { font-size: 24px; flex-shrink: 0; }
+.upload-staged-icon { flex-shrink: 0; display: flex; align-items: center; color: var(--cld-accent); }
+.upload-staged-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
 .upload-staged-info { flex: 1; min-width: 0; }
 .upload-staged-name {
   font-size: 13px; font-weight: 600; color: var(--cld-text);
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
 .upload-staged-meta { font-size: 11px; color: var(--cld-text3); margin-top: 2px; }
-.upload-staged-clear {
-  background: none; border: none; cursor: pointer; font-size: 16px;
-  color: var(--cld-text3); padding: 4px 6px; border-radius: var(--cld-radius-sm);
-  transition: color 0.15s, background 0.15s; flex-shrink: 0;
-}
-.upload-staged-clear:hover { color: var(--cld-error); background: rgba(206,25,13,0.08); }
+.upload-staged-clear:hover { color: var(--cld-error); border-color: var(--cld-error); background: rgba(206,25,13,0.08); }
 
 /* Upload submit button */
 .upload-submit {
@@ -66148,6 +66169,21 @@ details.upload-section > .upload-form { margin: 0; padding: 10px 12px; }
   .json-bool { color: #a9e34b; }
   .json-null { color: #868e96; }
 }
+`, SHARED_JS_ICONS = `
+var IC = {
+  refresh:    '<svg viewBox="0 0 24 24"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M3 21v-5h5"/></svg>',
+  chevronLeft:'<svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg>',
+  arrowDown:  '<svg viewBox="0 0 24 24"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg>',
+  x:          '<svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
+  zap:        '<svg viewBox="0 0 24 24"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>',
+  uploadCloud:'<svg viewBox="0 0 24 24"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"/></svg>',
+  alertTriangle:'<svg viewBox="0 0 24 24"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',
+  folderOpen: '<svg viewBox="0 0 24 24"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/><polyline points="22 13 17 13 15 16 9 16 7 13 2 13"/></svg>',
+  checkCircle:'<svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>',
+  clock:      '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>',
+  file:       '<svg viewBox="0 0 24 24"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>',
+  image:      '<svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>',
+};
 `, SHARED_JS_MCP_CLIENT = `
 var RPC_TIMEOUT_MS = 15000;
 var TOOL_CALL_TIMEOUT_MS = 30000;
@@ -66233,6 +66269,29 @@ class MCPApp {
   }
 }
 `, SHARED_JS_HELPERS = `
+function copyText(text) {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    return navigator.clipboard.writeText(text).catch(function() { return _copyFallback(text); });
+  }
+  return _copyFallback(text);
+}
+function _copyFallback(text) {
+  return new Promise(function(resolve, reject) {
+    try {
+      var ta = document.createElement("textarea");
+      ta.value = text;
+      ta.setAttribute("readonly", "");
+      ta.style.position = "fixed"; ta.style.top = "0"; ta.style.left = "0";
+      ta.style.opacity = "0"; ta.style.pointerEvents = "none";
+      document.body.appendChild(ta);
+      ta.select(); ta.setSelectionRange(0, text.length);
+      var ok = document.execCommand("copy");
+      document.body.removeChild(ta);
+      if (ok) resolve(); else reject(new Error("Clipboard unavailable"));
+    } catch (e) { reject(e); }
+  });
+}
+
 function fmtBytes(b) {
   if (!b) return "";
   var u = ["B","KB","MB","GB"], i = Math.min(Math.floor(Math.log(b)/Math.log(1024)), 3);
@@ -66450,6 +66509,55 @@ function closeModal() {
   if (ov) ov.remove();
 }
 
+/* Position the modal overlay so it's centered on the part of the iframe
+ * the user is currently looking at. Inside an iframe that the host has
+ * sized to scrollHeight, position: fixed anchors to iframe-center, not
+ * the user's visible band — so we compute the visible band ourselves
+ * via IntersectionObserver and place the overlay absolutely there. */
+function positionModalInVisibleArea(overlay) {
+  if (!overlay) return;
+  var docH = Math.max(document.documentElement.scrollHeight, window.innerHeight);
+
+  // Try IntersectionObserver first (works cross-origin too)
+  if (typeof IntersectionObserver !== "undefined") {
+    var probe = document.createElement("div");
+    probe.style.cssText = "position:absolute;left:0;top:0;width:1px;height:" + docH + "px;pointer-events:none;visibility:hidden;";
+    document.body.appendChild(probe);
+    var io = new IntersectionObserver(function(entries) {
+      try {
+        var entry = entries[0];
+        var rect = entry.intersectionRect;
+        var rootRect = entry.rootBounds || entry.boundingClientRect;
+        // intersectionRect.top is in viewport coords; visible band of the
+        // document is from (probe.top + rect.top) to (probe.top + rect.bottom).
+        var probeTop = entry.boundingClientRect.top; // viewport-relative
+        var visibleTop = rect.top - probeTop;        // document-relative
+        var visibleHeight = rect.height;
+        if (visibleHeight > 0) {
+          overlay.style.top = visibleTop + "px";
+          overlay.style.height = visibleHeight + "px";
+        } else {
+          // Fallback: probe not intersecting (shouldn't happen with full-height probe)
+          overlay.style.top = (window.scrollY || 0) + "px";
+          overlay.style.height = window.innerHeight + "px";
+        }
+      } finally {
+        io.disconnect();
+        if (probe.parentNode) probe.parentNode.removeChild(probe);
+      }
+    });
+    io.observe(probe);
+    return;
+  }
+
+  // Fallback: same-origin only — read iframe's bounding rect
+  var rect = document.documentElement.getBoundingClientRect();
+  var visibleTop = rect.top < 0 ? -rect.top : 0;
+  var visibleHeight = Math.min(window.innerHeight, rect.bottom) - Math.max(0, rect.top);
+  overlay.style.top = visibleTop + "px";
+  overlay.style.height = Math.max(visibleHeight, 200) + "px";
+}
+
 function openModal(headerHtml, bodyHtml) {
   closeModal();
   var h = '<div class="modal-overlay"><div class="modal">';
@@ -66459,6 +66567,7 @@ function openModal(headerHtml, bodyHtml) {
   document.body.insertAdjacentHTML("beforeend", h);
 
   var overlay = document.querySelector(".modal-overlay");
+  positionModalInVisibleArea(overlay);
   overlay.addEventListener("click", function(e) {
     if (e.target === overlay || e.target.classList.contains("modal-close")) {
       closeModal();
@@ -67456,7 +67565,16 @@ function renderThemeToggle() {
     applyTheme();
     renderThemeToggle();
   });
-  document.body.appendChild(btn);
+  var slot = document.getElementById("header-actions");
+  if (slot) {
+    slot.appendChild(btn);
+  } else {
+    btn.style.position = "absolute";
+    btn.style.top = "4px";
+    btn.style.right = "4px";
+    btn.style.zIndex = "900";
+    document.body.appendChild(btn);
+  }
 }
 
 function setupHostContext(app) {
@@ -67550,90 +67668,10 @@ var GALLERY_CSS = `
   font-size: var(--cld-font-xxs); color: var(--cld-text3); background: var(--cld-bg3);
   padding: 2px 8px; border-radius: 20px; font-weight: 500;
 }
-.select-all-btn {
-  font-size: 12px; color: var(--cld-text2); background: none;
-  border: 1px solid var(--cld-border); border-radius: var(--cld-radius-sm);
-  padding: 4px 10px; cursor: pointer; font-family: inherit;
-  transition: color 0.15s, border-color 0.15s;
-}
-.select-all-btn:hover { color: var(--cld-accent); border-color: var(--cld-accent); }
-.refresh-btn {
-  background: none; border: 1px solid var(--cld-border); border-radius: var(--cld-radius-sm);
-  color: var(--cld-text2); cursor: pointer; font-size: 14px; padding: 2px 7px;
-  line-height: 1; transition: background 0.15s, color 0.15s;
-}
-.refresh-btn:hover { background: var(--cld-bg3); color: var(--cld-text); }
-
-/* ── Filter bar ── */
-.filter-row {
-  margin-bottom: var(--cld-sp-md); display: flex; gap: 8px; align-items: center;
-}
-.filter-text-wrap { position: relative; flex: 1; }
-.filter-input {
-  width: 100%; height: 36px; padding: 0 12px 0 34px;
-  border: 1px solid var(--cld-border); border-radius: var(--cld-radius);
-  background: var(--cld-bg); font-size: 12.5px; color: var(--cld-text);
-  outline: none; font-family: inherit;
-  transition: border-color 0.18s, box-shadow 0.18s;
-}
-.filter-input::placeholder { color: var(--cld-text3); }
-.filter-input:focus {
-  border-color: var(--cld-accent);
-  box-shadow: 0 0 0 3px rgba(52,72,197,0.1);
-}
-[data-theme="dark"] .filter-input:focus { box-shadow: 0 0 0 3px rgba(13,154,255,0.15); }
-.filter-icon {
-  position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
-  color: var(--cld-text3); pointer-events: none; display: flex; align-items: center;
-}
-.filter-clear {
-  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
-  background: none; border: none; color: var(--cld-text3); cursor: pointer;
-  font-size: 14px; line-height: 1; padding: 2px 4px; border-radius: 4px;
-  display: none; font-family: inherit;
-}
-.filter-clear:hover { color: var(--cld-text); background: var(--cld-border); }
-.filter-clear.visible { display: block; }
-
-/* Aspect-ratio dropdown */
-.aspect-dropdown { position: relative; flex-shrink: 0; user-select: none; }
-.aspect-btn {
-  height: 36px; padding: 0 10px; border: 1px solid var(--cld-border);
-  border-radius: var(--cld-radius); background: var(--cld-bg);
-  font-size: 12.5px; color: var(--cld-text); cursor: pointer;
-  display: flex; align-items: center; gap: 6px; white-space: nowrap;
-  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
-  font-family: inherit; outline: none;
-}
-.aspect-btn:hover { border-color: var(--cld-border2); }
-.aspect-btn.active {
-  border-color: var(--cld-accent); background: var(--cld-accent-bg);
-  color: var(--cld-accent); font-weight: 600;
-}
-.aspect-btn-chevron { color: var(--cld-text3); flex-shrink: 0; transition: transform 0.18s; }
-.aspect-btn.open .aspect-btn-chevron { transform: rotate(180deg); }
-.aspect-menu {
-  position: absolute; top: calc(100% + 6px); right: 0;
-  background: var(--cld-bg); border: 1px solid var(--cld-border);
-  border-radius: 10px; box-shadow: var(--cld-shadow-md);
-  padding: 4px; min-width: 160px; z-index: 50; display: none;
-}
-.aspect-menu.open { display: block; }
-.aspect-option {
-  display: flex; align-items: center; gap: 10px;
-  padding: 7px 10px; border-radius: 6px; font-size: 12.5px;
-  color: var(--cld-text); cursor: pointer; transition: background 0.18s;
-}
-.aspect-option:hover { background: var(--cld-bg3); }
-.aspect-option.selected { color: var(--cld-accent); font-weight: 600; }
-.aspect-opt-icon { color: var(--cld-text3); display: flex; align-items: center; flex-shrink: 0; }
-.aspect-option.selected .aspect-opt-icon { color: var(--cld-accent); }
-.aspect-check { margin-left: auto; color: var(--cld-accent); opacity: 0; }
-.aspect-option.selected .aspect-check { opacity: 1; }
-.no-results {
-  grid-column: 1 / -1; padding: 60px 20px;
-  text-align: center; color: var(--cld-text3); font-size: 13px;
-}
+/* action-btn svg sizing */
+.action-btn svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
+/* select bar svg */
+.bar-btn svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
 
 /* ── Grid ── */
 .grid {
@@ -67692,18 +67730,11 @@ var GALLERY_CSS = `
   opacity: 0; transition: opacity 0.18s; z-index: 4; pointer-events: none;
 }
 .card:hover .tags-overlay { opacity: 1; }
-.grid.filtering .tags-overlay { opacity: 1; }
 .tag-overlay {
   font-size: 10px; color: white;
   background: rgba(10, 12, 18, 0.55); padding: 2px 7px; border-radius: 20px;
   backdrop-filter: blur(6px); font-weight: 600; letter-spacing: 0.02em;
 }
-.tag-overlay.tag-match { background: rgba(52, 72, 197, 0.82); }
-.tag-overlay mark {
-  background: rgba(255, 213, 79, 0.5); color: white;
-  border-radius: 2px; padding: 0 1px;
-}
-
 /* Floating action buttons */
 .card-actions {
   position: absolute; bottom: 10px; left: 0; right: 0;
@@ -67767,18 +67798,27 @@ var GALLERY_CSS = `
 }
 
 /* ── Multi-select bar ── */
+/* Wrapper takes layout space ONLY when a selection is active. When idle
+ * it's display:none so it contributes 0 to scrollHeight (no phantom
+ * scrollbar gutter / no extra iframe height). */
+.select-bar-wrap {
+  display: none;
+  position: sticky; bottom: 0; left: 0; right: 0;
+  justify-content: center; pointer-events: none;
+  z-index: 100; height: 64px;
+}
+.select-bar-wrap.visible { display: flex; }
 .select-bar {
-  position: fixed; bottom: 16px; left: 50%;
-  transform: translateX(-50%) translateY(80px);
+  position: absolute; bottom: 8px;
+  transform: translateY(80px);
   background: #1a1d24; color: white; border-radius: 40px;
   padding: 0 6px 0 16px; height: 48px;
   display: flex; align-items: center; gap: 4px;
   box-shadow: 0 8px 32px rgba(0,0,0,0.4);
   transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s;
-  opacity: 0; pointer-events: none; z-index: 100; white-space: nowrap;
+  opacity: 0; pointer-events: none; white-space: nowrap;
 }
-.select-bar.visible { transform: translateX(-50%) translateY(0); opacity: 1; pointer-events: all; }
-.select-bar-spacer { height: 72px; }
+.select-bar-wrap.visible .select-bar { transform: translateY(0); opacity: 1; pointer-events: all; }
 .select-count { font-size: 13px; font-weight: 600; margin-right: 8px; }
 .bar-btn {
   height: 36px; padding: 0 14px; border: none; border-radius: 30px;
@@ -67817,8 +67857,6 @@ var pendingCall = {
   args: null,
 };
 var selected = new Set();
-var filterQuery = "";
-var aspectFilter = "";
 var app = new MCPApp({ name: "Cloudinary Asset Gallery", version: "1.0.0" });
 setupHostContext(app);
 
@@ -67842,33 +67880,13 @@ function showToast(msg) {
   _toastTimer = setTimeout(function() { t.classList.remove("show"); }, 2000);
 }
 
-function getAspect(r) {
-  if (!r.width || !r.height) return "";
-  var ratio = r.width / r.height;
-  if (ratio > 1.1) return "landscape";
-  if (ratio < 0.9) return "portrait";
-  return "square";
-}
-
-function highlightText(text, query) {
-  if (!query) return esc(text);
-  var lo = text.toLowerCase();
-  var idx = lo.indexOf(query);
-  if (idx === -1) return esc(text);
-  return esc(text.slice(0, idx))
-    + "<mark>" + esc(text.slice(idx, idx + query.length)) + "</mark>"
-    + esc(text.slice(idx + query.length));
-}
-
 function updateSelectBar() {
-  var bar = document.getElementById("select-bar");
+  var wrap = document.getElementById("select-bar-wrap");
   var countEl = document.getElementById("select-count");
-  if (!bar || !countEl) return;
+  if (!wrap || !countEl) return;
   var n = selected.size;
   countEl.textContent = n + " selected";
-  bar.classList.toggle("visible", n > 0);
-  var spacer = document.getElementById("select-bar-spacer");
-  if (spacer) spacer.style.display = n > 0 ? "" : "none";
+  wrap.classList.toggle("visible", n > 0);
   var btn = document.getElementById("select-all-btn");
   if (btn) {
     var visible = getVisibleIndices();
@@ -67935,11 +67953,9 @@ function copyAssetUrl(type, idx) {
   var url = r.secure_url || r.url || "";
   var copyUrl = type === "optimized" ? optimizedUrl(url, r) : url;
   if (!copyUrl) return;
-  try {
-    navigator.clipboard.writeText(copyUrl).then(function() {
-      showToast(type === "optimized" ? "\\u2728 Optimized URL copied" : "URL copied");
-    });
-  } catch(e) { showError("Copy Failed", String(e)); }
+  copyText(copyUrl).then(function() {
+    showToast(type === "optimized" ? "\\u2728 Optimized URL copied" : "URL copied");
+  }).catch(function(e) { showError("Copy Failed", e && e.message ? e.message : String(e)); });
 }
 
 function downloadOne(idx) {
@@ -67961,134 +67977,74 @@ function copySelectedUrls(type) {
     urls.push(type === "optimized" ? optimizedUrl(url, r) : url);
   });
   if (!urls.length) return;
-  try {
-    navigator.clipboard.writeText(urls.join("\\n")).then(function() {
-      showToast(urls.length + " " + (type === "optimized" ? "optimized " : "") + "URLs copied");
-    });
-  } catch(e) { showError("Copy Failed", String(e)); }
+  copyText(urls.join("\\n")).then(function() {
+    showToast(urls.length + " " + (type === "optimized" ? "optimized " : "") + "URLs copied");
+  }).catch(function(e) { showError("Copy Failed", e && e.message ? e.message : String(e)); });
 }
 
-function downloadSelected() {
-  var count = 0;
+async function downloadSelected() {
+  if (selected.size === 0) return;
+
+  var picks = [];
   selected.forEach(function(i) {
     var r = allResources[i];
-    if (!r) return;
-    var url = r.secure_url || r.url || "";
-    var dl = downloadUrl(url, r);
-    if (dl) { app._rpc("ui/open-link", { url: dl }); count++; }
+    if (r && r.public_id) picks.push(r);
   });
-  if (count) showToast("Downloading " + count + " asset" + (count > 1 ? "s" : ""));
-}
+  if (!picks.length) return;
 
-function handleFilter() {
-  var input = document.getElementById("filter-input");
-  filterQuery = input ? input.value.trim().toLowerCase() : "";
-
-  var clearBtn = document.getElementById("filter-clear");
-  if (clearBtn) clearBtn.classList.toggle("visible", filterQuery.length > 0);
+  var requestBody = {
+    mode: "create",
+    target_format: "zip",
+    keep_derived: true,
+    target_public_id: "mcp-gallery-archive-" + Date.now(),
+    fully_qualified_public_ids: picks.map(function(r) {
+      return (r.resource_type || "image") + "/" + (r.type || "upload") + "/" + r.public_id;
+    }),
+  };
 
-  var aspectBtn = document.getElementById("aspect-btn");
-  if (aspectBtn) aspectBtn.classList.toggle("active", aspectFilter !== "");
+  var btn = document.getElementById("bar-download");
+  var origLabel = btn ? btn.innerHTML : "";
+  if (btn) { btn.innerHTML = "Creating archive\\u2026"; btn.disabled = true; }
 
-  var anyFilter = filterQuery.length > 0 || aspectFilter !== "";
-  var grid = document.getElementById("gallery-grid");
-  if (grid) grid.classList.toggle("filtering", anyFilter);
+  try {
+    var res = await app.callServerTool({
+      name: "generate-archive",
+      arguments: {
+        resource_type: "all",
+        RequestBody: requestBody,
+      },
+    });
 
-  var visibleCount = 0;
-  for (var i = 0; i < allResources.length; i++) {
-    var r = allResources[i];
-    var card = document.getElementById("card-" + i);
-    if (!card) continue;
+    var data = ingestResult(res);
+    if (data && (data._error || data._parseError)) {
+      showError("Archive Failed", unwrapApiError(data._message));
+      return;
+    }
+    var archiveUrl = data && (data.secure_url || data.url);
+    if (!archiveUrl) {
+      showError("Archive Failed", "No delivery URL returned.");
+      return;
+    }
+    try { await copyText(archiveUrl); } catch (e) { /* ignore */ }
+    app._rpc("ui/open-link", { url: archiveUrl });
+    showToast("Archive saved as raw in Cloudinary \\u2014 opening URL (" + picks.length + " asset" + (picks.length > 1 ? "s" : "") + ")");
+  } catch (e) {
+    showError("Archive Failed", unwrapApiError(e && e.message ? e.message : String(e)));
+  } finally {
+    if (btn) { btn.innerHTML = origLabel; btn.disabled = false; }
+  }
+}
 
-    var name = (r.public_id || r.filename || "").toLowerCase();
-    var tags = r.tags || [];
-    var textMatch = !filterQuery
-      || name.indexOf(filterQuery) !== -1
-      || tags.some(function(t) { return t.toLowerCase().indexOf(filterQuery) !== -1; });
-
-    var aspectMatch = !aspectFilter || getAspect(r) === aspectFilter;
-    var match = textMatch && aspectMatch;
-    card.style.display = match ? "" : "none";
-
-    var tagsEl = document.getElementById("tags-overlay-" + i);
-    if (tagsEl && tags.length) {
-      var maxOv = 3;
-      var matchedTags = [];
-      var otherTags = [];
-      for (var ti = 0; ti < tags.length; ti++) {
-        var isMatch = filterQuery && tags[ti].toLowerCase().indexOf(filterQuery) !== -1;
-        if (isMatch) matchedTags.push(tags[ti]);
-        else otherTags.push(tags[ti]);
-      }
-      var shown = matchedTags.slice();
-      var remaining = maxOv - shown.length;
-      if (remaining > 0) shown = shown.concat(otherTags.slice(0, remaining));
-      var hidden = tags.length - shown.length;
-      var hiddenTags = tags.filter(function(t) { return shown.indexOf(t) === -1; });
-      tagsEl.innerHTML = shown.map(function(t) {
-        var matched = filterQuery && t.toLowerCase().indexOf(filterQuery) !== -1;
-        return '<span class="tag-overlay' + (matched ? ' tag-match' : '') + '">' + highlightText(t, filterQuery) + '</span>';
-      }).join("") + (hidden > 0 ? '<span class="tag-overlay" title="' + esc(hiddenTags.join(", ")) + '">+' + hidden + '</span>' : '');
-    }
-
-    if (match) visibleCount++;
-  }
-
-  var badge = document.getElementById("count-badge");
-  if (badge) {
-    badge.textContent = anyFilter
-      ? visibleCount + " of " + allResources.length
-      : allResources.length + (lastCursor ? "+" : "") + " items";
-  }
-
-  var noRes = document.getElementById("no-results");
-  if (visibleCount === 0 && anyFilter) {
-    if (!noRes && grid) {
-      noRes = document.createElement("div");
-      noRes.id = "no-results";
-      noRes.className = "no-results";
-      grid.appendChild(noRes);
-    }
-    if (noRes) noRes.textContent = "No results" + (filterQuery ? ' for "' + filterQuery + '"' : "") + (aspectFilter ? " in " + aspectFilter + " images" : "");
-  } else if (noRes) {
-    noRes.remove();
-  }
-}
-
-function clearFilter() {
-  var input = document.getElementById("filter-input");
-  if (input) input.value = "";
-  aspectFilter = "";
-  var label = document.getElementById("aspect-btn-label");
-  if (label) label.textContent = "All orientations";
-  document.querySelectorAll(".aspect-option").forEach(function(o) {
-    o.classList.toggle("selected", o.getAttribute("data-value") === "");
-  });
-  handleFilter();
-}
-
-function toggleAspectMenu(e) {
-  e.stopPropagation();
-  var btn = document.getElementById("aspect-btn");
-  var menu = document.getElementById("aspect-menu");
-  if (!btn || !menu) return;
-  var open = menu.classList.toggle("open");
-  btn.classList.toggle("open", open);
-}
-
-function selectAspect(val) {
-  aspectFilter = val;
-  var labels = { "": "All orientations", landscape: "Landscape", portrait: "Portrait", square: "Square" };
-  var label = document.getElementById("aspect-btn-label");
-  if (label) label.textContent = labels[aspectFilter] || "All orientations";
-  document.querySelectorAll(".aspect-option").forEach(function(o) {
-    o.classList.toggle("selected", o.getAttribute("data-value") === aspectFilter);
-  });
-  var menu = document.getElementById("aspect-menu");
-  var btn = document.getElementById("aspect-btn");
-  if (menu) menu.classList.remove("open");
-  if (btn) btn.classList.remove("open");
-  handleFilter();
+function unwrapApiError(raw) {
+  if (!raw) return "Unknown error.";
+  var msg = String(raw);
+  try {
+    if (msg.charAt(0) === "{") {
+      var parsed = JSON.parse(msg);
+      msg = (parsed && parsed.error && parsed.error.message) || msg;
+    }
+  } catch (e) { /* keep raw */ }
+  return msg;
 }
 
 function render() {
@@ -68108,41 +68064,12 @@ function render() {
   h += '<h1>Results</h1>';
   h += '<span class="count-badge" id="count-badge">' + allResources.length + (lastCursor ? "+" : "") + ' items</span>';
   h += '</div>';
-  h += '<div style="display:flex;align-items:center;gap:8px">';
-  h += '<button class="select-all-btn" id="select-all-btn">Select all</button>';
-  h += '<button class="refresh-btn" id="refresh-gallery" title="Refresh">\\u21BB</button>';
+  h += '<div id="header-actions" style="display:flex;align-items:center;gap:8px">';
+  h += '<button class="icon-btn" id="select-all-btn">Select all</button>';
+  h += '<button class="icon-btn icon-only" id="refresh-gallery" title="Refresh">' + IC.refresh + '</button>';
   h += '</div>';
   h += '</div>';
 
-  // Filter bar
-  h += '<div class="filter-row">';
-  h += '<div class="filter-text-wrap">';
-  h += '<span class="filter-icon"><svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="6.5" cy="6.5" r="4.5"/><path d="M10.5 10.5l3 3"/></svg></span>';
-  h += '<input class="filter-input" id="filter-input" type="text" placeholder="Filter by filename or tag\\u2026" autocomplete="off" spellcheck="false">';
-  h += '<button class="filter-clear" id="filter-clear">\\u2715</button>';
-  h += '</div>';
-  h += '<div class="aspect-dropdown" id="aspect-dropdown">';
-  h += '<button class="aspect-btn" id="aspect-btn">';
-  h += '<span id="aspect-btn-label">All orientations</span>';
-  h += '<svg class="aspect-btn-chevron" width="11" height="11" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="2,4 6,8 10,4"/></svg>';
-  h += '</button>';
-  h += '<div class="aspect-menu" id="aspect-menu">';
-  var aspects = [
-    { val: "", label: "All orientations", icon: '<svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="1" y="1" width="12" height="12" rx="1.5"/></svg>' },
-    { val: "landscape", label: "Landscape", icon: '<svg width="14" height="10" viewBox="0 0 14 10" fill="none" stroke="currentColor" stroke-width="1.5"><rect x=".75" y=".75" width="12.5" height="8.5" rx="1.5"/></svg>' },
-    { val: "portrait", label: "Portrait", icon: '<svg width="10" height="14" viewBox="0 0 10 14" fill="none" stroke="currentColor" stroke-width="1.5"><rect x=".75" y=".75" width="8.5" height="12.5" rx="1.5"/></svg>' },
-    { val: "square", label: "Square", icon: '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5"><rect x=".75" y=".75" width="10.5" height="10.5" rx="1.5"/></svg>' },
-  ];
-  for (var ai = 0; ai < aspects.length; ai++) {
-    var ao = aspects[ai];
-    h += '<div class="aspect-option' + (ao.val === aspectFilter ? ' selected' : '') + '" data-value="' + ao.val + '">';
-    h += '<span class="aspect-opt-icon">' + ao.icon + '</span>';
-    h += ao.label;
-    h += '<svg class="aspect-check" width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="2,6 5,9 10,3"/></svg>';
-    h += '</div>';
-  }
-  h += '</div></div></div>';
-
   // Grid
   h += '<div class="grid" id="gallery-grid">';
   for (var i = 0; i < allResources.length; i++) {
@@ -68191,8 +68118,8 @@ function render() {
     if (url) {
       h += '<div class="card-actions">';
       h += '<button class="action-btn act-original" data-copy-original="' + i + '">Copy URL</button>';
-      if (rt !== "raw") h += '<button class="action-btn act-optimized" data-copy-optimized="' + i + '">\\u2728 Optimized</button>';
-      h += '<button class="action-btn act-download" data-download="' + i + '" title="Download">\\u2193</button>';
+      if (rt !== "raw") h += '<button class="action-btn act-optimized" data-copy-optimized="' + i + '">' + IC.zap + ' Optimized</button>';
+      h += '<button class="action-btn act-download" data-download="' + i + '" title="Download">' + IC.arrowDown + '</button>';
       h += '</div>';
     }
 
@@ -68239,24 +68166,24 @@ function render() {
     h += "</div>";
   }
 
-  // Spacer so select bar doesn't cover Load More
-  h += '<div class="select-bar-spacer" id="select-bar-spacer" style="display:none"></div>';
-
-  // Multi-select bar
+  // Multi-select bar (sticky, in-flow wrapper so iframe sizing stays truthful)
+  h += '<div class="select-bar-wrap" id="select-bar-wrap">';
   h += '<div class="select-bar" id="select-bar">';
   h += '<span class="select-count" id="select-count">0 selected</span>';
   h += '<div class="bar-divider"></div>';
-  h += '<button class="bar-btn bar-primary" id="bar-copy-optimized" style="display:none">\\u2728 Copy Optimized</button>';
+  h += '<button class="bar-btn bar-primary" id="bar-copy-optimized" style="display:none">' + IC.zap + ' Copy Optimized</button>';
   h += '<button class="bar-btn bar-secondary" id="bar-copy-original">Copy Original</button>';
-  h += '<button class="bar-btn bar-secondary" id="bar-download">\\u2193 Download All</button>';
+  h += '<button class="bar-btn bar-secondary" id="bar-download">' + IC.arrowDown + ' Download Selected</button>';
   h += '<div class="bar-divider"></div>';
-  h += '<button class="bar-btn bar-ghost" id="bar-clear">\\u2715</button>';
+  h += '<button class="bar-btn bar-ghost" id="bar-clear">' + IC.x + '</button>';
+  h += '</div>';
   h += '</div>';
 
   // Toast
   h += '<div class="gallery-toast" id="gallery-toast"></div>';
 
   root.innerHTML = h;
+  renderThemeToggle();
 
   // Re-apply selection state
   selected.forEach(function(i) {
@@ -68290,37 +68217,16 @@ function attachEvents() {
   _eventsAttached = true;
   var root = document.getElementById("app");
 
-  root.addEventListener("input", function(e) {
-    if (e.target && e.target.id === "filter-input") handleFilter();
-  });
-
-  document.addEventListener("click", function(e) {
-    var dd = document.getElementById("aspect-dropdown");
-    if (dd && !dd.contains(e.target)) {
-      var menu = document.getElementById("aspect-menu");
-      var btn = document.getElementById("aspect-btn");
-      if (menu) menu.classList.remove("open");
-      if (btn) btn.classList.remove("open");
-    }
-  });
-
   root.addEventListener("click", function(e) {
     var el = e.target;
     while (el && el !== root) {
       if (el.id === "load-more-btn") { loadMore(); return; }
       if (el.id === "refresh-gallery") { refreshGallery(); return; }
       if (el.id === "select-all-btn") { toggleSelectAll(); return; }
-      if (el.id === "filter-clear") { clearFilter(); return; }
       if (el.id === "bar-copy-optimized") { copySelectedUrls("optimized"); return; }
       if (el.id === "bar-copy-original") { copySelectedUrls("original"); return; }
       if (el.id === "bar-download") { downloadSelected(); return; }
       if (el.id === "bar-clear") { clearSelection(); return; }
-      if (el.id === "aspect-btn" || el.parentElement && el.parentElement.id === "aspect-btn") {
-        toggleAspectMenu(e); return;
-      }
-      if (el.classList && el.classList.contains("aspect-option")) {
-        selectAspect(el.getAttribute("data-value") || ""); return;
-      }
       if (el.dataset && el.dataset.copyOriginal != null) {
         e.stopPropagation();
         copyAssetUrl("original", parseInt(el.dataset.copyOriginal, 10)); return;
@@ -68481,6 +68387,7 @@ function showFetchPrompt() {
   h += '<button class="prompt-btn prompt-btn-primary" id="fetch-direct-btn">Fetch Directly</button>';
   h += "</div></div>";
   root.innerHTML = h;
+  renderThemeToggle();
   document.getElementById("fetch-direct-btn").addEventListener("click", function() { fetchDirect(); });
 }
 
@@ -68500,6 +68407,9 @@ async function fetchDirect() {
   console.log(LOG_PREFIX, "fetchDirect ->", name);
 
   document.getElementById("app").innerHTML = '<div class="status">Fetching assets\\u2026</div>';
+  requestAnimationFrame(function() {
+    app.reportSize(Math.max(document.documentElement.scrollHeight, MIN_HEIGHT));
+  });
   try {
     var res = await app.callServerTool({ name: name, arguments: args });
     var data = ingestResult(res);
@@ -68551,6 +68461,7 @@ async function loadMore() {
 function refreshGallery() {
   allResources = [];
   lastCursor = null;
+  selected.clear();
   fetchDirect();
 }
 
@@ -68558,7 +68469,6 @@ function refreshGallery() {
 document.addEventListener("keydown", function(e) {
   if (e.key === "Escape") {
     if (document.querySelector(".modal-overlay")) { closeModal(); return; }
-    if (filterQuery || aspectFilter) { clearFilter(); return; }
     if (selected.size > 0) { clearSelection(); return; }
   }
 });
@@ -68590,6 +68500,7 @@ ${GALLERY_CSS}
 <div class="gallery-toast" id="gallery-toast"></div>
 
 <script>
+${SHARED_JS_ICONS}
 ${SHARED_JS_MCP_CLIENT}
 ${SHARED_JS_HELPERS}
 ${SHARED_JS_TOOLTIPS}
@@ -68643,16 +68554,6 @@ var ASSET_DETAILS_CSS = `
   padding: 2px 7px; border-radius: 4px; border: 1px solid var(--cld-border);
 }
 
-.open-link {
-  padding: 6px 14px; border-radius: var(--cld-radius-sm);
-  font-size: 12px; font-weight: 500; cursor: pointer;
-  border: 1px solid var(--cld-accent); background: transparent;
-  color: var(--cld-accent); font-family: inherit;
-  transition: background 0.15s;
-  white-space: nowrap; flex-shrink: 0;
-}
-.open-link:hover { background: var(--cld-accent-bg); }
-
 .hero-container {
   position: relative; margin-bottom: var(--cld-sp-md);
   border-radius: var(--cld-radius); overflow: hidden;
@@ -68713,9 +68614,9 @@ function renderPage(r) {
   if (dur) h += '<span class="pill">' + dur + "</span>";
   if (size) h += '<span class="pill">' + size + "</span>";
   h += "</div></div>";
-  h += '<div style="display:flex;gap:6px;flex-shrink:0">';
-  h += '<button class="open-link" id="refresh-asset" title="Refresh">\\u21BB</button>';
-  if (url) h += '<button class="open-link" id="open-asset">Open</button>';
+  h += '<div id="header-actions" style="display:flex;gap:8px;flex-shrink:0;align-items:center">';
+  if (url) h += '<button class="icon-btn" id="open-asset">Open</button>';
+  h += '<button class="icon-btn icon-only" id="refresh-asset" title="Refresh">' + IC.refresh + '</button>';
   h += "</div>";
   h += "</div>";
 
@@ -68757,6 +68658,7 @@ function renderPage(r) {
   h += "</div>";
 
   root.innerHTML = h;
+  renderThemeToggle();
 
   // Event delegation
   root.addEventListener("click", function handler(e) {
@@ -68802,6 +68704,7 @@ function showFetchPrompt() {
   h += '<button class="prompt-btn prompt-btn-primary" id="fetch-direct-btn">Fetch Directly</button>';
   h += "</div></div>";
   root.innerHTML = h;
+  renderThemeToggle();
   document.getElementById("fetch-direct-btn").addEventListener("click", function() { fetchDirect(); });
 }
 
@@ -68883,6 +68786,7 @@ ${ASSET_DETAILS_CSS}
 <div id="app"><div class="status">Loading asset details&hellip;</div></div>
 
 <script>
+${SHARED_JS_ICONS}
 ${SHARED_JS_MCP_CLIENT}
 ${SHARED_JS_HELPERS}
 ${SHARED_JS_TOOLTIPS}
@@ -69122,15 +69026,8 @@ var uploadJsonSchema, rtJsonSchema, allSchemaProperties, rtCopy, SCHEMA_JSON, UP
 .upload-header h1 {
   font-size: var(--cld-font-sm); font-weight: 600; color: var(--cld-text);
 }
-.upload-header-icon { font-size: 20px; }
-.upload-header { position: relative; }
-.back-link {
-  position: absolute; top: -2px; right: 0;
-  background: none; border: none; cursor: pointer;
-  color: var(--cld-accent); font-size: var(--cld-font-xs);
-  padding: 2px 6px; border-radius: 4px;
-}
-.back-link:hover { text-decoration: underline; background: var(--cld-accent-bg); }
+.upload-header-icon { display: flex; align-items: center; justify-content: center; }
+.upload-header-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
 
 .upload-result .detail-section { padding: 14px 16px; }
 .upload-result .detail-section:first-child { padding-top: 0; }
@@ -69581,16 +69478,18 @@ function renderPicker() {
   var h = "";
 
   h += '<div class="upload-header">';
+  h += '<span class="upload-header-icon icon-accent">' + IC.uploadCloud + '</span>';
+  h += "<h1>Upload to Cloudinary</h1>";
+  h += '<div id="header-actions" style="display:flex;align-items:center;gap:6px;margin-left:auto">';
   if (lastResult) {
-    h += '<button class="back-link" id="back-to-result-btn">\\u2190 Back to Result</button>';
+    h += '<button class="icon-btn" id="back-to-result-btn">' + IC.chevronLeft + ' Back</button>';
   }
-  h += '<span class="upload-header-icon">\\u2B06\\uFE0F</span>';
-  h += "<h1>Upload to Cloudinary</h1>";
+  h += '</div>';
   h += "</div>";
 
   if (stagedFile) {
     h += '<div class="upload-staged">';
-    h += '<div class="upload-staged-icon">\\u{1F4C4}</div>';
+    h += '<div class="upload-staged-icon">' + IC.file + '</div>';
     h += '<div class="upload-staged-info">';
     h += '<div class="upload-staged-name">' + esc(stagedFile.name) + "</div>";
     if (stagedFile.size) {
@@ -69601,11 +69500,11 @@ function renderPicker() {
       h += '<div class="upload-staged-meta">Remote URL</div>';
     }
     h += "</div>";
-    h += '<button class="upload-staged-clear" id="clear-staged-btn" title="Remove">\\u2715</button>';
+    h += '<button class="upload-staged-clear icon-btn icon-only" id="clear-staged-btn" title="Remove">' + IC.x + '</button>';
     h += "</div>";
   } else {
     h += '<div class="upload-zone" id="drop-zone">';
-    h += '<div class="upload-zone-icon">\\u{1F4C1}</div>';
+    h += '<div class="upload-zone-icon">' + IC.folderOpen + '</div>';
     h += '<div class="upload-zone-text">Drag & drop a file here</div>';
     h += '<div class="upload-zone-hint">Images, videos, PDFs, and other files up to 60 MB</div>';
     h += '<button class="upload-zone-btn" id="browse-btn">Browse Files</button>';
@@ -69629,6 +69528,7 @@ function renderPicker() {
   }
 
   root.innerHTML = h;
+  renderThemeToggle();
 
   var backBtn = document.getElementById("back-to-result-btn");
   if (backBtn && lastResult) {
@@ -69708,12 +69608,13 @@ function renderUploading(name, meta) {
   var h = "";
 
   h += '<div class="upload-header">';
-  h += '<span class="upload-header-icon">\\u2B06\\uFE0F</span>';
-  h += "<h1>Uploading\\u2026</h1>";
+  h += '<span class="upload-header-icon icon-accent">' + IC.uploadCloud + '</span>';
+  h += '<h1>Uploading…</h1>';
+  h += '<div id="header-actions" style="display:flex;align-items:center;gap:6px;margin-left:auto"></div>';
   h += "</div>";
 
   h += '<div class="upload-preview">';
-  h += '<div class="upload-preview-icon">\\u{1F4C4}</div>';
+  h += '<div class="upload-preview-icon">' + IC.file + '</div>';
   h += '<div class="upload-preview-info">';
   h += '<div class="upload-preview-name">' + esc(name) + "</div>";
   h += '<div class="upload-preview-meta">' + esc(meta) + "</div>";
@@ -69725,6 +69626,7 @@ function renderUploading(name, meta) {
   h += "</div>";
 
   root.innerHTML = h;
+  renderThemeToggle();
   animateProgress();
 }
 
@@ -69778,7 +69680,7 @@ function renderUploadError(title, msg) {
     var header = document.querySelector(".upload-header h1");
     if (header) header.textContent = title;
     var icon = document.querySelector(".upload-header-icon");
-    if (icon) icon.textContent = "\\u26A0\\uFE0F";
+    if (icon) { icon.innerHTML = IC.alertTriangle; icon.className = "upload-header-icon icon-warning"; }
 
     var safeMsg = esc(msg).replace(/\\n/g, "<br>");
     var h = '<div class="upload-error-msg">' + safeMsg + "</div>";
@@ -69790,14 +69692,16 @@ function renderUploadError(title, msg) {
     var root = document.getElementById("app");
     var safeMsg = esc(msg).replace(/\\n/g, "<br>");
     var h = '<div class="upload-header">';
-    h += '<span class="upload-header-icon">\\u26A0\\uFE0F</span>';
+    h += '<span class="upload-header-icon icon-warning">' + IC.alertTriangle + '</span>';
     h += "<h1>" + esc(title) + "</h1>";
+    h += '<div id="header-actions" style="display:flex;align-items:center;gap:6px;margin-left:auto"></div>';
     h += "</div>";
     h += '<div class="upload-error-msg">' + safeMsg + "</div>";
     h += '<div class="upload-another" style="margin-top:14px;text-align:center">';
     h += '<button class="prompt-btn prompt-btn-primary" id="retry-upload-btn">Try from App</button>';
     h += "</div>";
     root.innerHTML = h;
+    renderThemeToggle();
   }
 
   var btn = document.getElementById("retry-upload-btn");
@@ -69842,8 +69746,9 @@ function renderLocalFileNeeded(expectedName, errMsg) {
   var classified = classifyFileError(errMsg);
   var root = document.getElementById("app");
   var h = '<div class="upload-header">';
-  h += '<span class="upload-header-icon">\\u{1F4C1}</span>';
+  h += '<span class="upload-header-icon icon-accent">' + IC.folderOpen + '</span>';
   h += "<h1>" + esc(classified.title) + "</h1>";
+  h += '<div id="header-actions" style="display:flex;align-items:center;gap:6px;margin-left:auto"></div>';
   h += "</div>";
   h += '<div class="prompt" style="margin-bottom:16px">';
   h += '<div class="prompt-desc">The file <strong>' + esc(expectedName)
@@ -69858,13 +69763,14 @@ function renderLocalFileNeeded(expectedName, errMsg) {
   }
   h += "</div>";
   h += '<div class="upload-zone" id="drop-zone">';
-  h += '<div class="upload-zone-icon">\\u{1F4C1}</div>';
+  h += '<div class="upload-zone-icon">' + IC.folderOpen + '</div>';
   h += '<div class="upload-zone-text">Drop <strong>' + esc(expectedName) + "</strong> here</div>";
   h += '<div class="upload-zone-hint">Or click to browse your files</div>';
   h += '<button class="upload-zone-btn" id="browse-btn">Browse Files</button>';
   h += '<input type="file" id="file-input" style="display:none">';
   h += "</div>";
   root.innerHTML = h;
+  renderThemeToggle();
 
   function onFileSelected(file) {
     var reader = new FileReader();
@@ -69977,8 +69883,9 @@ function renderResult(r) {
   var h = "";
 
   h += '<div class="upload-header">';
-  h += '<span class="upload-header-icon">' + (isPending ? "\\u23F3" : "\\u2705") + '</span>';
+  h += '<span class="upload-header-icon ' + (isPending ? "icon-accent" : "icon-success") + '">' + (isPending ? IC.clock : IC.checkCircle) + '</span>';
   h += "<h1>" + (isPending ? "Upload Queued" : "Upload Complete") + "</h1>";
+  h += '<div id="header-actions" style="display:flex;align-items:center;gap:6px;margin-left:auto"></div>';
   h += "</div>";
 
   h += '<div class="upload-result">';
@@ -70039,6 +69946,7 @@ function renderResult(r) {
   h += "</div></div>";
 
   root.innerHTML = h;
+  renderThemeToggle();
 
   root.addEventListener("click", function handler(e) {
     var el = e.target;
@@ -70173,6 +70081,7 @@ ${UPLOAD_CSS}
 <div id="app"><div class="status">Preparing upload&hellip;</div></div>
 
 <script>
+${SHARED_JS_ICONS}
 ${SHARED_JS_MCP_CLIENT}
 ${SHARED_JS_HELPERS}
 ${SHARED_JS_TOOLTIPS}
@@ -70192,7 +70101,12 @@ function appResourceContent(uri, html) {
       uri: uri.toString(),
       mimeType: MCP_APP_MIME_TYPE,
       text: html,
-      _meta: { ui: { csp: { resourceDomains: CSP_RESOURCE_DOMAINS } } }
+      _meta: {
+        ui: {
+          csp: { resourceDomains: CSP_RESOURCE_DOMAINS },
+          permissions: { clipboardWrite: {} }
+        }
+      }
     }]
   };
 }
@@ -74103,7 +74017,7 @@ A report on the status of product environment usage, including storage, credits,
 function createMCPServer(deps) {
   const server = new McpServer({
     name: "CloudinaryAssetMgmt",
-    version: "0.9.1"
+    version: "0.9.3"
   });
   const getClient = deps.getSDK || (() => new CloudinaryAssetMgmtCore({
     security: deps.security,
@@ -74376,8 +74290,13 @@ This tool creates actual derived assets on Cloudinary using the explicit API.`
 
 // src/landing-page.ts
 function landingPageExpress(req, res) {
-  const origin = new URL(req.host).href;
-  res.type("html").send(landingPageHTML(origin));
+  const proto = req.get("x-forwarded-proto")?.split(",")[0]?.trim() || req.protocol;
+  const host = req.get("host");
+  if (!host) {
+    res.status(400).send("Missing Host header");
+    return;
+  }
+  res.type("html").send(landingPageHTML(`${proto}://${host}`));
 }
 function landingPageHTML(origin) {
   const o = origin;
@@ -75280,7 +75199,7 @@ http_headers = { "api-key" = "YOUR_API_KEY", "api-secret" = "YOUR_API_SECRET", "
         <h1>Instructions</h1>
         <p>One-click installation for Claude Desktop users</p>
         <div class="instruction-item">
-          <a href="https://github.com/cloudinary/asset-management-mcp/releases/download/v0.9.1/mcp-server.mcpb" download="mcp-server.mcpb" class="action-button header-action" style="display: inline-flex; margin-bottom: 16px;">
+          <a href="https://github.com/cloudinary/asset-management-mcp/releases/download/v0.9.3/mcp-server.mcpb" download="mcp-server.mcpb" class="action-button header-action" style="display: inline-flex; margin-bottom: 16px;">
             \uD83D\uDCE5 Download MCP Bundle
           </a>
         </div>
@@ -75442,7 +75361,7 @@ async function startStreamableHTTP(cliFlags) {
   app.use((req, res, next) => {
     res.header("Access-Control-Allow-Origin", "*");
     res.header("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
-    res.header("Access-Control-Allow-Headers", "Content-Type, *");
+    res.header("Access-Control-Allow-Headers", "*");
     if (req.method === "OPTIONS") {
       res.sendStatus(204);
       return;
@@ -77224,7 +77143,7 @@ var routes = ln({
 var app = _e(routes, {
   name: "mcp",
   versionInfo: {
-    currentVersion: "0.9.1"
+    currentVersion: "0.9.3"
   }
 });
 Yt(app, process4.argv.slice(2), buildContext(process4));
@@ -77232,5 +77151,5 @@ export {
   app
 };
 
-//# debugId=92BB3EDCF4CED14664756E2164756E21
+//# debugId=6C5BCA15F724A25664756E2164756E21
 //# sourceMappingURL=mcp-server.js.map