@officexapp/vidfarm-devcli 0.21.26 → 0.21.27

package/public/serve-shells/tools-video.html

@@ -591,6 +591,7 @@
   background:#fff;border:1px solid var(--rk-border);border-radius:var(--rk-r-full);padding:4px 11px;text-decoration:none;line-height:1.4;
   transition:background var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
 .rk-aichat-preview-act:hover{background:var(--rk-gold-tint);border-color:var(--rk-gold-600)}
+.rk-aichat-preview-act[hidden]{display:none}
 
 /* ── markdown pipe tables (assistant messages + .md previews) ── */
 .rk-md-tablewrap{max-width:100%;overflow-x:auto;margin:8px 0;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg)}
@@ -622,6 +623,14 @@
 .rk-aichat-file-thumb--markdown,.rk-aichat-file-thumb--text{background:var(--rk-n-50)}.rk-aichat-file-thumb--audio{background:var(--rk-gold-tint2)}
 .rk-aichat-file-play{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55);pointer-events:none}
 .rk-aichat-file-name{font-size:11px;font-weight:600;color:var(--rk-n-600);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:112px}
+/* "Edit in the tool" pencil — only on image/video cards; opens /tools/image or
+   /tools/video in a new tab with this file preloaded as the working file. */
+.rk-aichat-file-open{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:var(--rk-r-md);
+  display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid var(--rk-border);color:var(--rk-ink);
+  opacity:0;transition:opacity var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease);z-index:2}
+.rk-aichat-file-open svg{width:13px;height:13px}
+.rk-aichat-file:hover .rk-aichat-file-open,.rk-aichat-file-open:focus-visible{opacity:1}
+.rk-aichat-file-open:hover{background:var(--rk-gold-tint)}
 
 /* create_video pipeline: live status row + clickable result links */
 .rk-aichat-flow{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--rk-text-muted);padding:2px 2px}
@@ -1378,6 +1387,7 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     </div>
     <div class="rk-inpaint-toolbar">
       <button type="button" class="rk-btn rk-btn-ghost rk-btn-sm rk-inpaint-startnew" data-ipv-start-new><svg width="14" height="14" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4v12"/><path d="M4 10h12"/></svg> Start New</button>
+      <button type="button" class="rk-ip-iconbtn" data-ipv-copy-chat aria-label="Copy chat ID" title="Copy chat ID"><svg width="13" height="13" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8.4 11.6a3.2 3.2 0 0 0 4.5 0l2.2-2.2a3.2 3.2 0 0 0-4.5-4.5L9.4 6.1"/><path d="M11.6 8.4a3.2 3.2 0 0 0-4.5 0L4.9 10.6a3.2 3.2 0 0 0 4.5 4.5l1.2-1.2"/></svg></button>
       <button type="button" class="rk-ip-iconbtn" data-ipv-settings-button aria-label="Settings" title="Settings"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M8.8 3.4 9.4 2h1.2l.6 1.4 1.2.5 1.4-.6.9.9-.6 1.4.5 1.2 1.4.6v1.2l-1.4.6-.5 1.2.6 1.4-.9.9-1.4-.6-1.2.5-.6 1.4H9.4l-.6-1.4-1.2-.5-1.4.6-.9-.9.6-1.4-.5-1.2L4 8.6V7.4l1.4-.6.5-1.2-.6-1.4.9-.9 1.4.6 1.2-.5Z"/><circle cx="10" cy="8" r="2.4"/></svg></button>
       <button type="button" class="rk-ip-iconbtn" data-ipv-history-toggle aria-label="Past sessions" title="Past sessions"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3.2 10a6.8 6.8 0 1 1 2 4.8"/><path d="M3.2 14.4v-3.6h3.6"/><path d="M10 6.2V10l2.6 1.6"/></svg></button>
     </div>
@@ -1797,7 +1807,14 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     sessionTracer = value; tracerAutoPending = false; if(tracerInput) tracerInput.value = value; return value;
   }
   function resolveTracer(){ if(sessionTracer) return sessionTracer; var v = tracerInput ? tracerInput.value.trim() : ""; return v; }
-  function getTracerValue(){ if(sessionTracer) return sessionTracer; var v = tracerInput ? tracerInput.value.trim() : ""; if(v){ sessionTracer = v; tracerAutoPending = false; return v; } return nameTracerFromSeed("video-edit"); }
+  function getTracerValue(){ if(sessionTracer) return sessionTracer; var v = tracerInput ? tracerInput.value.trim() : ""; if(v){ sessionTracer = v; tracerAutoPending = false; return v; } return commitRandomTracer(); }
+  // A session with nothing to name it from yet (e.g. Copy chat ID before the first
+  // prompt) gets a plain id — seeding nameTracerFromSeed("video-edit") here produced
+  // the doubled "video-edit-video-edit-…".
+  function commitRandomTracer(){
+    var value = "video-edit-" + tracerSuffix();
+    sessionTracer = value; tracerAutoPending = false; if(tracerInput) tracerInput.value = value; return value;
+  }
 
   // ===== provider list =====
   function loadProviders(){
@@ -2186,6 +2203,20 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     var path = String((entry && entry.path) || "").toLowerCase();
     return tid === "primitive:video_generate" || path.indexOf("/primitives/videos/generate") >= 0 || path.indexOf("/primitives/video_generate") >= 0;
   }
+  // The user's message for a run-history entry. New turns carry chat_message on the
+  // envelope; older ones are un-composed back out of the instruction we built.
+  function userTextFromEntry(entry){
+    var body = (entry && entry.request && entry.request.body) || {};
+    if(typeof body.chat_message === "string" && body.chat_message.trim()) return body.chat_message.trim();
+    var payload = body.payload || {};
+    var raw = String(payload.prompt || payload.instruction || "");
+    if(!raw) return "";
+    var whole = raw.split("Whole clip: ")[1];
+    if(whole) return whole.split(". Timed region edits:")[0].split(". Match the surrounding lighting")[0].trim();
+    var timed = raw.split("Timed region edits: ")[1];
+    if(timed) return timed.split(". Match the surrounding lighting")[0].trim();
+    return raw.length > 240 ? raw.slice(0, 240) + "\u2026" : raw;
+  }
   function extractHistoryItems(entries){
     var items = []; var seen = {};
     (entries || []).forEach(function(entry){
@@ -2204,16 +2235,38 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     });
     return items;
   }
+  // Set while opening a past session: the next history load restores that session's
+  // conversation state (its last prompt back in the composer, its newest video in the
+  // Result panel) instead of just repainting the rail.
+  var sessionRestorePending = false;
+  function restoreSessionFromEntries(entries){
+    var rows = (entries || []).filter(isVideoEntry)
+      .sort(function(a, b){ return Date.parse(a.createdAt || 0) - Date.parse(b.createdAt || 0); });
+    if(!rows.length){ setStatus("Opened " + resolveTracer() + " \u2014 no messages in it yet.", ""); return; }
+    var last = rows[rows.length - 1];
+    var text = userTextFromEntry(last);
+    if(text && globalPrompt && !globalPrompt.value.trim()) globalPrompt.value = text;
+    // Newest output of the session becomes the visible result.
+    for(var i = rows.length - 1; i >= 0; i--){
+      var urls = historyEntryUrls(rows[i]);
+      if(urls[0]){
+        try { resultVideo.src = absoluteUrl(urls[0]); outputPanel.hidden = false; } catch(_){}
+        break;
+      }
+    }
+    setStatus("Session restored \u2014 " + rows.length + " message" + (rows.length === 1 ? "" : "s") + ". Keep editing to pick up where you left off.", "success");
+  }
   function loadHistory(){
     var tracer = resolveTracer();
-    if(!tracer){ historyItems = []; reinjectSources(); renderHistory(); return; }
+    if(!tracer){ historyItems = []; reinjectSources(); renderHistory(); sessionRestorePending = false; return; }
     if(historyRefresh) historyRefresh.disabled = true;
     var endpoint = new URL("/job-runs/history", window.location.origin);
     endpoint.searchParams.set("limit", "120"); endpoint.searchParams.set("template_id", "primitive:video_generate"); endpoint.searchParams.set("tracer", tracer);
     fetch(endpoint, { credentials: "same-origin" }).then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); }).then(function(res){
       if(!res.ok || (res.p && res.p.error)) throw new Error((res.p && res.p.error) || "Unable to load history.");
       historyItems = extractHistoryItems(res.p.entries); reinjectSources(); renderHistory();
-    }).catch(function(err){ setHistoryEmpty(err && err.message ? err.message : "Unable to load history."); }).then(function(){ if(historyRefresh) historyRefresh.disabled = false; });
+      if(sessionRestorePending){ sessionRestorePending = false; restoreSessionFromEntries(res.p.entries); }
+    }).catch(function(err){ sessionRestorePending = false; setHistoryEmpty(err && err.message ? err.message : "Unable to load history."); }).then(function(){ if(historyRefresh) historyRefresh.disabled = false; });
   }
   function applyCompletedJob(payload){
     var out = extractVideoUrl(payload); if(!out) return "";
@@ -2267,13 +2320,19 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     setSubmitLoading(true);
     var seed = (globalPrompt && globalPrompt.value.trim()) || (masks.find(function(m){ return String(m.prompt || "").trim(); }) || {}).prompt || "video-edit";
     var tracer = tracerAutoPending ? nameTracerFromSeed(seed) : getTracerValue();
+    // The message the USER actually wrote (not the compiled instruction). It rides
+    // along on the primitive envelope as chat_message — zod strips it server-side,
+    // but the api-call-history middleware records the raw body, so past sessions can
+    // be titled/replayed by their conversation exactly like /tools/image.
+    var chatMessage = (globalPrompt && globalPrompt.value.trim())
+      || (masks.map(function(m){ return String(m.prompt || "").trim(); }).filter(Boolean)[0] || "");
     var payload = { prompt: instruction, output_format: "mp4", aspect_ratio: getAspectRatio() };
     if(frameImgs.length) payload.frame_images = frameImgs;
     if(providerSelect && providerSelect.value) payload.provider = providerSelect.value;
     if(durationSelect && durationSelect.value) payload.duration = Number(durationSelect.value);
     if(audioToggle && audioToggle.checked) payload.generate_audio = true;
     setStatus("Creating video job\u2026", "");
-    fetch("/api/v1/primitives/videos/generate", { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" }, body: JSON.stringify({ tracer: tracer, payload: payload }) })
+    fetch("/api/v1/primitives/videos/generate", { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" }, body: JSON.stringify({ tracer: tracer, payload: payload, chat_message: chatMessage, chat_mode: "video", chat_masked: masks.length > 0 }) })
       .then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); })
       .then(function(res){ if(!res.ok || !res.p.job_id) throw new Error(res.p.error || "Unable to create video job."); setStatus("Video job " + res.p.job_id + " started \u2014 generating\u2026", "success"); upsertHistory(makePending(res.p)); return pollJob(res.p.job_id); })
       .then(function(){ loadHistory(); loadSessions(); })
@@ -2306,8 +2365,16 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
       (res.p.entries || []).forEach(function(entry){
         if(!isVideoEntry(entry)) return; var tracer = String(entry.tracer || "").trim(); if(!tracer) return;
         var urls = historyEntryUrls(entry);
-        if(!groups[tracer]){ groups[tracer] = { tracer: tracer, thumb: "", count: 0, createdAt: entry.createdAt || "" }; order.push(tracer); }
-        var g = groups[tracer]; if(!g.thumb && urls[0]){ try { g.thumb = absoluteUrl(urls[0]); } catch(_){} } g.count += urls.length;
+        if(!groups[tracer]){ groups[tracer] = { tracer: tracer, thumb: "", title: "", count: 0, createdAt: entry.createdAt || "", firstAt: entry.createdAt || "" }; order.push(tracer); }
+        var g = groups[tracer];
+        // One history entry = one message in this session's conversation.
+        g.count += 1;
+        if(!g.thumb && urls[0]){ try { g.thumb = absoluteUrl(urls[0]); } catch(_){} }
+        // Oldest message names the session (same rule as /tools/image).
+        if(!g.title || Date.parse(entry.createdAt || 0) <= Date.parse(g.firstAt || 0)){
+          var text = userTextFromEntry(entry);
+          if(text){ g.title = text.length > 60 ? text.slice(0, 60) + "\u2026" : text; g.firstAt = entry.createdAt || g.firstAt; }
+        }
         if(Date.parse(entry.createdAt || 0) > Date.parse(g.createdAt || 0)) g.createdAt = entry.createdAt;
       });
       var list = order.map(function(t){ return groups[t]; }).sort(function(a, b){ return Date.parse(b.createdAt || 0) - Date.parse(a.createdAt || 0); });
@@ -2324,16 +2391,20 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
       if(group.thumb){ var v = document.createElement("video"); v.className = "rk-ip-session-thumb"; v.src = group.thumb + "#t=0.1"; v.muted = true; v.preload = "metadata"; row.appendChild(v); }
       else { var ph = document.createElement("span"); ph.className = "rk-ip-session-thumb is-empty"; ph.innerHTML = PLAY_SVG; row.appendChild(ph); }
       var meta = document.createElement("div"); meta.className = "rk-ip-session-meta";
-      var title = document.createElement("div"); title.className = "rk-ip-session-title"; title.textContent = group.tracer;
+      var title = document.createElement("div"); title.className = "rk-ip-session-title"; title.textContent = group.title || group.tracer;
+      title.title = group.title ? group.title + " (" + group.tracer + ")" : group.tracer;
       var sub = document.createElement("div"); sub.className = "rk-ip-session-sub"; var when = relTimeShort(group.createdAt);
-      sub.textContent = (group.count ? group.count + " video" + (group.count === 1 ? "" : "s") : "session") + (when ? " \u00b7 " + when : "");
+      sub.textContent = (group.count ? group.count + " message" + (group.count === 1 ? "" : "s") : "session") + (when ? " \u00b7 " + when : "");
       meta.appendChild(title); meta.appendChild(sub); row.appendChild(meta); sessionsList.appendChild(row);
     });
   }
   function switchToTracer(tracer){
     var value = String(tracer || "").trim(); if(!value) return;
-    sessionTracer = value; if(tracerInput) tracerInput.value = value; tracerAutoPending = false; closeSessions(); loadHistory(); loadSessions();
-    setStatus("Opened session " + value + ".", "");
+    clearUrlParams(); resetWorkspace();
+    sessionTracer = value; if(tracerInput) tracerInput.value = value; tracerAutoPending = false; closeSessions();
+    setStatus("Opening " + value + "\u2026", "");
+    sessionRestorePending = true;
+    loadHistory(); loadSessions();
   }
 
   // ===== reset =====
@@ -2378,6 +2449,13 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
   if(brushInput){ brushInput.addEventListener("input", function(){ if(brushLabel) brushLabel.textContent = brushInput.value; updateBrushCursorSize(); }); }
   if(uploadBtn && fileInput){ uploadBtn.addEventListener("click", function(){ fileInput.click(); }); fileInput.addEventListener("change", function(){ if(fileInput.files && fileInput.files[0]) loadSourceFile(fileInput.files[0]); }); }
   if(startNewBtn) startNewBtn.addEventListener("click", startNew);
+  // Copy chat ID — the session tracer IS this chat's thread id (what /job-runs/history
+  // groups on and what ?tracer= reopens). An unnamed session mints its id here.
+  var copyChatBtn = document.querySelector("[data-ipv-copy-chat]");
+  if(copyChatBtn) copyChatBtn.addEventListener("click", function(){
+    var tracer = resolveTracer() || getTracerValue();
+    copyText(tracer).then(function(ok){ setStatus(ok ? "Chat ID copied \u2014 " + tracer : "Chat ID: " + tracer, ok ? "success" : ""); });
+  });
   if(addMaskBtn) addMaskBtn.addEventListener("click", function(){ addMask(videoEl.currentTime || 0, colorPicker ? colorPicker.value : null); });
   if(colorPicker) colorPicker.addEventListener("input", function(){ var m = activeMask(); if(m){ m.color = normalizeHex(colorPicker.value); renderMasks(); redraw(); } });
   if(undoBtn) undoBtn.addEventListener("click", function(){ var m = activeMask(); if(m && m.strokes.length){ m.redo.push(m.strokes.pop()); redraw(); syncUndoRedo(); } });
@@ -2485,7 +2563,7 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
   function onGenFileEsc(e){ if(e.key === "Escape") closeGenFilePanel(); }
   function openGenFilePanel(){
     var dir = window.__vidfarmDirectory; if(!dir || !dir.pick){ setGenStatus("File browser isn't available right now.", "error"); return; }
-    dir.pick({ select: "file", roots: ["files","temp","raws"], title: "Attach reference images", hint: "Pick one or more images to guide the generation.", confirmLabel: "Attach", multiple: true,
+    dir.pick({ select: "file", roots: ["files","temp","raws"], title: "Attach reference images", hint: "Pick one or more images to guide the generation \u2014 or drop / upload them from your computer.", confirmLabel: "Attach", multiple: true, allowUpload: true,
       onPick: function(picked){ var arr = Array.isArray(picked) ? picked : [picked]; arr.forEach(function(f){ var url = f && (f.url || f.viewUrl); if(url){ try { genRefs.push(absoluteUrl(url)); } catch(_){} } }); renderGenRefs(); } });
   }
   // Paste or drop image files straight into the composer -> temp upload -> reference.
@@ -3116,6 +3194,34 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
   }
   function fileIcon(kind) { return kind === 'pdf' ? '📕' : kind === 'json' ? '{ }' : kind === 'markdown' ? '📝' : kind === 'audio' ? '🎵' : kind === 'text' ? '📄' : '📄'; }
 
+  // ── "edit this media" hand-off: dock chat → the matching creative tool ──
+  // Images open /tools/image, videos /tools/video, each with the file preloaded as
+  // that tool's working file (its chat then edits THAT media). Deliberately a fresh
+  // tool session — no ?tracer — so the tool names its own chat from the first prompt.
+  var PENCIL_SVG = '<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13.6 3.6a1.9 1.9 0 0 1 2.8 2.8L7.7 15.1l-3.6.8.8-3.6z"/></svg>';
+  function toolEditUrl(file) {
+    if (!file || !file.viewUrl) return '';
+    var k = fileKind(file.name, file.contentType);
+    var name = file.name || '';
+    if (k === 'image') return '/tools/image?source_image_url=' + encodeURIComponent(file.viewUrl) + (name ? '&source_image_name=' + encodeURIComponent(name) : '');
+    if (k === 'video') return '/tools/video?source_video_url=' + encodeURIComponent(file.viewUrl) + (name ? '&source_video_name=' + encodeURIComponent(name) : '');
+    return '';
+  }
+  function toolEditLink(file, className) {
+    var href = toolEditUrl(file);
+    if (!href) return null;
+    var a = document.createElement('a');
+    a.className = className;
+    a.href = href;
+    a.target = '_blank';
+    a.rel = 'noopener noreferrer';
+    a.title = 'Edit in the ' + (fileKind(file.name, file.contentType) === 'video' ? 'video' : 'image') + ' tool';
+    a.setAttribute('aria-label', a.title);
+    // The card itself opens the lightbox; the pencil must not also trigger it.
+    a.addEventListener('click', function (e) { e.stopPropagation(); });
+    return a;
+  }
+
   // Compact markdown → HTML for .md previews (headings, lists, quotes, rules,
   // fenced + inline code, bold/italic/links). Escapes first, then injects tags
   // (same order as linkify). Backticks are built via char codes to avoid
@@ -3176,7 +3282,9 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     var dlBtn = document.createElement('a'); dlBtn.className = 'rk-aichat-preview-act'; dlBtn.target = '_blank'; dlBtn.rel = 'noopener noreferrer'; dlBtn.textContent = 'Download';
     var linkBtn = document.createElement('button'); linkBtn.type = 'button'; linkBtn.className = 'rk-aichat-preview-act'; linkBtn.textContent = 'Copy link';
     var xBtn = document.createElement('button'); xBtn.type = 'button'; xBtn.className = 'rk-aichat-modal-x'; xBtn.setAttribute('aria-label', 'Close'); xBtn.innerHTML = '&times;';
-    head.appendChild(nameEl); head.appendChild(copyBtn); head.appendChild(dlBtn); head.appendChild(linkBtn); head.appendChild(xBtn);
+    // Same hand-off as the card pencil, spelled out as a labelled action here.
+    var editBtn = document.createElement('a'); editBtn.className = 'rk-aichat-preview-act'; editBtn.target = '_blank'; editBtn.rel = 'noopener noreferrer'; editBtn.textContent = 'Edit';
+    head.appendChild(nameEl); head.appendChild(editBtn); head.appendChild(copyBtn); head.appendChild(dlBtn); head.appendChild(linkBtn); head.appendChild(xBtn);
     function flashAct(btn, label) { var o = btn.getAttribute('data-label') || btn.textContent; btn.setAttribute('data-label', o); btn.textContent = label; setTimeout(function () { btn.textContent = o; }, 1400); }
     // Copy = file text (json/md/txt) or its URL for binaries. Copy link = the
     // durable public S3 URL. Download opens in a new tab when the browser can't
@@ -3225,6 +3333,9 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
       var it = items[idx];
       nameEl.textContent = it.name || 'file'; nameEl.title = it.name || '';
       dlBtn.href = it.viewUrl; dlBtn.setAttribute('download', it.name || '');
+      var editHref = toolEditUrl(it);
+      editBtn.hidden = !editHref;
+      if (editHref) { editBtn.href = editHref; editBtn.title = 'Edit in the ' + (fileKind(it.name, it.contentType) === 'video' ? 'video' : 'image') + ' tool'; }
       linkBtn.style.display = it.publicUrl ? '' : 'none';
       body.innerHTML = '';
       var kind = fileKind(it.name, it.contentType);
@@ -3279,7 +3390,15 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
     var files = [], seen = {};
     var arts = (job && job.artifacts) || [];
     for (var i = 0; i < arts.length; i++) { var f = rkFileFromArtifact(arts[i]); if (f && !seen[f.viewUrl]) { seen[f.viewUrl] = true; files.push(f); } }
-    var mu = rkResultMediaUrl(job); if (mu && !seen[mu]) { seen[mu] = true; files.push({ name: (job.tracer || 'output'), contentType: '', viewUrl: mu, publicUrl: mu }); }
+    // Name the direct result URL after the FILE, not the tracer — fileKind() reads the
+    // extension, and a tracer-named entry ("my-poster") classifies as 'other', losing
+    // the image/video thumbnail and the edit-in-tool hand-off.
+    var mu = rkResultMediaUrl(job);
+    if (mu && !seen[mu]) {
+      seen[mu] = true;
+      var seg = String(mu).split('?')[0].split('/').pop() || '';
+      files.push({ name: (/.[a-z0-9]{2,5}$/i.test(seg) ? seg : (job.tracer || 'output')), contentType: '', viewUrl: mu, publicUrl: mu });
+    }
     var res = job && job.result;
     if (res && typeof res === 'object' && !Array.isArray(res) && Object.keys(res).length) {
       try { var blob = new Blob([JSON.stringify(res, null, 2)], { type: 'application/json' }); files.push({ name: (job.tracer || 'result') + '.json', contentType: 'application/json', viewUrl: URL.createObjectURL(blob), publicUrl: null }); } catch (e) {}
@@ -3332,14 +3451,21 @@ body.vf-has-topbanner.rk-has-sidebar .rk-content{padding-top:var(--vf-topbanner-
         var grid = document.createElement('div'); grid.className = 'rk-aichat-files-grid';
         list.forEach(function (f, ix) {
           var k = fileKind(f.name, f.contentType);
-          var card = document.createElement('button'); card.type = 'button'; card.className = 'rk-aichat-file';
+          // A div, not a button: media cards carry a nested "edit in tool" link, and
+          // an anchor inside a button is invalid (and unclickable in some browsers).
+          var card = document.createElement('div'); card.className = 'rk-aichat-file'; card.tabIndex = 0; card.setAttribute('role', 'button');
           var thumb = document.createElement('div'); thumb.className = 'rk-aichat-file-thumb rk-aichat-file-thumb--' + k;
           if (k === 'image') { var im = document.createElement('img'); im.src = f.viewUrl; im.alt = ''; im.loading = 'lazy'; thumb.appendChild(im); }
           else if (k === 'video') { var v = document.createElement('video'); v.src = f.viewUrl; v.muted = true; v.preload = 'metadata'; v.playsInline = true; thumb.appendChild(v); var pl = document.createElement('span'); pl.className = 'rk-aichat-file-play'; pl.textContent = '▶'; thumb.appendChild(pl); }
           else { var ic = document.createElement('span'); ic.className = 'rk-aichat-file-ic'; ic.textContent = fileIcon(k); thumb.appendChild(ic); }
+          var edit = toolEditLink(f, 'rk-aichat-file-open');
+          if (edit) { edit.innerHTML = PENCIL_SVG; thumb.appendChild(edit); }
           var nm = document.createElement('div'); nm.className = 'rk-aichat-file-name'; nm.textContent = f.name || 'file'; nm.title = f.name || '';
           card.appendChild(thumb); card.appendChild(nm);
           card.addEventListener('click', function () { openFilePreview(list, ix); });
+          card.addEventListener('keydown', function (e) {
+            if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openFilePreview(list, ix); }
+          });
           grid.appendChild(card);
         });
         wrap.appendChild(grid); turn.appendChild(wrap); logBottom();