@mevdragon/vidfarm-devcli 0.18.1 → 0.19.0

package/dist/src/reskin/inpaint-video-page.js

@@ -0,0 +1,1339 @@
+// /tools/video — the "Create Video" twin of the masked image editor. It reuses
+// the same three-panel workbench design as /tools/image, but the center stage
+// is a scrubbable VIDEO with a timeline (MM:SS:mmm timecode + copy), the masks are
+// TIME-SCOPED (each carries a region AND a moment), and generation compiles the
+// whole-video prompt + every timed mask + optional start/end frames into ONE rich
+// instruction for POST /videos/generate (there is no localized video-inpaint API,
+// so the masks/timecodes become precise editing guidance for the AI video model).
+//
+// Data flow:
+//   • regenerate   → POST /api/v1/primitives/videos/generate (frame_images + prompt)
+//                    → poll /primitives/video_generate/jobs → durable MP4
+//   • text→video   → same route from the empty-state composer
+//   • Save to Files → POST /api/v1/user/me/attachments/from-url (folder pick)
+//
+// The source video is only ever a browser-side reference to paint/scrub on and to
+// grab start/end frames from — it is never uploaded; only the captured frames are.
+import { reskinDocument } from "./document.js";
+import { renderInpaintModeTabs, INPAINT_TABS_CSS } from "./inpaint-page.js";
+const UPLOAD_ICON = `<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16V4"/><path d="m7 9 5-5 5 5"/><path d="M4 16v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"/></svg>`;
+const UNDO_ICON = `<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7.2 7H3.8V3.6"/><path d="M4 7a7 7 0 1 1 1.9 6.6"/></svg>`;
+const REDO_ICON = `<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12.8 7h3.4V3.6"/><path d="M16 7a7 7 0 1 0-1.9 6.6"/></svg>`;
+const CLEAR_ICON = `<svg width="15" height="15" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5l10 10M15 5 5 15"/></svg>`;
+const GEAR_ICON = `<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>`;
+const REFRESH_ICON = `<svg width="15" height="15" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16.5 10a6.5 6.5 0 1 1-1.9-4.6"/><path d="M16.5 4.2v4.2h-4.2"/></svg>`;
+const SPARK_ICON = `<svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.5l1.9 5.1 5.1 1.9-5.1 1.9L12 16.5l-1.9-5.1L5 9.5l5.1-1.9z"/></svg>`;
+const DL_ICON = `<svg width="15" height="15" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 3v9"/><path d="m6.5 8.5 3.5 3.5 3.5-3.5"/><path d="M4 16h12"/></svg>`;
+const CLIP_ICON = `<svg width="18" height="18" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m8.1 10.7 4.8-4.8a2.5 2.5 0 0 1 3.5 3.5l-6.1 6.1a4 4 0 0 1-5.7-5.7l6.3-6.3"/><path d="m10 8.8-4.1 4.1a1.6 1.6 0 0 0 2.3 2.3l5.6-5.6"/></svg>`;
+const SEND_ICON = `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5"/><path d="m5 12 7-7 7 7"/></svg>`;
+const COPY_ICON = `<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>`;
+const CLOSE_ICON = `<svg width="15" height="15" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 5l10 10"/><path d="M15 5 5 15"/></svg>`;
+const HISTORY_ICON = `<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>`;
+const PLUS_ICON = `<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>`;
+const PLAY_ICON = `<svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 5.5v13a1 1 0 0 0 1.5.87l11-6.5a1 1 0 0 0 0-1.74l-11-6.5A1 1 0 0 0 7 5.5Z"/></svg>`;
+const PAUSE_ICON = `<svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg>`;
+const CLOCK_ICON = `<svg width="14" height="14" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="10" cy="10" r="7"/><path d="M10 6v4l2.6 1.6"/></svg>`;
+export function renderReskinInpaintVideo(input = {}) {
+    const boot = { accountId: input.accountId || "", isLoggedIn: Boolean(input.isLoggedIn) };
+    const frameSlot = (which, label) => `
+          <div class="rk-ipv-frame" data-ipv-frame="${which}">
+            <button type="button" class="rk-ipv-frame-thumb" data-ipv-frame-open="${which}" aria-label="Preview ${label} frame">
+              <span class="rk-ipv-frame-ph" data-ipv-frame-ph="${which}" aria-hidden="true">${which === "first" ? "◧" : "◨"}</span>
+              <img class="rk-ipv-frame-img" data-ipv-frame-img="${which}" alt="" hidden />
+            </button>
+            <span class="rk-ipv-frame-name">${label}</span>
+            <div class="rk-ipv-frame-actions">
+              <button type="button" class="rk-ipv-frame-btn" data-ipv-frame-upload="${which}" title="Upload an image for the ${label.toLowerCase()} frame">Replace</button>
+              <button type="button" class="rk-ipv-frame-btn" data-ipv-frame-capture="${which}" title="Grab the current playhead frame">Use current</button>
+            </div>
+          </div>`;
+    const body = `
+<main class="rk-container-wide rk-page rk-inpaint-page rk-ipv-page">
+  <div class="rk-page-head rk-inpaint-head">
+    <div class="rk-inpaint-head-text">
+      ${renderInpaintModeTabs("video")}
+      <h1 class="rk-h1">Create Video</h1>
+      <p class="rk-sub">Load a video (or set a start &amp; end frame), scrub the timeline, and paint <strong>time-scoped</strong> mask regions — each mask carries its own moment (MM:SS:mmm) and instruction. Generate and the masks + timecodes + frames become one precise editing prompt for your AI video model.</p>
+    </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>${PLUS_ICON} Start New</button>
+      <button type="button" class="rk-ip-iconbtn" data-ipv-settings-button aria-label="Settings" title="Settings">${GEAR_ICON}</button>
+      <button type="button" class="rk-ip-iconbtn" data-ipv-history-toggle aria-label="Past sessions" title="Past sessions">${HISTORY_ICON}</button>
+    </div>
+  </div>
+
+  <div class="rk-inpaint-workbench rk-ipv-workbench">
+    <!-- LEFT: frames + prompt + brush + timed masks -->
+    <section class="rk-inpaint-panel" aria-label="Controls">
+      <div class="rk-inpaint-block">
+        <label class="rk-label">Start &amp; end frames <span class="rk-ip-setting-note">(for full regenerate)</span></label>
+        <div class="rk-ipv-frames">
+          ${frameSlot("first", "Start")}
+          ${frameSlot("last", "End")}
+        </div>
+        <input data-ipv-frame-input type="file" accept="image/png,image/jpeg,image/webp,image/gif,image/avif" hidden />
+        <span class="rk-hint">Optional. Provide a start and/or end frame to steer the regenerated clip. <strong>Use current</strong> grabs the frame at the playhead.</span>
+      </div>
+
+      <div class="rk-inpaint-block">
+        <label class="rk-label">Video prompt</label>
+        <div class="rk-ip-promptfield">
+          <textarea class="rk-textarea rk-ip-global" data-ipv-global-prompt placeholder="Describe the overall motion, style, and outcome for the whole clip."></textarea>
+          <button type="button" class="rk-ip-attach" data-ipv-attach aria-label="Attach reference image" title="Attach reference image">${CLIP_ICON}</button>
+        </div>
+        <span class="rk-ip-attach-chips" data-ipv-attachments></span>
+        <input data-ipv-attachment-input type="file" accept="image/jpeg,image/png,image/webp" multiple hidden />
+        <span class="rk-hint">Guidance for the whole video and for consistency across the timed edits below.</span>
+      </div>
+
+      <div class="rk-inpaint-block">
+        <div class="rk-inpaint-brushrow">
+          <label class="rk-label">Brush <span data-ipv-brush-label>70</span>&nbsp;px</label>
+          <div class="rk-ip-toolbtns">
+            <button type="button" class="rk-ip-iconbtn" data-ipv-undo aria-label="Undo stroke" title="Undo">${UNDO_ICON}</button>
+            <button type="button" class="rk-ip-iconbtn" data-ipv-redo aria-label="Redo stroke" title="Redo">${REDO_ICON}</button>
+            <button type="button" class="rk-ip-iconbtn" data-ipv-clear aria-label="Clear active mask" title="Clear active mask">${CLEAR_ICON}</button>
+          </div>
+        </div>
+        <input data-ipv-brush class="rk-inpaint-range" type="range" min="6" max="180" step="1" value="70" />
+      </div>
+
+      <div class="rk-inpaint-block">
+        <div class="rk-inpaint-brushrow">
+          <label class="rk-label">Timed masks</label>
+          <input class="rk-ip-colorpicker" data-ipv-color-picker type="color" value="#ff2d55" aria-label="Next mask color" />
+        </div>
+        <span class="rk-hint">Each mask marks a region <strong>and</strong> a moment. Paint on the video, set the timecode + instruction, then add another mask for a different spot or time. Click a mask to jump the video to its moment.</span>
+        <div class="rk-ipv-masks" data-ipv-masks></div>
+        <button type="button" class="rk-btn rk-btn-ghost rk-btn-sm rk-ip-addcolor" data-ipv-add-mask>+ Add timed mask</button>
+      </div>
+
+      <div class="rk-inpaint-block">
+        <button type="button" class="rk-btn rk-btn-gold rk-inpaint-generate" data-ipv-submit>${SPARK_ICON} <span data-ipv-submit-label>Generate video</span></button>
+        <p class="rk-inpaint-status" data-ipv-status data-tone="" aria-live="polite"></p>
+      </div>
+    </section>
+
+    <!-- CENTER: scrubbable video stage -->
+    <section class="rk-inpaint-stage rk-ipv-stage" aria-label="Video canvas">
+      <div class="rk-inpaint-empty" data-ipv-empty>
+        <span class="rk-inpaint-empty-ic" aria-hidden="true">${UPLOAD_ICON}</span>
+        <p class="rk-inpaint-empty-title">Load a video to edit</p>
+        <p class="rk-inpaint-empty-sub">Drop a video here, or set a start &amp; end frame and a prompt to generate one.</p>
+        <button type="button" class="rk-btn rk-btn-ink rk-btn-sm rk-ipv-upload" data-ipv-upload>${UPLOAD_ICON} Upload video</button>
+        <input data-ipv-file type="file" accept="video/mp4,video/webm,video/quicktime,video/*" hidden />
+
+        <div class="rk-ip-gen" id="rk-ipv-gen">
+          <span class="rk-ip-gen-or">or</span>
+          <div class="rk-ip-gen-box">
+            <textarea id="rk-ipv-genprompt" class="rk-ip-gen-input" rows="2" placeholder="Or describe the video you want"></textarea>
+            <div class="rk-ip-gen-refs" id="rk-ipv-genrefs" hidden></div>
+            <div class="rk-ip-gen-bar">
+              <button type="button" class="rk-ip-gen-clip" id="rk-ipv-genclip" aria-label="Attach reference images from your files" title="Attach reference images from your files">${CLIP_ICON}</button>
+              <span class="rk-ip-gen-hint">Generate a brand-new clip from a prompt (+ optional frames).</span>
+              <button type="button" class="rk-ip-gen-send" id="rk-ipv-gensend" aria-label="Generate video">${SEND_ICON}</button>
+            </div>
+          </div>
+          <p class="rk-ip-gen-status" id="rk-ipv-genstatus" data-tone="" aria-live="polite"></p>
+        </div>
+      </div>
+
+      <div class="rk-ipv-player" data-ipv-player hidden>
+        <div class="rk-ipv-canvaswrap" data-ipv-canvaswrap>
+          <video data-ipv-video class="rk-ipv-video" playsinline></video>
+          <canvas data-ipv-canvas class="rk-ipv-canvas"></canvas>
+          <div class="editor-inpaint-brush-cursor" data-ipv-brush-cursor aria-hidden="true"></div>
+        </div>
+        <div class="rk-ipv-controls">
+          <button type="button" class="rk-ipv-playpause" data-ipv-playpause aria-label="Play/pause">${PLAY_ICON}</button>
+          <input type="range" class="rk-ipv-scrub" data-ipv-scrub min="0" max="1000" step="1" value="0" aria-label="Seek" />
+          <div class="rk-ipv-timecode">
+            <input class="rk-ipv-timecode-input" data-ipv-timecode-input type="text" inputmode="numeric" spellcheck="false" value="00:00:000" aria-label="Current time MM:SS:mmm" />
+            <button type="button" class="rk-ip-iconbtn rk-ipv-timecode-copy" data-ipv-timecode-copy aria-label="Copy current timecode" title="Copy timecode">${COPY_ICON}</button>
+            <span class="rk-ipv-duration" data-ipv-duration>/ 00:00:000</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- RIGHT: result + tracer-grouped history -->
+    <section class="rk-inpaint-output" aria-label="Result and history">
+      <div class="rk-inpaint-result" data-ipv-output hidden>
+        <div class="rk-inpaint-result-head">
+          <h2 class="rk-inpaint-h2">Result</h2>
+          <button type="button" class="rk-btn rk-btn-ghost rk-btn-sm" data-ipv-save>Save to Files</button>
+        </div>
+        <video class="rk-ipv-result-video" data-ipv-result controls playsinline></video>
+      </div>
+
+      <div class="rk-inpaint-history">
+        <div class="rk-inpaint-history-head">
+          <h2 class="rk-inpaint-h2">This session</h2>
+          <div class="rk-ip-histtools">
+            <button type="button" class="rk-ip-iconbtn" data-ipv-history-refresh aria-label="Refresh history" title="Refresh history">${REFRESH_ICON}</button>
+          </div>
+        </div>
+        <div class="rk-inpaint-historylist" data-ipv-history-list>
+          <div class="custom-inpaint-history-empty">Loading history…</div>
+        </div>
+      </div>
+    </section>
+  </div>
+
+  <!-- settings modal (provider + duration + aspect + audio + tracer) -->
+  <div class="rk-ip-settingsmodal" data-ipv-settings hidden>
+    <div class="rk-ip-settingsmodal-panel" role="dialog" aria-modal="true" aria-label="Video generation settings">
+      <div class="rk-ip-settingsmodal-head">
+        <span class="rk-ip-settingsmodal-title">Settings</span>
+        <button type="button" class="rk-ip-iconbtn" data-ipv-settings-close aria-label="Close settings" title="Close">${CLOSE_ICON}</button>
+      </div>
+      <div class="rk-ip-settingsmodal-body">
+        <label class="rk-ip-setting rk-ip-provider" data-ipv-provider-wrap>
+          <span class="rk-label">AI model</span>
+          <select data-ipv-provider class="rk-select rk-inpaint-select"></select>
+        </label>
+        <label class="rk-ip-setting">
+          <span class="rk-label">Duration</span>
+          <select data-ipv-duration class="rk-select rk-inpaint-select">
+            <option value="">Auto</option>
+            <option value="4">4 seconds</option>
+            <option value="6">6 seconds</option>
+            <option value="8">8 seconds</option>
+            <option value="10">10 seconds</option>
+          </select>
+        </label>
+        <label class="rk-ip-setting rk-ipv-audio-row">
+          <span class="rk-label">Generate audio</span>
+          <input type="checkbox" data-ipv-audio class="rk-ipv-audio" />
+        </label>
+        <label class="rk-ip-setting">
+          <span class="rk-label">Session name <span class="rk-ip-setting-note">(tracer — groups this session's History)</span></span>
+          <input data-ipv-tracer class="rk-ip-input" type="text" autocomplete="off" spellcheck="false" placeholder="Auto-named from your first prompt" />
+        </label>
+      </div>
+    </div>
+  </div>
+
+  <!-- past-sessions left slide-in panel -->
+  <aside class="rk-ip-sessions" data-ipv-sessions aria-label="Past sessions">
+    <div class="rk-ip-sessions-head">
+      <span class="rk-ip-sessions-title">Past sessions</span>
+      <button type="button" class="rk-ip-iconbtn" data-ipv-sessions-close aria-label="Close past sessions" title="Close">${CLOSE_ICON}</button>
+    </div>
+    <div class="rk-ip-sessions-list" data-ipv-sessions-list>
+      <div class="rk-ip-sessions-empty">Loading…</div>
+    </div>
+  </aside>
+  <div class="rk-ip-sessions-backdrop" data-ipv-sessions-backdrop hidden></div>
+
+  <!-- video preview lightbox (result + history) -->
+  <div class="rk-ip-lightbox rk-ipv-lightbox" data-ipv-lightbox data-open="false" hidden>
+    <div class="rk-ipv-lightbox-dialog" role="dialog" aria-modal="true" aria-label="Video output">
+      <div class="custom-inpaint-lightbox-head">
+        <p class="custom-inpaint-lightbox-title" data-ipv-lightbox-title>Video output</p>
+        <div class="custom-inpaint-lightbox-actions">
+          <button type="button" class="rk-ip-iconbtn" data-ipv-lightbox-copy aria-label="Copy video URL" title="Copy URL">${COPY_ICON}</button>
+          <a class="rk-btn rk-btn-ink rk-btn-sm" data-ipv-lightbox-download href="#" target="_blank" rel="noopener noreferrer" download>${DL_ICON} Download</a>
+          <button type="button" class="rk-ip-iconbtn" data-ipv-lightbox-close aria-label="Close preview" title="Close">${CLOSE_ICON}</button>
+        </div>
+      </div>
+      <div class="rk-ipv-lightbox-stage">
+        <video data-ipv-lightbox-video controls playsinline></video>
+      </div>
+    </div>
+  </div>
+
+  <script type="application/json" data-rk-inpaint-video-boot>${JSON.stringify(boot).replace(/</g, "\\u003c")}</script>
+</main>`;
+    const pageCss = `
+${INPAINT_TABS_CSS}
+.rk-inpaint-page{padding-left:var(--rk-gutter);padding-right:var(--rk-gutter)}
+.rk-inpaint-workbench{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:20px;align-items:start}
+@media(max-width:1200px){.rk-inpaint-workbench{grid-template-columns:320px minmax(0,1fr)}.rk-inpaint-output{grid-column:1 / -1;grid-row:2}}
+@media(max-width:820px){.rk-inpaint-workbench{grid-template-columns:1fr}.rk-inpaint-output,.rk-inpaint-stage,.rk-inpaint-panel{grid-column:auto}.rk-inpaint-stage{order:-1}}
+.rk-inpaint-panel,.rk-inpaint-stage,.rk-inpaint-output{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);box-shadow:var(--rk-shadow-card)}
+.rk-inpaint-panel{padding:18px;display:grid;gap:16px;align-content:start}
+.rk-inpaint-block{display:grid;gap:9px}
+.rk-inpaint-h2{font-family:var(--rk-font-display);font-size:var(--rk-text-lg);font-weight:800;color:var(--rk-ink);letter-spacing:-.01em}
+.rk-inpaint-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
+.rk-inpaint-head-text{min-width:0;flex:1 1 320px}
+.rk-inpaint-toolbar{flex:none;display:flex;align-items:center;gap:8px;padding-top:2px}
+.rk-inpaint-startnew{gap:6px}
+.rk-ip-iconbtn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--rk-border);background:#fff;color:var(--rk-n-700);cursor:pointer;transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
+.rk-ip-iconbtn:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+.rk-ip-toolbtns{display:flex;align-items:center;gap:6px}
+
+/* start/end frames */
+.rk-ipv-frames{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+.rk-ipv-frame{display:grid;gap:6px;justify-items:center}
+.rk-ipv-frame-thumb{position:relative;width:100%;aspect-ratio:16/10;padding:0;border:1.5px dashed var(--rk-border-strong);border-radius:var(--rk-r-xl);background:var(--rk-n-50);color:var(--rk-text-faint);cursor:pointer;overflow:hidden;display:grid;place-items:center}
+.rk-ipv-frame-thumb:hover{border-color:var(--rk-gold-600)}
+.rk-ipv-frame-ph{font-size:24px;line-height:1}
+.rk-ipv-frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.rk-ipv-frame-name{font-size:12px;font-weight:700;color:var(--rk-ink)}
+.rk-ipv-frame-actions{display:flex;gap:6px}
+.rk-ipv-frame-btn{padding:3px 8px;font:inherit;font-size:11px;font-weight:700;color:var(--rk-n-700);background:#fff;border:1px solid var(--rk-border);border-radius:999px;cursor:pointer}
+.rk-ipv-frame-btn:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+
+/* prompt field + attachments */
+.rk-ip-promptfield{position:relative}
+.rk-ip-global{min-height:74px;width:100%;padding-right:44px}
+.rk-ip-attach{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid var(--rk-border);background:#fff;color:var(--rk-n-600)}
+.rk-ip-attach:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+.rk-ip-attach-chips{display:flex;flex-wrap:wrap;gap:6px}
+.editor-inpaint-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);background:var(--rk-n-50);font-size:11.5px;color:var(--rk-n-700);max-width:170px}
+.editor-inpaint-attachment-chip img{width:22px;height:22px;border-radius:4px;object-fit:cover;flex:none}
+.editor-inpaint-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.editor-inpaint-attachment-chip button{flex:none;border:0;background:transparent;cursor:pointer;color:var(--rk-text-faint);font-size:15px;line-height:1;padding:0 2px}
+.rk-ip-setting-note{font-weight:600;color:var(--rk-text-faint)}
+
+/* mask color picker + timed mask rows */
+.rk-inpaint-brushrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
+.rk-ip-colorpicker{width:42px;height:32px;padding:2px;border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-lg);background:#fff;cursor:pointer}
+.rk-inpaint-range{width:100%}
+.rk-ipv-masks{display:grid;gap:8px}
+.rk-ipv-mask{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:8px;border:1px solid var(--rk-border);border-radius:var(--rk-r-xl);background:var(--rk-n-50)}
+.rk-ipv-mask[data-active="true"]{border-color:var(--rk-gold-600);background:var(--rk-gold-tint)}
+.rk-ipv-mask-dot{width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;cursor:pointer;background:var(--ipv-c,#ff2d55);box-shadow:0 0 0 1px var(--rk-border-strong)}
+.rk-ipv-mask[data-active="true"] .rk-ipv-mask-dot{box-shadow:0 0 0 2px var(--rk-gold-700)}
+.rk-ipv-mask-body{min-width:0;display:grid;gap:6px}
+.rk-ipv-mask-row{display:flex;align-items:center;gap:6px}
+.rk-ipv-mask-time{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 9px;font:inherit;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--rk-ink);background:#fff;border:1px solid var(--rk-border);border-radius:999px;cursor:pointer}
+.rk-ipv-mask-time:hover{border-color:var(--rk-gold-600);color:var(--rk-gold-700)}
+.rk-ipv-mask-time svg{flex:none;color:var(--rk-text-muted)}
+.rk-ipv-mask-mini{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--rk-border);border-radius:50%;background:#fff;color:var(--rk-n-600);cursor:pointer}
+.rk-ipv-mask-mini:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+.rk-ipv-mask-mini.is-danger:hover{color:#b42318;border-color:#e6a8a0;background:#fff}
+.rk-ipv-mask-prompt{width:100%;min-height:44px;resize:vertical;padding:8px 10px;font:inherit;font-size:12.5px;line-height:1.4;color:var(--rk-ink);border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-lg);background:#fff;outline:0}
+.rk-ipv-mask-prompt:focus{border-color:var(--rk-gold-600);box-shadow:0 0 0 3px var(--rk-gold-tint)}
+.rk-ipv-masks-empty{font-size:12px;color:var(--rk-text-faint);padding:8px 2px;line-height:1.4}
+.rk-ip-addcolor{justify-self:start}
+
+/* provider select */
+.rk-ip-provider{display:none;gap:6px}
+.rk-ip-provider[data-visible="true"]{display:grid}
+.rk-ip-setting{display:grid;gap:6px}
+.rk-ipv-audio-row{grid-template-columns:1fr auto;align-items:center}
+.rk-inpaint-select{width:100%}
+.rk-ip-input{width:100%;padding:8px 10px;font:inherit;font-size:13px;color:var(--rk-ink);border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-lg);background:#fff;outline:0}
+.rk-ip-input:focus{border-color:var(--rk-gold-600);box-shadow:0 0 0 3px var(--rk-gold-tint)}
+
+/* generate + status */
+.rk-inpaint-generate{width:100%;justify-content:center;gap:8px;padding:13px}
+.rk-inpaint-generate[data-loading="true"]{opacity:.7;cursor:wait}
+.rk-inpaint-status{font-size:12.5px;font-weight:600;line-height:1.5;min-height:18px;color:var(--rk-text-muted)}
+.rk-inpaint-status[data-tone="error"]{color:#b42318}
+.rk-inpaint-status[data-tone="success"]{color:#1f7a44}
+
+/* center video stage */
+.rk-inpaint-stage{min-height:420px;display:grid;place-items:center;padding:20px;overflow:hidden}
+.rk-ipv-stage{align-content:center}
+.rk-inpaint-empty{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--rk-text-muted);padding:30px 20px}
+.rk-inpaint-empty[hidden]{display:none}
+.rk-inpaint-empty-ic{color:var(--rk-n-400)}
+.rk-inpaint-empty-title{font-family:var(--rk-font-display);font-weight:800;font-size:var(--rk-text-lg);color:var(--rk-ink)}
+.rk-inpaint-empty-sub{font-size:13px}
+.rk-ipv-upload{margin-top:6px;gap:6px}
+.rk-ipv-player{width:100%;display:grid;gap:12px;justify-items:center}
+.rk-ipv-player[hidden]{display:none}
+.rk-ipv-canvaswrap{position:relative;display:inline-block;line-height:0;max-width:100%;border-radius:var(--rk-r-2xl);overflow:hidden;box-shadow:var(--rk-shadow-md);
+  --inpaint-brush-cursor-size:70px;--inpaint-brush-cursor-x:0px;--inpaint-brush-cursor-y:0px;background:#000}
+.rk-ipv-video{display:block;max-width:100%;max-height:min(58vh,560px);width:auto;height:auto;object-fit:contain;user-select:none}
+.rk-ipv-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.82;cursor:crosshair;touch-action:none}
+.editor-inpaint-brush-cursor{position:absolute;z-index:2;left:0;top:0;width:var(--inpaint-brush-cursor-size);height:var(--inpaint-brush-cursor-size);
+  border:2px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1px rgba(28,25,23,.7),0 0 18px rgba(28,25,23,.25);opacity:0;pointer-events:none;
+  transform:translate(var(--inpaint-brush-cursor-x),var(--inpaint-brush-cursor-y)) translate(-50%,-50%)}
+.editor-inpaint-brush-cursor[data-visible="true"]{opacity:1}
+.rk-ipv-controls{width:100%;max-width:640px;display:flex;align-items:center;gap:10px}
+.rk-ipv-playpause{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--rk-ink);color:#fff;cursor:pointer}
+.rk-ipv-playpause:hover{background:var(--rk-n-800,#333)}
+.rk-ipv-scrub{flex:1;min-width:0;accent-color:var(--rk-gold-600)}
+.rk-ipv-timecode{flex:none;display:flex;align-items:center;gap:6px}
+.rk-ipv-timecode-input{width:96px;padding:5px 8px;font:inherit;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;color:var(--rk-ink);border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-lg);background:#fff;outline:0}
+.rk-ipv-timecode-input:focus{border-color:var(--rk-gold-600);box-shadow:0 0 0 3px var(--rk-gold-tint)}
+.rk-ipv-timecode-copy{width:30px;height:30px}
+.rk-ipv-duration{font-size:11.5px;font-weight:700;color:var(--rk-text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}
+
+/* text-to-video composer (empty state) */
+.rk-ip-gen{width:100%;max-width:460px;margin-top:16px;display:grid;gap:10px;justify-items:stretch}
+.rk-ip-gen-or{position:relative;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rk-text-faint)}
+.rk-ip-gen-or::before,.rk-ip-gen-or::after{content:"";position:absolute;top:50%;width:calc(50% - 26px);height:1px;background:var(--rk-border)}
+.rk-ip-gen-or::before{left:0}.rk-ip-gen-or::after{right:0}
+.rk-ip-gen-box{background:#fff;border:1.5px solid var(--rk-border-strong);border-radius:var(--rk-r-2xl);padding:10px 10px 8px;display:grid;gap:8px;box-shadow:var(--rk-shadow-sm);text-align:left}
+.rk-ip-gen-box:focus-within{border-color:var(--rk-gold-600);box-shadow:0 0 0 3px var(--rk-gold-tint)}
+.rk-ip-gen.is-busy .rk-ip-gen-box{opacity:.75}
+.rk-ip-gen-input{width:100%;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:14px;line-height:1.45;color:var(--rk-ink);min-height:44px;padding:2px 4px}
+.rk-ip-gen-input::placeholder{color:var(--rk-text-faint)}
+.rk-ip-gen-refs{display:flex;flex-wrap:wrap;gap:6px}
+.rk-ip-gen-refs[hidden]{display:none}
+.rk-ip-gen-ref{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);background:var(--rk-n-50);font-size:11.5px;color:var(--rk-n-700);max-width:180px}
+.rk-ip-gen-ref img{width:22px;height:22px;border-radius:4px;object-fit:cover;flex:none}
+.rk-ip-gen-ref span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.rk-ip-gen-ref button{flex:none;border:0;background:transparent;cursor:pointer;color:var(--rk-text-faint);font-size:15px;line-height:1;padding:0 2px}
+.rk-ip-gen-bar{display:flex;align-items:center;gap:8px}
+.rk-ip-gen-hint{flex:1;font-size:11.5px;color:var(--rk-text-faint);line-height:1.35}
+.rk-ip-gen-clip,.rk-ip-gen-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:pointer}
+.rk-ip-gen-clip{border:1px solid var(--rk-border);background:#fff;color:var(--rk-n-600)}
+.rk-ip-gen-clip:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+.rk-ip-gen-send{border:0;background:var(--rk-gold-500,var(--rk-gold-600));color:var(--rk-ink)}
+.rk-ip-gen-send:hover:not(:disabled){background:var(--rk-gold-600)}
+.rk-ip-gen-send:disabled{opacity:.5;cursor:default}
+.rk-ip-gen-send.is-busy{background:var(--rk-gold-tint);pointer-events:none}
+.rk-ip-gen-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--rk-gold-tint2,rgba(252,185,0,.35));border-top-color:var(--rk-gold-700);animation:rk-ip-spin .8s linear infinite}
+.rk-ip-gen-status{font-size:12px;font-weight:600;min-height:16px;color:var(--rk-text-muted);text-align:left;padding-left:2px}
+.rk-ip-gen-status[data-tone="error"]{color:#b42318}
+.rk-ip-gen-status[data-tone="success"]{color:#1f7a44}
+
+/* file-directory pop panel (reference picker) */
+.rk-ip-filemodal{position:fixed;inset:0;z-index:60;background:rgba(28,25,23,.44);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}
+.rk-ip-filemodal-panel{width:min(560px,100%);max-height:min(80vh,680px);display:flex;flex-direction:column;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);box-shadow:var(--rk-shadow-lg,var(--rk-shadow-card));overflow:hidden}
+.rk-ip-filemodal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--rk-border)}
+.rk-ip-filemodal-title{font-family:var(--rk-font-display);font-weight:800;font-size:var(--rk-text-md,15px);color:var(--rk-ink)}
+.rk-ip-filemodal-close{border:0;background:transparent;font-size:22px;line-height:1;color:var(--rk-text-muted);cursor:pointer;padding:0 4px}
+.rk-ip-filemodal-mount{padding:12px 14px;overflow:auto;flex:1;min-height:0}
+
+/* right: result + history */
+.rk-inpaint-output{padding:18px;display:grid;gap:18px;align-content:start}
+.rk-inpaint-result[hidden]{display:none}
+.rk-inpaint-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
+.rk-ipv-result-video{display:block;width:100%;border-radius:var(--rk-r-2xl);background:#000;box-shadow:var(--rk-shadow-sm)}
+.rk-inpaint-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
+.rk-ip-histtools{display:flex;align-items:center;gap:8px}
+.rk-inpaint-historylist{display:grid;gap:10px}
+.custom-inpaint-history-empty{font-size:12.5px;color:var(--rk-text-faint);padding:14px 4px;text-align:center;line-height:1.4}
+.custom-inpaint-history-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid var(--rk-border);border-radius:var(--rk-r-xl);background:var(--rk-n-50)}
+.custom-inpaint-history-thumb-button{position:relative;width:54px;height:54px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--rk-r-lg);background:var(--rk-n-200);cursor:zoom-in;overflow:hidden}
+.custom-inpaint-history-thumb{width:54px;height:54px;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);object-fit:cover;background:#000}
+.custom-inpaint-history-thumb-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}
+.custom-inpaint-history-generating{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);background:var(--rk-n-100)}
+.custom-inpaint-history-generating::before{content:"";width:22px;height:22px;border-radius:50%;border:2.5px solid var(--rk-gold-tint2,rgba(252,185,0,.35));border-top-color:var(--rk-gold-700);animation:rk-ip-spin .8s linear infinite}
+.custom-inpaint-history-meta{min-width:0;display:grid;gap:5px}
+.custom-inpaint-history-title{min-width:0;color:var(--rk-ink);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.custom-inpaint-history-subtitle{min-width:0;color:var(--rk-text-muted);font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.custom-inpaint-history-actions{display:flex;align-items:center;gap:5px}
+.custom-inpaint-history-icon{width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--rk-border);border-radius:50%;background:#fff;color:var(--rk-n-700);cursor:pointer;text-decoration:none}
+.custom-inpaint-history-icon:hover{background:var(--rk-gold-tint);color:var(--rk-gold-700);border-color:var(--rk-gold-600)}
+.custom-inpaint-history-icon svg{width:13px;height:13px}
+.custom-inpaint-history-check{min-height:26px;padding:0 10px;border:1px solid var(--rk-border);border-radius:999px;background:#fff;color:var(--rk-ink);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}
+.custom-inpaint-history-check[disabled]{cursor:wait;opacity:.6}
+.custom-inpaint-history-popconfirm{position:absolute;right:6px;top:6px;z-index:6;width:160px;display:grid;gap:7px;padding:9px;border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);background:var(--rk-surface);box-shadow:var(--rk-shadow-lg,var(--rk-shadow-card))}
+.custom-inpaint-history-popconfirm[hidden]{display:none}
+.custom-inpaint-history-popconfirm p{margin:0;color:var(--rk-ink);font-size:12px;font-weight:700;line-height:1.3}
+.custom-inpaint-history-popconfirm-actions{display:flex;gap:6px}
+.custom-inpaint-history-popconfirm-actions button{flex:1 1 0;min-height:26px;padding:0 8px;border-radius:var(--rk-r-md,8px);border:1px solid var(--rk-border);background:#fff;color:var(--rk-ink);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
+.custom-inpaint-history-popconfirm-actions button[data-danger="true"]{border-color:#e6a8a0;color:#b42318}
+
+/* lightbox */
+.rk-ip-lightbox{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:22px;background:rgba(28,25,23,.66);backdrop-filter:blur(8px)}
+.rk-ip-lightbox[data-open="true"]{display:grid}
+.rk-ip-lightbox[hidden]{display:none}
+.rk-ipv-lightbox-dialog{width:min(1100px,calc(100vw - 44px));max-height:94svh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);background:var(--rk-surface);box-shadow:var(--rk-shadow-lg,var(--rk-shadow-card))}
+.custom-inpaint-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
+.custom-inpaint-lightbox-title{min-width:0;margin:0;color:var(--rk-ink);font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.custom-inpaint-lightbox-actions{display:flex;align-items:center;gap:8px}
+.rk-ipv-lightbox-stage{min-height:0;display:grid;place-items:center;overflow:auto}
+.rk-ipv-lightbox-stage video{max-width:100%;max-height:calc(94svh - 92px);border-radius:var(--rk-r-xl);background:#000}
+
+@keyframes rk-ip-spin{to{transform:rotate(360deg)}}
+
+/* settings modal */
+.rk-ip-settingsmodal{position:fixed;inset:0;z-index:70;background:rgba(28,25,23,.44);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}
+.rk-ip-settingsmodal[hidden]{display:none}
+.rk-ip-settingsmodal-panel{width:min(440px,100%);display:flex;flex-direction:column;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);box-shadow:var(--rk-shadow-lg,var(--rk-shadow-card));overflow:hidden}
+.rk-ip-settingsmodal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--rk-border)}
+.rk-ip-settingsmodal-title{font-family:var(--rk-font-display);font-weight:800;font-size:var(--rk-text-md,15px);color:var(--rk-ink)}
+.rk-ip-settingsmodal-body{padding:16px 18px;display:grid;gap:14px}
+
+/* past-sessions panel */
+.rk-ip-sessions{position:fixed;left:0;top:0;bottom:0;z-index:96;width:min(320px,86vw);display:flex;flex-direction:column;background:var(--rk-surface);border-right:1px solid var(--rk-border);box-shadow:var(--rk-shadow-xl,var(--rk-shadow-card));transform:translateX(-100%);transition:transform var(--rk-dur) var(--rk-ease)}
+.rk-ip-sessions.is-open{transform:none}
+.rk-ip-sessions-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 10px;border-bottom:1px solid var(--rk-border)}
+.rk-ip-sessions-title{font-family:var(--rk-font-display);font-weight:800;font-size:14px;color:var(--rk-ink)}
+.rk-ip-sessions-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:grid;gap:4px;align-content:start}
+.rk-ip-sessions-empty{font-size:12.5px;color:var(--rk-text-faint);padding:16px 8px;text-align:center;line-height:1.4}
+.rk-ip-session{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:var(--rk-r-lg);background:transparent;cursor:pointer;text-align:left;font:inherit;width:100%}
+.rk-ip-session:hover{background:var(--rk-n-50)}
+.rk-ip-session.is-active{background:var(--rk-gold-tint);border-color:var(--rk-gold-600)}
+.rk-ip-session-thumb{width:44px;height:44px;border:1px solid var(--rk-border);border-radius:var(--rk-r-md,8px);object-fit:cover;background:var(--rk-n-200)}
+.rk-ip-session-thumb.is-empty{display:grid;place-items:center;color:var(--rk-text-faint)}
+.rk-ip-session-meta{min-width:0;display:grid;gap:3px}
+.rk-ip-session-title{min-width:0;color:var(--rk-ink);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.rk-ip-session-sub{min-width:0;color:var(--rk-text-muted);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.rk-ip-sessions-backdrop{position:fixed;inset:0;z-index:95;background:rgba(28,25,23,.34)}
+.rk-ip-sessions-backdrop[hidden]{display:none}
+`;
+    const script = INPAINT_VIDEO_SCRIPT;
+    return reskinDocument({
+        title: "vidfarm reskin — Create Video",
+        description: "Reskinned vidfarm video editor — scrub the timeline, paint time-scoped mask edits, set start/end frames, and generate on your own AI keys.",
+        activeSlug: "inpaint",
+        pageCss,
+        body,
+        script
+    });
+}
+// The whole client runtime lives here as a plain string so the render function
+// above stays readable. It is a self-contained IIFE (no imports at runtime).
+const INPAINT_VIDEO_SCRIPT = `
+(function(){
+  var videoEl = document.querySelector("[data-ipv-video]");
+  var canvas = document.querySelector("[data-ipv-canvas]");
+  var brushCursor = document.querySelector("[data-ipv-brush-cursor]");
+  var player = document.querySelector("[data-ipv-player]");
+  var emptyState = document.querySelector("[data-ipv-empty]");
+  var canvasWrap = document.querySelector("[data-ipv-canvaswrap]");
+  var uploadBtn = document.querySelector("[data-ipv-upload]");
+  var fileInput = document.querySelector("[data-ipv-file]");
+  var startNewBtn = document.querySelector("[data-ipv-start-new]");
+  var statusEl = document.querySelector("[data-ipv-status]");
+  var submitBtn = document.querySelector("[data-ipv-submit]");
+  var submitLabel = document.querySelector("[data-ipv-submit-label]");
+  var globalPrompt = document.querySelector("[data-ipv-global-prompt]");
+  var attachBtn = document.querySelector("[data-ipv-attach]");
+  var attachChips = document.querySelector("[data-ipv-attachments]");
+  var attachInput = document.querySelector("[data-ipv-attachment-input]");
+  var brushInput = document.querySelector("[data-ipv-brush]");
+  var brushLabel = document.querySelector("[data-ipv-brush-label]");
+  var colorPicker = document.querySelector("[data-ipv-color-picker]");
+  var addMaskBtn = document.querySelector("[data-ipv-add-mask]");
+  var masksList = document.querySelector("[data-ipv-masks]");
+  var undoBtn = document.querySelector("[data-ipv-undo]");
+  var redoBtn = document.querySelector("[data-ipv-redo]");
+  var clearBtn = document.querySelector("[data-ipv-clear]");
+  var frameInput = document.querySelector("[data-ipv-frame-input]");
+  var playpause = document.querySelector("[data-ipv-playpause]");
+  var scrub = document.querySelector("[data-ipv-scrub]");
+  var timecodeInput = document.querySelector("[data-ipv-timecode-input]");
+  var timecodeCopy = document.querySelector("[data-ipv-timecode-copy]");
+  var durationEl = document.querySelector("[data-ipv-duration]");
+  var outputPanel = document.querySelector("[data-ipv-output]");
+  var resultVideo = document.querySelector("[data-ipv-result]");
+  var saveBtn = document.querySelector("[data-ipv-save]");
+  var historyList = document.querySelector("[data-ipv-history-list]");
+  var historyRefresh = document.querySelector("[data-ipv-history-refresh]");
+  var settingsBtn = document.querySelector("[data-ipv-settings-button]");
+  var settingsModal = document.querySelector("[data-ipv-settings]");
+  var settingsClose = document.querySelector("[data-ipv-settings-close]");
+  var providerWrap = document.querySelector("[data-ipv-provider-wrap]");
+  var providerSelect = document.querySelector("[data-ipv-provider]");
+  var durationSelect = document.querySelector("[data-ipv-duration]");
+  var audioToggle = document.querySelector("[data-ipv-audio]");
+  var tracerInput = document.querySelector("[data-ipv-tracer]");
+  var sessionsToggle = document.querySelector("[data-ipv-history-toggle]");
+  var sessionsPanel = document.querySelector("[data-ipv-sessions]");
+  var sessionsList = document.querySelector("[data-ipv-sessions-list]");
+  var sessionsClose = document.querySelector("[data-ipv-sessions-close]");
+  var sessionsBackdrop = document.querySelector("[data-ipv-sessions-backdrop]");
+  var lightbox = document.querySelector("[data-ipv-lightbox]");
+  var lightboxTitle = document.querySelector("[data-ipv-lightbox-title]");
+  var lightboxVideo = document.querySelector("[data-ipv-lightbox-video]");
+  var lightboxCopy = document.querySelector("[data-ipv-lightbox-copy]");
+  var lightboxDownload = document.querySelector("[data-ipv-lightbox-download]");
+  var lightboxClose = document.querySelector("[data-ipv-lightbox-close]");
+  if(!videoEl || !canvas || !masksList || !submitBtn) return;
+
+  var PLAY_SVG = ${JSON.stringify(PLAY_ICON)};
+  var PAUSE_SVG = ${JSON.stringify(PAUSE_ICON)};
+  var CLOCK_SVG = ${JSON.stringify(CLOCK_ICON)};
+
+  // ===== state =====
+  var sourceVideoUrl = "";        // playable URL (may be a blob: object URL for uploads)
+  var sourceVideoName = "";
+  var sourceObjectUrl = "";       // revoke on reset
+  var masks = [];                 // { id, color, prompt, timeSec, strokes:[], redo:[] }
+  var activeMaskId = "";
+  var isPainting = false;
+  var frames = { first: null, last: null }; // { url, name }
+  var attachments = [];           // { id, fileName, url }
+  var maxAttachments = 8;
+  var allowedAttachTypes = { "image/jpeg":1, "image/png":1, "image/webp":1 };
+  var historyItems = [];
+  var hiddenHistoryKeys = {};
+  var sourceHistoryItems = [];
+  var sessionTracer = "";
+  var tracerAutoPending = true;
+  var maskSeq = 0;
+  var isSeekingFor = null;        // pending frame-capture continuation
+
+  // ===== small helpers =====
+  function pad(n, w){ n = String(Math.max(0, Math.floor(n))); while(n.length < w) n = "0" + n; return n; }
+  function formatTimecode(sec){
+    var s = Math.max(0, Number(sec) || 0);
+    var mm = Math.floor(s / 60);
+    var ss = Math.floor(s % 60);
+    var ms = Math.round((s - Math.floor(s)) * 1000);
+    if(ms >= 1000){ ms -= 1000; ss += 1; }
+    if(ss >= 60){ ss -= 60; mm += 1; }
+    return pad(mm, 2) + ":" + pad(ss, 2) + ":" + pad(ms, 3);
+  }
+  function parseTimecode(str){
+    var parts = String(str || "").trim().split(":");
+    if(!parts.length) return NaN;
+    var mm = 0, ss = 0, ms = 0;
+    if(parts.length >= 3){ mm = parseInt(parts[0], 10) || 0; ss = parseInt(parts[1], 10) || 0; ms = parseInt(parts[2], 10) || 0; }
+    else if(parts.length === 2){ mm = parseInt(parts[0], 10) || 0; ss = parseInt(parts[1], 10) || 0; }
+    else { ss = parseInt(parts[0], 10) || 0; }
+    return mm * 60 + ss + ms / 1000;
+  }
+  function absoluteUrl(value){ return new URL(value, window.location.href).toString(); }
+  function parseJsonResponse(response){ return response.json().catch(function(){ return {}; }); }
+  function setStatus(message, tone){ if(!statusEl) return; statusEl.textContent = message || ""; statusEl.setAttribute("data-tone", tone || ""); }
+  function nowIso(){ return new Date().toISOString(); }
+  function uid(prefix){
+    if(globalThis.crypto && globalThis.crypto.randomUUID) return prefix + globalThis.crypto.randomUUID().replace(/-/g, "").slice(0, 8);
+    return prefix + Math.random().toString(16).slice(2, 10);
+  }
+
+  // ===== tracer =====
+  function tracerSuffix(){
+    return (globalThis.crypto && globalThis.crypto.randomUUID)
+      ? globalThis.crypto.randomUUID().replace(/-/g, "").slice(0, 6)
+      : Math.random().toString(16).slice(2, 8);
+  }
+  function slugifyTracer(value){
+    var normalized = String(value || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 32);
+    return normalized || "video-edit";
+  }
+  function nameTracerFromSeed(seed){
+    var value = "video-edit-" + slugifyTracer(seed) + "-" + tracerSuffix();
+    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"); }
+
+  // ===== provider list =====
+  function loadProviders(){
+    fetch("/api/v1/user/me/provider-keys", { credentials: "same-origin" }).then(parseJsonResponse).then(function(payload){
+      var supported = { openai:1, gemini:1, openrouter:1 };
+      var providers = []; var seen = {};
+      var keys = (payload && payload.provider_keys) || [];
+      for(var i = 0; i < keys.length; i++){
+        var key = keys[i]; var provider = String(key.provider || ""); var stat = String(key.status || "active");
+        var cd = key.cooldown_until ? Date.parse(String(key.cooldown_until)) : 0;
+        if(!supported[provider] || stat !== "active" || (cd && cd > Date.now()) || seen[provider]) continue;
+        seen[provider] = 1; providers.push(provider);
+      }
+      if(providerSelect){
+        providerSelect.innerHTML = '<option value="">Auto</option>' + providers.map(function(p){ return '<option value="' + p + '">' + p.charAt(0).toUpperCase() + p.slice(1) + '</option>'; }).join("");
+      }
+      if(providerWrap) providerWrap.setAttribute("data-visible", providers.length > 1 ? "true" : "false");
+    }).catch(function(){});
+  }
+
+  // ===== upload / save =====
+  function uploadTemporaryBlob(blob, fileName, contentType, folderPath){
+    var folder = folderPath || "inpaints/_inputs";
+    return fetch("/api/v1/user/me/temporary-files/presign", {
+      method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" },
+      body: JSON.stringify({ file_name: fileName, content_type: contentType, size_bytes: blob.size, folder_path: folder })
+    }).then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); }).then(function(res){
+      var presign = res.p;
+      if(!res.ok || !presign || !presign.transport) throw new Error((presign && presign.error) || "Unable to prepare upload.");
+      if(presign.transport === "server"){
+        var formData = new FormData();
+        formData.append((presign.upload && presign.upload.form_field) || "file", new File([blob], fileName, { type: contentType }));
+        formData.append("folder_path", folder);
+        return fetch((presign.upload && presign.upload.url) || "/api/v1/user/me/temporary-files/upload", { method: (presign.upload && presign.upload.method) || "POST", credentials: "same-origin", body: formData })
+          .then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); })
+          .then(function(u){ if(!u.ok || !u.p.file) throw new Error(u.p.error || "Unable to upload file."); return u.p.file.viewUrl || u.p.file.view_url || u.p.file.s3Url || u.p.file.s3_url; });
+      }
+      return fetch(presign.upload.url, { method: presign.upload.method, headers: presign.upload.headers, body: blob }).then(function(r){
+        if(!r.ok) throw new Error("Upload failed with status " + r.status + ".");
+        return fetch("/api/v1/user/me/temporary-files", { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" },
+          body: JSON.stringify({ file_id: presign.file_id, file_name: presign.file_name, content_type: presign.content_type, size_bytes: blob.size, storage_key: presign.storage_key, folder_path: presign.folder_path || folder }) })
+          .then(function(r2){ return parseJsonResponse(r2).then(function(p){ return { ok: r2.ok, p: p }; }); })
+          .then(function(f){ if(!f.ok || !f.p.file) throw new Error(f.p.error || "Unable to save file."); return f.p.file.viewUrl || f.p.file.view_url || f.p.file.s3Url || f.p.file.s3_url; });
+      });
+    });
+  }
+  function saveMediaToFiles(mediaUrl, defaultName){
+    if(!mediaUrl) return;
+    var dir = window.__vidfarmDirectory;
+    if(!dir || !dir.pick){ setStatus("File browser isn't available right now.", "error"); return; }
+    dir.pick({ select: "folder", roots: ["files"], initialPath: "/files", title: "Save to My Files", hint: "Open a folder in your Files, then choose it to save this video there.", confirmLabel: "Save here",
+      onPick: function(folder){
+        setStatus("Saving to " + (folder && folder.path ? folder.path : "My Files") + "\\u2026", "");
+        fetch("/api/v1/user/me/attachments/from-url", { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" },
+          body: JSON.stringify({ source_url: mediaUrl, folder_path: (folder && folder.folderPath) || "", file_name: defaultName || "" }) })
+          .then(function(r){ return r.json().then(function(j){ return { ok: r.ok, j: j }; }); })
+          .then(function(res){ if(!res.ok || !res.j || res.j.error) throw new Error((res.j && res.j.error) || "Couldn't save to My Files."); setStatus("Saved to " + (folder && folder.path ? folder.path : "My Files") + ".", "success"); })
+          .catch(function(err){ setStatus(err && err.message ? err.message : "Couldn't save to My Files.", "error"); });
+      } });
+  }
+  function copyText(value){
+    if(navigator.clipboard && window.isSecureContext){ return navigator.clipboard.writeText(value).then(function(){ return true; }).catch(function(){ return fallbackCopy(value); }); }
+    return Promise.resolve(fallbackCopy(value));
+  }
+  function fallbackCopy(value){
+    var field = document.createElement("textarea"); field.value = value; field.setAttribute("readonly", ""); field.style.position = "fixed"; field.style.opacity = "0";
+    document.body.appendChild(field); field.select(); var ok = false; try { ok = document.execCommand("copy"); } catch(_){} field.remove(); return ok;
+  }
+
+  // ===== masks =====
+  function activeMask(){ for(var i = 0; i < masks.length; i++){ if(masks[i].id === activeMaskId) return masks[i]; } return null; }
+  function normalizeHex(v){ v = String(v || "").trim(); if(/^#[0-9a-fA-F]{6}$/.test(v)) return v.toLowerCase(); if(/^#[0-9a-fA-F]{3}$/.test(v)){ return ("#" + v[1] + v[1] + v[2] + v[2] + v[3] + v[3]).toLowerCase(); } return "#ff2d55"; }
+  var PALETTE = ["#ff2d55","#0a84ff","#34c759","#ff9f0a","#bf5af2","#ff375f","#5ac8fa","#ffd60a"];
+  function nextColor(){ var used = {}; masks.forEach(function(m){ used[m.color] = 1; }); for(var i = 0; i < PALETTE.length; i++){ if(!used[PALETTE[i]]) return PALETTE[i]; } return PALETTE[masks.length % PALETTE.length]; }
+  function addMask(atTime, color){
+    var m = { id: uid("mask_"), color: normalizeHex(color || nextColor()), prompt: "", timeSec: (atTime != null ? atTime : (videoEl.currentTime || 0)), strokes: [], redo: [] };
+    masks.push(m); activeMaskId = m.id; if(colorPicker) colorPicker.value = m.color; renderMasks(); return m;
+  }
+  function removeMask(id){
+    masks = masks.filter(function(m){ return m.id !== id; });
+    if(activeMaskId === id) activeMaskId = masks.length ? masks[masks.length - 1].id : "";
+    renderMasks(); redraw();
+  }
+  function renderMasks(){
+    masksList.innerHTML = "";
+    if(!masks.length){
+      var empty = document.createElement("div"); empty.className = "rk-ipv-masks-empty";
+      empty.textContent = "No masks yet. Paint on the video, or use + Add timed mask, to mark a region at a moment.";
+      masksList.appendChild(empty); syncUndoRedo(); return;
+    }
+    masks.forEach(function(m){
+      var row = document.createElement("div"); row.className = "rk-ipv-mask"; row.dataset.maskId = m.id; row.setAttribute("data-active", m.id === activeMaskId ? "true" : "false");
+      var dot = document.createElement("button"); dot.type = "button"; dot.className = "rk-ipv-mask-dot"; dot.style.setProperty("--ipv-c", m.color); dot.dataset.maskSelect = m.id; dot.title = "Select this mask to paint";
+      var bodyEl = document.createElement("div"); bodyEl.className = "rk-ipv-mask-body";
+      var rowTop = document.createElement("div"); rowTop.className = "rk-ipv-mask-row";
+      var timeBtn = document.createElement("button"); timeBtn.type = "button"; timeBtn.className = "rk-ipv-mask-time"; timeBtn.dataset.maskSeek = m.id; timeBtn.title = "Jump the video to this moment"; timeBtn.innerHTML = CLOCK_SVG + "<span>" + formatTimecode(m.timeSec) + "</span>";
+      var setBtn = document.createElement("button"); setBtn.type = "button"; setBtn.className = "rk-ipv-mask-mini"; setBtn.dataset.maskSettime = m.id; setBtn.title = "Set this mask to the current playhead"; setBtn.innerHTML = "<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='M10 4v12'/><path d='m6 8 4-4 4 4'/></svg>";
+      var delBtn = document.createElement("button"); delBtn.type = "button"; delBtn.className = "rk-ipv-mask-mini is-danger"; delBtn.dataset.maskRemove = m.id; delBtn.title = "Remove this mask"; delBtn.innerHTML = "<svg width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 5l10 10M15 5 5 15'/></svg>";
+      rowTop.appendChild(timeBtn); rowTop.appendChild(setBtn); rowTop.appendChild(delBtn);
+      var ta = document.createElement("textarea"); ta.className = "rk-ipv-mask-prompt"; ta.dataset.maskPrompt = m.id; ta.placeholder = "What changes in this region at this moment?"; ta.value = m.prompt || "";
+      bodyEl.appendChild(rowTop); bodyEl.appendChild(ta);
+      row.appendChild(dot); row.appendChild(bodyEl); masksList.appendChild(row);
+    });
+    syncUndoRedo();
+  }
+  function selectMask(id){ activeMaskId = id; var m = activeMask(); if(m && colorPicker) colorPicker.value = m.color; renderMasks(); redraw(); }
+  function syncUndoRedo(){ var m = activeMask(); if(undoBtn) undoBtn.disabled = !m || !m.strokes.length; if(redoBtn) redoBtn.disabled = !m || !m.redo.length; }
+
+  // ===== canvas / painting =====
+  function syncCanvasSize(){
+    var w = Math.round(videoEl.clientWidth), h = Math.round(videoEl.clientHeight);
+    if(w > 0 && h > 0 && (canvas.width !== w || canvas.height !== h)){ canvas.width = w; canvas.height = h; }
+    updateBrushCursorSize();
+  }
+  function updateBrushCursorSize(){
+    if(!brushCursor) return; var size = Number(brushInput ? brushInput.value : 70) || 70;
+    var rect = canvas.getBoundingClientRect(); var scale = rect.width && canvas.width ? rect.width / canvas.width : 1;
+    canvasWrap.style.setProperty("--inpaint-brush-cursor-size", (size * scale) + "px");
+  }
+  function updateBrushCursorPos(event){
+    if(!brushCursor) return; var rect = canvasWrap.getBoundingClientRect();
+    canvasWrap.style.setProperty("--inpaint-brush-cursor-x", (event.clientX - rect.left) + "px");
+    canvasWrap.style.setProperty("--inpaint-brush-cursor-y", (event.clientY - rect.top) + "px");
+    brushCursor.setAttribute("data-visible", "true");
+  }
+  function hideBrushCursor(){ if(brushCursor) brushCursor.setAttribute("data-visible", "false"); }
+  function getPoint(event){
+    var rect = canvas.getBoundingClientRect();
+    return { x: Math.max(0, Math.min(1, (event.clientX - rect.left) / (rect.width || 1))), y: Math.max(0, Math.min(1, (event.clientY - rect.top) / (rect.height || 1))) };
+  }
+  var VISIBILITY_WINDOW = 0.4; // seconds either side of a mask's moment
+  function drawStrokes(strokes, color, alpha){
+    var ctx = canvas.getContext("2d"); if(!ctx) return;
+    ctx.lineCap = "round"; ctx.lineJoin = "round"; ctx.globalAlpha = alpha; ctx.strokeStyle = color;
+    for(var s = 0; s < strokes.length; s++){
+      var stroke = strokes[s]; if(!stroke.points || !stroke.points.length) continue;
+      ctx.lineWidth = stroke.size; ctx.beginPath();
+      ctx.moveTo(stroke.points[0].x * canvas.width, stroke.points[0].y * canvas.height);
+      if(stroke.points.length === 1) ctx.lineTo(stroke.points[0].x * canvas.width + 0.01, stroke.points[0].y * canvas.height + 0.01);
+      else for(var i = 1; i < stroke.points.length; i++) ctx.lineTo(stroke.points[i].x * canvas.width, stroke.points[i].y * canvas.height);
+      ctx.stroke();
+    }
+    ctx.globalAlpha = 1;
+  }
+  function redraw(){
+    var ctx = canvas.getContext("2d"); if(!ctx) return;
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    var t = videoEl.currentTime || 0;
+    for(var i = 0; i < masks.length; i++){
+      var m = masks[i]; if(!m.strokes.length) continue;
+      var isActive = m.id === activeMaskId;
+      var inWindow = Math.abs(m.timeSec - t) <= VISIBILITY_WINDOW;
+      if(isActive || inWindow) drawStrokes(m.strokes, m.color, isActive ? 0.9 : 0.55);
+    }
+  }
+  function beginStroke(event){
+    if(!sourceVideoUrl || submitBtn.disabled) return;
+    event.preventDefault();
+    if(!videoEl.paused) videoEl.pause();
+    var m = activeMask();
+    if(!m) m = addMask(videoEl.currentTime || 0);
+    try { canvas.setPointerCapture(event.pointerId); } catch(_){}
+    isPainting = true;
+    var stroke = { size: Number(brushInput ? brushInput.value : 70) || 70, points: [getPoint(event)] };
+    m.strokes.push(stroke); m.redo = []; redraw(); syncUndoRedo();
+  }
+  function continueStroke(event){
+    updateBrushCursorPos(event);
+    if(!isPainting) return; event.preventDefault();
+    var m = activeMask(); if(!m || !m.strokes.length) return;
+    m.strokes[m.strokes.length - 1].points.push(getPoint(event)); redraw();
+  }
+  function endStroke(event){ if(!isPainting) return; isPainting = false; try { canvas.releasePointerCapture(event.pointerId); } catch(_){} }
+
+  // ===== source video =====
+  function clearSourceObjectUrl(){ if(sourceObjectUrl){ try { URL.revokeObjectURL(sourceObjectUrl); } catch(_){} sourceObjectUrl = ""; } }
+  function sourceNameFromUrl(value){ try { var p = new URL(value, window.location.href).pathname; return decodeURIComponent((p.split("/").filter(Boolean).pop()) || "") || "Source video"; } catch(_){ return "Source video"; } }
+  var crossOriginRetried = false;
+  function loadSourceUrl(value, name){
+    if(!value) return;
+    var url; try { url = absoluteUrl(value); } catch(_){ setStatus("That video URL is invalid.", "error"); return; }
+    clearSourceObjectUrl();
+    sourceVideoUrl = url; sourceVideoName = name || sourceNameFromUrl(url);
+    emptyState.hidden = true; if(player) player.hidden = false; outputPanel.hidden = true;
+    crossOriginRetried = false;
+    // A cross-origin source is opened with crossorigin=anonymous so "Use current"
+    // frame-capture can read pixels when the host sends CORS headers; if the load
+    // errors (no CORS), we retry once WITHOUT it so playback still works (frame
+    // capture then falls back to a manual upload).
+    var sameOrigin = false; try { sameOrigin = new URL(url).origin === window.location.origin; } catch(_){}
+    if(sameOrigin) videoEl.removeAttribute("crossorigin"); else videoEl.setAttribute("crossorigin", "anonymous");
+    videoEl.addEventListener("loadedmetadata", function(){ syncCanvasSize(); if(durationEl) durationEl.textContent = "/ " + formatTimecode(videoEl.duration || 0); redraw(); }, { once: true });
+    videoEl.onerror = function(){ if(!crossOriginRetried && videoEl.getAttribute("crossorigin")){ crossOriginRetried = true; videoEl.removeAttribute("crossorigin"); videoEl.src = url; videoEl.load(); } };
+    videoEl.src = url;
+    videoEl.load();
+    setStatus("Video ready. Scrub the timeline and paint timed masks.", "success");
+  }
+  function loadSourceFile(file){
+    if(!file) return;
+    clearSourceObjectUrl();
+    sourceObjectUrl = URL.createObjectURL(file);
+    sourceVideoUrl = sourceObjectUrl; sourceVideoName = file.name || "Uploaded video";
+    emptyState.hidden = true; if(player) player.hidden = false; outputPanel.hidden = true;
+    videoEl.removeAttribute("crossorigin"); // local blob doesn't need CORS and avoids taint
+    videoEl.src = sourceObjectUrl;
+    videoEl.addEventListener("loadedmetadata", function(){ syncCanvasSize(); if(durationEl) durationEl.textContent = "/ " + formatTimecode(videoEl.duration || 0); redraw(); }, { once: true });
+    videoEl.load();
+    setStatus("Video loaded. Scrub the timeline and paint timed masks.", "success");
+  }
+
+  // ===== start/end frame slots =====
+  var pendingFrameSlot = null;
+  function setFrame(which, url, name){
+    frames[which] = { url: url, name: name || "" };
+    var img = document.querySelector('[data-ipv-frame-img="' + which + '"]');
+    var ph = document.querySelector('[data-ipv-frame-ph="' + which + '"]');
+    if(img){ img.src = url; img.hidden = false; }
+    if(ph) ph.style.display = "none";
+  }
+  function captureCurrentFrame(which){
+    if(!sourceVideoUrl){ setStatus("Load a video first, then grab a frame.", "error"); return; }
+    var vw = videoEl.videoWidth, vh = videoEl.videoHeight;
+    if(!vw || !vh){ setStatus("The video isn't ready yet — try again in a moment.", "error"); return; }
+    var off = document.createElement("canvas"); off.width = vw; off.height = vh;
+    var ctx = off.getContext("2d"); if(!ctx) return;
+    try { ctx.drawImage(videoEl, 0, 0, vw, vh); } catch(err){ setStatus("Couldn't read this frame (the video blocks cross-origin capture). Upload a frame instead.", "error"); return; }
+    setStatus("Saving " + which + " frame\\u2026", "");
+    off.toBlob(function(blob){
+      if(!blob){ setStatus("Couldn't capture that frame — upload a frame instead.", "error"); return; }
+      uploadTemporaryBlob(blob, which + "-frame-" + Date.now() + ".png", "image/png").then(function(uploaded){
+        setFrame(which, absoluteUrl(uploaded), which + " frame"); setStatus((which === "first" ? "Start" : "End") + " frame set from the current playhead.", "success");
+      }).catch(function(err){ setStatus(err && err.message ? err.message : "Couldn't save the frame.", "error"); });
+    }, "image/png");
+  }
+  function uploadFrameFile(which, file){
+    if(!file) return;
+    setStatus("Uploading " + which + " frame\\u2026", "");
+    uploadTemporaryBlob(file, file.name || (which + "-frame.png"), file.type || "image/png").then(function(uploaded){
+      setFrame(which, absoluteUrl(uploaded), file.name || (which + " frame")); setStatus((which === "first" ? "Start" : "End") + " frame set.", "success");
+    }).catch(function(err){ setStatus(err && err.message ? err.message : "Couldn't upload the frame.", "error"); });
+  }
+
+  // ===== attachments (global prompt refs) =====
+  function renderAttachChips(){
+    if(!attachChips) return; attachChips.innerHTML = "";
+    attachments.forEach(function(att){
+      var chip = document.createElement("span"); chip.className = "editor-inpaint-attachment-chip";
+      var img = document.createElement("img"); img.src = att.url; img.alt = ""; chip.appendChild(img);
+      var label = document.createElement("span"); label.textContent = att.fileName || "reference"; chip.appendChild(label);
+      var x = document.createElement("button"); x.type = "button"; x.textContent = "\\u00d7"; x.setAttribute("aria-label", "Remove reference"); x.addEventListener("click", function(){ attachments = attachments.filter(function(a){ return a.id !== att.id; }); renderAttachChips(); });
+      chip.appendChild(x); attachChips.appendChild(chip);
+    });
+  }
+  function addAttachmentFiles(files){
+    var selected = Array.prototype.slice.call(files || []); if(!selected.length) return;
+    if(attachments.length + selected.length > maxAttachments){ setStatus("Use up to " + maxAttachments + " reference images.", "error"); return; }
+    setStatus("Uploading reference image\\u2026", "");
+    var chain = Promise.resolve();
+    selected.forEach(function(file){
+      chain = chain.then(function(){
+        if(!allowedAttachTypes[file.type]) throw new Error("Reference attachments must be JPEG, PNG, or WebP.");
+        return uploadTemporaryBlob(file, file.name || "reference.png", file.type || "image/png").then(function(uploaded){
+          attachments.push({ id: uid("att_"), fileName: file.name || "reference.png", url: absoluteUrl(uploaded) });
+        });
+      });
+    });
+    chain.then(function(){ renderAttachChips(); setStatus("Reference image ready.", "success"); }).catch(function(err){ setStatus(err && err.message ? err.message : "Unable to upload reference image.", "error"); });
+  }
+
+  // ===== instruction compiler =====
+  function regionLabel(mask){
+    if(!mask.strokes.length) return "";
+    var minX = 1, minY = 1, maxX = 0, maxY = 0, any = false;
+    mask.strokes.forEach(function(s){ s.points.forEach(function(p){ any = true; if(p.x < minX) minX = p.x; if(p.y < minY) minY = p.y; if(p.x > maxX) maxX = p.x; if(p.y > maxY) maxY = p.y; }); });
+    if(!any) return "";
+    var cx = (minX + maxX) / 2, cy = (minY + maxY) / 2;
+    var h = cx < 0.34 ? "left" : (cx > 0.66 ? "right" : "center");
+    var v = cy < 0.34 ? "top" : (cy > 0.66 ? "bottom" : "middle");
+    if(v === "middle" && h === "center") return "center";
+    if(v === "middle") return h;
+    if(h === "center") return v;
+    return v + "-" + h;
+  }
+  function buildVideoInstruction(){
+    var whole = globalPrompt ? globalPrompt.value.trim() : "";
+    var timed = masks.map(function(m){ return { time: m.timeSec, region: regionLabel(m), prompt: String(m.prompt || "").trim() }; }).filter(function(x){ return x.prompt; });
+    if(!whole && !timed.length) return "";
+    var attNotes = attachments.map(function(a, i){ return "reference image " + (i + 1) + " (" + (a.fileName || "attachment") + ")"; });
+    var lines = [
+      "VIDEO EDITING BRIEF:",
+      "You are producing an edited version of an existing clip. Preserve the overall subject, framing, style, pacing, and everything not explicitly changed below; apply only the described edits.",
+      whole ? ("Whole clip: " + whole + ".") : "",
+      timed.length ? ("Timed region edits: " + timed.map(function(x){ return "at " + formatTimecode(x.time) + (x.region ? (" in the " + x.region + " of the frame") : "") + ", " + x.prompt; }).join("; ") + ".") : "",
+      "Match the surrounding lighting, motion, grain, and perspective so each edit blends seamlessly across the given timecodes.",
+      attNotes.length ? ("Reference images: " + attNotes.join("; ") + ". Use each only as visual guidance.") : ""
+    ];
+    return lines.filter(Boolean).join(" ");
+  }
+  function getAspectRatio(){
+    var w = videoEl.videoWidth || 0, h = videoEl.videoHeight || 0;
+    if(!w || !h){
+      // fall back to a frame image's ratio isn't trivial; default to 16:9
+      return "16:9";
+    }
+    var r = w / h;
+    if(Math.abs(r - 1) < 0.08) return "1:1";
+    if(r > 1) return r >= 1.55 ? "16:9" : "4:3";
+    return r <= 0.65 ? "9:16" : "3:4";
+  }
+
+  // ===== output extraction / history =====
+  function extractVideoUrl(payload){
+    var result = (payload && payload.result) || {};
+    var out = result.output || {};
+    var candidate = (out.video && out.video.file_url) || out.primary_file_url || (result.video && result.video.file_url) || result.primary_file_url || (Array.isArray(out.files) ? out.files[0] : "") || (Array.isArray(result.files) ? result.files[0] : "");
+    return candidate || "";
+  }
+  function isPendingStatus(status){ return ["queued","running","waiting_for_provider","waiting_for_child","waiting_for_human"].indexOf(String(status || "")) >= 0; }
+  function pendingKey(jobId){ return "job:" + String(jobId || ""); }
+  function makePending(input){
+    var jobId = String((input && (input.jobId || input.job_id)) || ""); if(!jobId) return null;
+    return { key: pendingKey(jobId), kind: "pending", jobId: jobId, status: String((input && input.status) || "queued"), progress: Number((input && input.progress) || 0), createdAt: String((input && (input.createdAt || input.created_at)) || nowIso()) };
+  }
+  function upsertHistory(item){
+    if(!item || !item.key) return;
+    historyItems = historyItems.filter(function(e){ return e.key !== item.key && (!item.jobId || e.jobId !== item.jobId); });
+    historyItems.unshift(item);
+    historyItems.sort(function(a, b){ return Date.parse(b.createdAt || 0) - Date.parse(a.createdAt || 0); });
+    renderHistory();
+  }
+  function recordSourceHistoryItem(url, name){
+    if(!url) return; var abs; try { abs = absoluteUrl(url); } catch(_){ return; }
+    var key = "source:" + abs;
+    var item = null;
+    for(var i = 0; i < sourceHistoryItems.length; i++){ if(sourceHistoryItems[i].key === key){ item = sourceHistoryItems[i]; break; } }
+    if(!item){ item = { key: key, kind: "source", url: abs, name: name || sourceNameFromUrl(abs), createdAt: nowIso() }; sourceHistoryItems.push(item); }
+    upsertHistory(item);
+  }
+  function reinjectSources(){ sourceHistoryItems.forEach(function(item){ if(!historyItems.some(function(e){ return e.key === item.key; })) historyItems.push(item); }); historyItems.sort(function(a, b){ return Date.parse(b.createdAt || 0) - Date.parse(a.createdAt || 0); }); }
+  function videoDownloadName(prefix, createdAt){ var d = createdAt ? new Date(createdAt) : new Date(); return prefix + "-" + d.getTime() + ".mp4"; }
+  function setHistoryEmpty(message){ historyList.innerHTML = ""; var e = document.createElement("div"); e.className = "custom-inpaint-history-empty"; e.textContent = message; historyList.appendChild(e); }
+  function renderHistory(){
+    historyList.innerHTML = "";
+    var visible = historyItems.filter(function(item){ return !hiddenHistoryKeys[item.key]; });
+    if(!visible.length){ setHistoryEmpty("No generated videos yet."); return; }
+    visible.forEach(function(item){
+      var row = document.createElement("div"); row.className = "custom-inpaint-history-item"; row.dataset.kind = item.kind;
+      var thumb;
+      if(item.kind === "pending"){ thumb = document.createElement("div"); thumb.className = "custom-inpaint-history-generating"; thumb.setAttribute("role", "img"); thumb.setAttribute("aria-label", "Video generating"); }
+      else {
+        thumb = document.createElement("button"); thumb.type = "button"; thumb.className = "custom-inpaint-history-thumb-button"; thumb.dataset.historyPreview = item.key; thumb.setAttribute("aria-label", "Preview video");
+        var v = document.createElement("video"); v.className = "custom-inpaint-history-thumb"; v.src = item.url + "#t=0.1"; v.muted = true; v.preload = "metadata"; v.playsInline = true; thumb.appendChild(v);
+        var badge = document.createElement("span"); badge.className = "custom-inpaint-history-thumb-badge"; badge.innerHTML = PLAY_SVG; thumb.appendChild(badge);
+      }
+      var meta = document.createElement("div"); meta.className = "custom-inpaint-history-meta";
+      var title = document.createElement("div"); title.className = "custom-inpaint-history-title";
+      title.textContent = item.kind === "pending" ? "Generating video" : item.kind === "source" ? "Source video" : (item.createdAt ? new Date(item.createdAt).toLocaleString() : "Generated video");
+      meta.appendChild(title);
+      if(item.kind === "pending"){ var sub = document.createElement("div"); sub.className = "custom-inpaint-history-subtitle"; var pr = Number(item.progress || 0); sub.textContent = "Job " + (item.status || "queued") + (pr > 0 ? " \\u00b7 " + Math.round(pr * 100) + "%" : ""); meta.appendChild(sub); }
+      else if(item.kind === "source"){ var sub2 = document.createElement("div"); sub2.className = "custom-inpaint-history-subtitle"; sub2.textContent = "Where you started" + (item.createdAt ? " \\u00b7 " + new Date(item.createdAt).toLocaleString() : ""); meta.appendChild(sub2); }
+      var actions = document.createElement("div"); actions.className = "custom-inpaint-history-actions";
+      if(item.kind === "pending"){ var check = document.createElement("button"); check.type = "button"; check.className = "custom-inpaint-history-check"; check.dataset.historyCheck = item.jobId || ""; check.textContent = "Check Status"; actions.appendChild(check); }
+      else {
+        var dl = document.createElement("a"); dl.className = "custom-inpaint-history-icon"; dl.href = item.url; dl.target = "_blank"; dl.rel = "noopener noreferrer"; dl.download = videoDownloadName("video", item.createdAt); dl.title = "Download"; dl.innerHTML = ${JSON.stringify(DL_ICON)};
+        var cp = document.createElement("button"); cp.type = "button"; cp.className = "custom-inpaint-history-icon"; cp.dataset.historyCopy = item.key; cp.title = "Copy URL"; cp.innerHTML = ${JSON.stringify(COPY_ICON)};
+        var sv = document.createElement("button"); sv.type = "button"; sv.className = "custom-inpaint-history-icon"; sv.dataset.historySave = item.key; sv.title = "Save to Files"; sv.innerHTML = "<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='M5 4h8l2 2v10H5z'></path><path d='M8 4v4h4V4'></path><path d='M8 12h4'></path></svg>";
+        actions.appendChild(dl); actions.appendChild(cp); actions.appendChild(sv);
+      }
+      var rm = document.createElement("button"); rm.type = "button"; rm.className = "custom-inpaint-history-icon"; rm.dataset.historyRemove = item.key; rm.title = "Remove"; rm.innerHTML = ${JSON.stringify(CLOSE_ICON)}; actions.appendChild(rm);
+      meta.appendChild(actions);
+      var confirm = document.createElement("div"); confirm.className = "custom-inpaint-history-popconfirm"; confirm.hidden = true; confirm.dataset.historyConfirm = item.key;
+      var ctext = document.createElement("p"); ctext.textContent = "Remove from this history strip?";
+      var cacts = document.createElement("div"); cacts.className = "custom-inpaint-history-popconfirm-actions";
+      var cancel = document.createElement("button"); cancel.type = "button"; cancel.dataset.historyCancel = item.key; cancel.textContent = "Cancel";
+      var confirmRemove = document.createElement("button"); confirmRemove.type = "button"; confirmRemove.dataset.historyConfirmRemove = item.key; confirmRemove.dataset.danger = "true"; confirmRemove.textContent = "Remove";
+      cacts.appendChild(cancel); cacts.appendChild(confirmRemove); confirm.appendChild(ctext); confirm.appendChild(cacts);
+      row.appendChild(thumb); row.appendChild(meta); row.appendChild(confirm); historyList.appendChild(row);
+    });
+  }
+  function historyEntryUrls(entry){
+    var urls = (entry && entry.outputMediaUrls) || [];
+    return urls.filter(function(u){ return /\\.(mp4|webm|mov|m4v)(\\?|#|$)/i.test(String(u || "")); });
+  }
+  function isVideoEntry(entry){
+    var tid = String((entry && entry.linkedJob && (entry.linkedJob.template_id || entry.linkedJob.templateId)) || "").toLowerCase();
+    var path = String((entry && entry.path) || "").toLowerCase();
+    return tid === "primitive:video_generate" || path.indexOf("/primitives/videos/generate") >= 0 || path.indexOf("/primitives/video_generate") >= 0;
+  }
+  function extractHistoryItems(entries){
+    var items = []; var seen = {};
+    (entries || []).forEach(function(entry){
+      if(!isVideoEntry(entry)) return;
+      var linked = entry.linkedJob || null;
+      if(linked && isPendingStatus(linked.status)){
+        var p = makePending({ job_id: linked.job_id, status: linked.status, progress: linked.progress, created_at: linked.created_at || entry.createdAt });
+        if(p && !seen[p.key]){ seen[p.key] = 1; items.push(p); } return;
+      }
+      historyEntryUrls(entry).forEach(function(raw, index){
+        var url; try { url = absoluteUrl(raw); } catch(_){ return; }
+        var key = String(entry.jobId || entry.job_id || entry.id || "video") + ":" + index + ":" + url;
+        if(seen[key]) return; seen[key] = 1;
+        items.push({ key: key, kind: "output", jobId: String(entry.jobId || entry.job_id || (entry.linkedJob && entry.linkedJob.job_id) || ""), url: url, createdAt: String(entry.createdAt || nowIso()) });
+      });
+    });
+    return items;
+  }
+  function loadHistory(){
+    var tracer = resolveTracer();
+    if(!tracer){ historyItems = []; reinjectSources(); renderHistory(); 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; });
+  }
+  function applyCompletedJob(payload){
+    var out = extractVideoUrl(payload); if(!out) return "";
+    var url = absoluteUrl(out); var jobId = String((payload && (payload.job_id || payload.jobId)) || "");
+    resultVideo.src = url; outputPanel.hidden = false;
+    upsertHistory({ key: String(jobId || "video") + ":0:" + url, kind: "output", jobId: jobId, url: url, createdAt: String((payload && (payload.completed_at || payload.updated_at)) || nowIso()) });
+    return url;
+  }
+
+  // ===== job status / polling =====
+  function checkJobStatus(jobId, button){
+    if(!jobId) return;
+    if(button){ button.disabled = true; button.textContent = "Checking"; }
+    fetch("/api/v1/primitives/video_generate/jobs/" + encodeURIComponent(jobId), { credentials: "same-origin" }).then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); }).then(function(res){
+      var payload = res.p; if(!res.ok) throw new Error(payload.error || "Unable to check job.");
+      if(payload.status === "failed" || payload.status === "cancelled") throw new Error((payload.error && payload.error.message) || ("Video job " + payload.status + "."));
+      var out = extractVideoUrl(payload);
+      if(payload.status === "succeeded" || payload.status === "complete" || out){ if(!applyCompletedJob(payload)) throw new Error("Completed without an output URL."); setStatus("Video ready.", "success"); return; }
+      upsertHistory(makePending(payload)); setStatus("Video job " + jobId + " is " + (payload.status || "running") + ".", "");
+    }).catch(function(err){ setStatus(err && err.message ? err.message : "Unable to check job.", "error"); }).then(function(){ if(button){ button.disabled = false; button.textContent = "Check Status"; } });
+  }
+  function pollJob(jobId){
+    var attempt = 0;
+    function step(){
+      return fetch("/api/v1/primitives/video_generate/jobs/" + encodeURIComponent(jobId), { credentials: "same-origin" }).then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); }).then(function(res){
+        var payload = res.p; if(!res.ok) throw new Error(payload.error || "Unable to poll job.");
+        if(payload.status === "failed" || payload.status === "cancelled") throw new Error((payload.error && payload.error.message) || ("Video job " + payload.status + "."));
+        var out = extractVideoUrl(payload);
+        if(payload.status === "succeeded" || payload.status === "complete" || out){ if(!out) throw new Error("Completed without an output URL."); applyCompletedJob(payload); setStatus("Video ready.", "success"); return out; }
+        upsertHistory(makePending(payload)); setStatus("Video job " + jobId + " is " + (payload.status || "running") + " (this can take a few minutes)\\u2026", "");
+        attempt++; if(attempt >= 120){ setStatus("Still running \\u2014 use Check Status in History.", ""); return ""; }
+        return new Promise(function(res2){ setTimeout(res2, attempt < 8 ? 2000 : 4000); }).then(step);
+      });
+    }
+    return step();
+  }
+
+  function frameImagesPayload(){
+    var arr = [];
+    if(frames.first && frames.first.url) arr.push({ image_url: frames.first.url, frame_type: "first_frame" });
+    if(frames.last && frames.last.url) arr.push({ image_url: frames.last.url, frame_type: "last_frame" });
+    return arr;
+  }
+  function setSubmitLoading(loading){ submitBtn.setAttribute("data-loading", loading ? "true" : "false"); submitBtn.disabled = loading; if(submitLabel) submitLabel.textContent = loading ? "Generating\\u2026" : "Generate video"; }
+
+  function submitGenerate(){
+    if(submitBtn.disabled) return;
+    var instruction = buildVideoInstruction();
+    if(!instruction){ setStatus("Add a video prompt or a mask instruction first.", "error"); return; }
+    var frameImgs = frameImagesPayload();
+    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();
+    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 }) })
+      .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(); })
+      .catch(function(err){ setStatus(err && err.message ? err.message : "Unable to create video.", "error"); })
+      .then(function(){ setSubmitLoading(false); });
+  }
+
+  // ===== lightbox =====
+  function openVideoPreview(url, label, downloadName){
+    if(!lightbox || !lightboxVideo) return;
+    lightboxVideo.src = url; if(lightboxTitle) lightboxTitle.textContent = label || "Video output";
+    if(lightboxDownload){ lightboxDownload.href = url; lightboxDownload.setAttribute("download", downloadName || "video.mp4"); }
+    lightbox.hidden = false; lightbox.setAttribute("data-open", "true");
+  }
+  function closeVideoPreview(){ if(!lightbox) return; lightbox.setAttribute("data-open", "false"); lightbox.hidden = true; if(lightboxVideo){ try { lightboxVideo.pause(); } catch(_){} lightboxVideo.removeAttribute("src"); lightboxVideo.load(); } }
+
+  // ===== settings / sessions =====
+  function openSettings(){ if(settingsModal) settingsModal.hidden = false; }
+  function closeSettings(){ if(settingsModal) settingsModal.hidden = true; }
+  function openSessions(){ if(sessionsPanel) sessionsPanel.classList.add("is-open"); if(sessionsBackdrop) sessionsBackdrop.hidden = false; loadSessions(); }
+  function closeSessions(){ if(sessionsPanel) sessionsPanel.classList.remove("is-open"); if(sessionsBackdrop) sessionsBackdrop.hidden = true; }
+  function relTimeShort(value){ var then = Date.parse(value || 0); if(!then) return ""; var secs = Math.max(0, Math.floor((Date.now() - then) / 1000)); if(secs < 60) return "just now"; var m = Math.floor(secs / 60); if(m < 60) return m + "m ago"; var h = Math.floor(m / 60); if(h < 24) return h + "h ago"; var d = Math.floor(h / 24); if(d < 7) return d + "d ago"; return new Date(then).toLocaleDateString(); }
+  var sessionsLoading = false;
+  function loadSessions(){
+    if(!sessionsList || sessionsLoading) return; sessionsLoading = true;
+    var endpoint = new URL("/job-runs/history", window.location.origin); endpoint.searchParams.set("limit", "500");
+    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 sessions.");
+      var groups = {}; var order = [];
+      (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(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); });
+      renderSessions(list);
+    }).catch(function(err){ renderSessions([], err && err.message ? err.message : "Unable to load sessions."); }).then(function(){ sessionsLoading = false; });
+  }
+  function renderSessions(groups, message){
+    if(!sessionsList) return; sessionsList.innerHTML = "";
+    if(message){ var n = document.createElement("div"); n.className = "rk-ip-sessions-empty"; n.textContent = message; sessionsList.appendChild(n); return; }
+    if(!groups.length){ var e = document.createElement("div"); e.className = "rk-ip-sessions-empty"; e.textContent = "No past sessions yet. Generate a video to start one."; sessionsList.appendChild(e); return; }
+    var active = resolveTracer();
+    groups.forEach(function(group){
+      var row = document.createElement("button"); row.type = "button"; row.className = "rk-ip-session" + (group.tracer === active ? " is-active" : ""); row.dataset.sessionTracer = group.tracer;
+      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 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 : "");
+      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 + ".", "");
+  }
+
+  // ===== reset =====
+  function resetWorkspace(){
+    clearSourceObjectUrl(); sourceVideoUrl = ""; sourceVideoName = "";
+    try { videoEl.pause(); } catch(_){} videoEl.removeAttribute("src"); videoEl.load();
+    masks = []; activeMaskId = ""; frames = { first: null, last: null };
+    ["first","last"].forEach(function(w){ var img = document.querySelector('[data-ipv-frame-img="' + w + '"]'); var ph = document.querySelector('[data-ipv-frame-ph="' + w + '"]'); if(img){ img.hidden = true; img.removeAttribute("src"); } if(ph) ph.style.display = ""; });
+    if(globalPrompt) globalPrompt.value = ""; attachments = []; renderAttachChips();
+    outputPanel.hidden = true; resultVideo.removeAttribute("src");
+    emptyState.hidden = false; if(player) player.hidden = true;
+    canvas.width = 1; canvas.height = 1; renderMasks();
+    if(scrub) scrub.value = "0"; if(timecodeInput) timecodeInput.value = "00:00:000"; if(durationEl) durationEl.textContent = "/ 00:00:000";
+  }
+  function startNew(){
+    sessionTracer = ""; tracerAutoPending = true; if(tracerInput) tracerInput.value = "";
+    clearUrlParams(); resetWorkspace(); loadHistory(); loadSessions();
+    setStatus("Started a new session.", "");
+  }
+  function clearUrlParams(){
+    var url = new URL(window.location.href);
+    ["tracer","tracer_id","trace","source_video_url","video_url","source_url","source_video_name","video_name","file_name","source_image_url"].forEach(function(k){ url.searchParams.delete(k); });
+    window.history.replaceState({}, "", url.toString());
+  }
+  function firstParam(names){ var params = new URLSearchParams(window.location.search); for(var i = 0; i < names.length; i++){ var v = params.get(names[i]); if(v && v.trim()) return v.trim(); } return ""; }
+  function initFromUrl(){
+    var urlTracer = firstParam(["tracer","tracer_id","trace"]);
+    if(urlTracer){ sessionTracer = urlTracer; if(tracerInput) tracerInput.value = urlTracer; tracerAutoPending = false; }
+    var src = firstParam(["source_video_url","video_url","source_url"]);
+    if(src){ var nm = firstParam(["source_video_name","video_name","file_name"]); loadSourceUrl(src, nm); recordSourceHistoryItem(src, nm); }
+  }
+
+  // ===== timeline sync =====
+  function syncTimeline(){
+    var d = videoEl.duration || 0; var t = videoEl.currentTime || 0;
+    if(scrub && document.activeElement !== scrub){ scrub.value = String(d > 0 ? Math.round((t / d) * 1000) : 0); }
+    if(timecodeInput && document.activeElement !== timecodeInput){ timecodeInput.value = formatTimecode(t); }
+  }
+  function tick(){ if(!videoEl.paused && !videoEl.ended){ syncTimeline(); redraw(); requestAnimationFrame(tick); } }
+
+  // ===== wire events =====
+  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);
+  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(); } });
+  if(redoBtn) redoBtn.addEventListener("click", function(){ var m = activeMask(); if(m && m.redo.length){ m.strokes.push(m.redo.pop()); redraw(); syncUndoRedo(); } });
+  if(clearBtn) clearBtn.addEventListener("click", function(){ var m = activeMask(); if(m){ m.redo = m.strokes.concat(m.redo); m.strokes = []; redraw(); syncUndoRedo(); } });
+  if(attachBtn && attachInput){ attachBtn.addEventListener("click", function(){ attachInput.click(); }); attachInput.addEventListener("change", function(){ addAttachmentFiles(attachInput.files); attachInput.value = ""; }); }
+  if(submitBtn) submitBtn.addEventListener("click", submitGenerate);
+
+  masksList.addEventListener("click", function(event){
+    var t = event.target; if(!(t instanceof Element)) return;
+    var sel = t.closest("[data-mask-select]"); if(sel){ selectMask(sel.getAttribute("data-mask-select")); return; }
+    var seek = t.closest("[data-mask-seek]"); if(seek){ var id = seek.getAttribute("data-mask-seek"); var m = null; masks.forEach(function(x){ if(x.id === id) m = x; }); if(m){ selectMask(id); if(videoEl.duration) videoEl.currentTime = Math.min(videoEl.duration, m.timeSec); syncTimeline(); redraw(); } return; }
+    var setT = t.closest("[data-mask-settime]"); if(setT){ var id2 = setT.getAttribute("data-mask-settime"); masks.forEach(function(x){ if(x.id === id2) x.timeSec = videoEl.currentTime || 0; }); renderMasks(); redraw(); return; }
+    var rm = t.closest("[data-mask-remove]"); if(rm){ removeMask(rm.getAttribute("data-mask-remove")); return; }
+  });
+  masksList.addEventListener("input", function(event){
+    var t = event.target; if(!(t instanceof Element)) return;
+    var ta = t.closest("[data-mask-prompt]"); if(ta){ var id = ta.getAttribute("data-mask-prompt"); masks.forEach(function(m){ if(m.id === id) m.prompt = ta.value; }); }
+  });
+  masksList.addEventListener("focusin", function(event){
+    var t = event.target; if(!(t instanceof Element)) return;
+    var ta = t.closest("[data-mask-prompt]"); if(ta){ var id = ta.getAttribute("data-mask-prompt"); if(id !== activeMaskId){ activeMaskId = id; var m = activeMask(); if(m && colorPicker) colorPicker.value = m.color; masksList.querySelectorAll(".rk-ipv-mask").forEach(function(r){ r.setAttribute("data-active", r.dataset.maskId === id ? "true" : "false"); }); redraw(); } }
+  });
+
+  // frame slot buttons
+  document.querySelectorAll("[data-ipv-frame-upload]").forEach(function(btn){ btn.addEventListener("click", function(){ pendingFrameSlot = btn.getAttribute("data-ipv-frame-upload"); if(frameInput) frameInput.click(); }); });
+  document.querySelectorAll("[data-ipv-frame-capture]").forEach(function(btn){ btn.addEventListener("click", function(){ captureCurrentFrame(btn.getAttribute("data-ipv-frame-capture")); }); });
+  document.querySelectorAll("[data-ipv-frame-open]").forEach(function(btn){ btn.addEventListener("click", function(){ var w = btn.getAttribute("data-ipv-frame-open"); if(frames[w] && frames[w].url){ window.open(frames[w].url, "_blank", "noopener,noreferrer"); } }); });
+  if(frameInput) frameInput.addEventListener("change", function(){ if(pendingFrameSlot && frameInput.files && frameInput.files[0]) uploadFrameFile(pendingFrameSlot, frameInput.files[0]); pendingFrameSlot = null; frameInput.value = ""; });
+
+  // canvas painting
+  canvas.addEventListener("pointerdown", beginStroke);
+  canvas.addEventListener("pointermove", continueStroke);
+  canvas.addEventListener("pointerup", endStroke);
+  canvas.addEventListener("pointercancel", endStroke);
+  canvas.addEventListener("pointerleave", function(){ hideBrushCursor(); });
+  canvas.addEventListener("pointerenter", updateBrushCursorPos);
+
+  // player controls
+  if(playpause) playpause.addEventListener("click", function(){ if(videoEl.paused){ videoEl.play(); } else { videoEl.pause(); } });
+  videoEl.addEventListener("play", function(){ if(playpause) playpause.innerHTML = PAUSE_SVG; requestAnimationFrame(tick); });
+  videoEl.addEventListener("pause", function(){ if(playpause) playpause.innerHTML = PLAY_SVG; syncTimeline(); redraw(); });
+  videoEl.addEventListener("ended", function(){ if(playpause) playpause.innerHTML = PLAY_SVG; });
+  videoEl.addEventListener("timeupdate", function(){ if(videoEl.paused){ syncTimeline(); redraw(); } });
+  videoEl.addEventListener("seeked", function(){ syncTimeline(); redraw(); });
+  if(scrub) scrub.addEventListener("input", function(){ var d = videoEl.duration || 0; if(d > 0){ videoEl.currentTime = (Number(scrub.value) / 1000) * d; } });
+  if(timecodeInput){
+    timecodeInput.addEventListener("change", function(){ var t = parseTimecode(timecodeInput.value); if(!isNaN(t) && videoEl.duration){ videoEl.currentTime = Math.max(0, Math.min(videoEl.duration, t)); } });
+    timecodeInput.addEventListener("keydown", function(e){ if(e.key === "Enter"){ e.preventDefault(); timecodeInput.blur(); } });
+  }
+  if(timecodeCopy) timecodeCopy.addEventListener("click", function(){ copyText(timecodeInput ? timecodeInput.value : formatTimecode(videoEl.currentTime || 0)).then(function(ok){ timecodeCopy.setAttribute("title", ok ? "Copied" : "Copy failed"); setTimeout(function(){ timecodeCopy.setAttribute("title", "Copy timecode"); }, 1200); }); });
+
+  // history interactions
+  historyList.addEventListener("click", function(event){
+    var t = event.target; if(!(t instanceof Element)) return;
+    var prev = t.closest("[data-history-preview]"); if(prev){ var key = prev.getAttribute("data-history-preview"); var it = historyItems.find(function(e){ return e.key === key; }); if(it) openVideoPreview(it.url, it.createdAt ? new Date(it.createdAt).toLocaleString() : "Video output", videoDownloadName("video-history", it.createdAt)); return; }
+    var cp = t.closest("[data-history-copy]"); if(cp){ var k2 = cp.getAttribute("data-history-copy"); var it2 = historyItems.find(function(e){ return e.key === k2; }); if(it2) copyText(it2.url).then(function(ok){ cp.setAttribute("title", ok ? "Copied" : "Copy failed"); setTimeout(function(){ cp.setAttribute("title", "Copy URL"); }, 1200); }); return; }
+    var sv = t.closest("[data-history-save]"); if(sv){ var k3 = sv.getAttribute("data-history-save"); var it3 = historyItems.find(function(e){ return e.key === k3; }); if(it3 && it3.url) saveMediaToFiles(it3.url, videoDownloadName("video-output", it3.createdAt)); return; }
+    var ck = t.closest("[data-history-check]"); if(ck){ checkJobStatus(ck.getAttribute("data-history-check"), ck); return; }
+    var rm = t.closest("[data-history-remove]"); if(rm){ var key4 = rm.getAttribute("data-history-remove"); var confirm = historyList.querySelector('[data-history-confirm="' + (window.CSS && CSS.escape ? CSS.escape(key4) : key4) + '"]'); if(confirm){ confirm.hidden = !confirm.hidden; } return; }
+    var cancel = t.closest("[data-history-cancel]"); if(cancel){ var c = cancel.closest("[data-history-confirm]"); if(c) c.hidden = true; return; }
+    var conf = t.closest("[data-history-confirm-remove]"); if(conf){ var key5 = conf.getAttribute("data-history-confirm-remove"); if(key5){ hiddenHistoryKeys[key5] = 1; renderHistory(); } return; }
+  });
+  if(historyRefresh) historyRefresh.addEventListener("click", loadHistory);
+
+  // save result
+  if(saveBtn) saveBtn.addEventListener("click", function(){ if(resultVideo.src) saveMediaToFiles(resultVideo.currentSrc || resultVideo.src, videoDownloadName("video-result")); });
+
+  // settings + sessions
+  if(settingsBtn) settingsBtn.addEventListener("click", openSettings);
+  if(settingsClose) settingsClose.addEventListener("click", closeSettings);
+  if(settingsModal) settingsModal.addEventListener("click", function(e){ if(e.target === settingsModal) closeSettings(); });
+  if(sessionsToggle) sessionsToggle.addEventListener("click", function(){ if(sessionsPanel && sessionsPanel.classList.contains("is-open")) closeSessions(); else openSessions(); });
+  if(sessionsClose) sessionsClose.addEventListener("click", closeSessions);
+  if(sessionsBackdrop) sessionsBackdrop.addEventListener("click", closeSessions);
+  if(sessionsList) sessionsList.addEventListener("click", function(event){ var t = event.target; if(!(t instanceof Element)) return; var row = t.closest("[data-session-tracer]"); if(row) switchToTracer(row.getAttribute("data-session-tracer")); });
+
+  // lightbox close
+  if(lightboxClose) lightboxClose.addEventListener("click", closeVideoPreview);
+  if(lightbox) lightbox.addEventListener("click", function(e){ if(e.target === lightbox) closeVideoPreview(); });
+  if(lightboxCopy) lightboxCopy.addEventListener("click", function(){ if(lightboxVideo && lightboxVideo.src) copyText(lightboxVideo.src).then(function(ok){ lightboxCopy.setAttribute("title", ok ? "Copied" : "Copy failed"); setTimeout(function(){ lightboxCopy.setAttribute("title", "Copy URL"); }, 1200); }); });
+
+  window.addEventListener("resize", syncCanvasSize);
+  window.addEventListener("keydown", function(e){ if(e.key !== "Escape") return; if(lightbox && lightbox.getAttribute("data-open") === "true"){ closeVideoPreview(); return; } if(settingsModal && !settingsModal.hidden){ closeSettings(); return; } if(sessionsPanel && sessionsPanel.classList.contains("is-open")){ closeSessions(); return; } });
+
+  // drag-drop video onto empty state
+  if(emptyState){
+    ["dragenter","dragover"].forEach(function(ev){ emptyState.addEventListener(ev, function(e){ e.preventDefault(); }); });
+    emptyState.addEventListener("drop", function(e){ e.preventDefault(); var f = e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files[0]; if(f && /^video\\//.test(f.type)) loadSourceFile(f); });
+  }
+
+  // ===== text-to-video composer =====
+  var genPrompt = document.getElementById("rk-ipv-genprompt");
+  var genClip = document.getElementById("rk-ipv-genclip");
+  var genSend = document.getElementById("rk-ipv-gensend");
+  var genRefsEl = document.getElementById("rk-ipv-genrefs");
+  var genStatusEl = document.getElementById("rk-ipv-genstatus");
+  var genWrap = document.getElementById("rk-ipv-gen");
+  var GEN_SEND_HTML = genSend ? genSend.innerHTML : "";
+  var genRefs = []; var genBusy = false; var genFileModal = null;
+  function setGenStatus(m, t){ if(!genStatusEl) return; genStatusEl.textContent = m || ""; genStatusEl.setAttribute("data-tone", t || ""); }
+  function syncGenSend(){ if(genPrompt) genPrompt.disabled = genBusy; if(genClip) genClip.disabled = genBusy; if(!genSend) return; if(genBusy){ genSend.classList.add("is-busy"); genSend.innerHTML = "<span class='rk-ip-gen-spin'></span>"; } else { genSend.classList.remove("is-busy"); genSend.innerHTML = GEN_SEND_HTML; } genSend.disabled = genBusy || !(genPrompt && genPrompt.value.trim()); }
+  function renderGenRefs(){ if(!genRefsEl) return; genRefsEl.innerHTML = ""; if(!genRefs.length){ genRefsEl.hidden = true; return; } genRefsEl.hidden = false; genRefs.forEach(function(url, idx){ var chip = document.createElement("span"); chip.className = "rk-ip-gen-ref"; var img = document.createElement("img"); img.src = url; img.alt = ""; chip.appendChild(img); var label = document.createElement("span"); label.textContent = sourceNameFromUrl(url); chip.appendChild(label); var x = document.createElement("button"); x.type = "button"; x.textContent = "\\u00d7"; x.addEventListener("click", function(){ genRefs.splice(idx, 1); renderGenRefs(); }); chip.appendChild(x); genRefsEl.appendChild(chip); }); }
+  function closeGenFilePanel(){ if(genFileModal){ try { genFileModal._handle && genFileModal._handle.destroy && genFileModal._handle.destroy(); } catch(_){} genFileModal.remove(); genFileModal = null; document.removeEventListener("keydown", onGenFileEsc, true); } }
+  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,
+      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(); } });
+  }
+  function pollGenerateJob(jobId){
+    var attempt = 0;
+    function step(){
+      return fetch("/api/v1/primitives/video_generate/jobs/" + encodeURIComponent(jobId), { credentials: "same-origin" }).then(function(r){ return parseJsonResponse(r).then(function(p){ return { ok: r.ok, p: p }; }); }).then(function(res){
+        var payload = res.p; if(!res.ok) throw new Error(payload.error || "Unable to poll job.");
+        if(payload.status === "failed" || payload.status === "cancelled") throw new Error((payload.error && payload.error.message) || ("Video job " + payload.status + "."));
+        var out = extractVideoUrl(payload);
+        if(payload.status === "succeeded" || payload.status === "complete" || out){ if(!out) throw new Error("Completed without an output URL."); return absoluteUrl(out); }
+        setGenStatus("Generating video (" + (payload.status || "running") + ")\\u2026 this can take a few minutes", "");
+        attempt++; if(attempt >= 120){ setGenStatus("Still running \\u2014 check History shortly.", ""); return ""; }
+        return new Promise(function(res2){ setTimeout(res2, attempt < 8 ? 2000 : 4000); }).then(step);
+      });
+    }
+    return step();
+  }
+  function submitGenerateNew(){
+    var p = (genPrompt && genPrompt.value || "").trim();
+    if(!p){ setGenStatus("Describe the video to generate.", "error"); if(genPrompt) genPrompt.focus(); return; }
+    if(genBusy) return; genBusy = true; syncGenSend(); if(genWrap) genWrap.classList.add("is-busy");
+    setGenStatus("Creating video\\u2026", "");
+    var payload = { prompt: p, output_format: "mp4" };
+    var frameImgs = frameImagesPayload(); if(frameImgs.length) payload.frame_images = frameImgs;
+    if(genRefs.length) payload.input_references = genRefs.slice();
+    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;
+    var genTracer = tracerAutoPending ? nameTracerFromSeed(p) : getTracerValue();
+    fetch("/api/v1/primitives/videos/generate", { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" }, body: JSON.stringify({ tracer: genTracer, payload: payload }) })
+      .then(function(r){ return parseJsonResponse(r).then(function(j){ return { ok: r.ok, j: j }; }); })
+      .then(function(res){ if(!res.ok || !res.j.job_id) throw new Error(res.j.error || "Unable to start video generation."); upsertHistory(makePending(res.j)); return pollGenerateJob(res.j.job_id); })
+      .then(function(out){ if(out){ loadSourceUrl(out, "Generated video"); recordSourceHistoryItem(out, "Generated video"); setGenStatus("Video generated. Scrub and paint timed masks to refine.", "success"); setStatus("Generated video loaded.", "success"); loadHistory(); } })
+      .catch(function(err){ var msg = (err && err.message) ? err.message : "Unable to generate video."; if(/401|403|sign in|unauth/i.test(msg)) msg = "Sign in to generate videos."; setGenStatus(msg, "error"); })
+      .then(function(){ genBusy = false; if(genWrap) genWrap.classList.remove("is-busy"); syncGenSend(); });
+  }
+  if(genPrompt){ genPrompt.addEventListener("input", syncGenSend); genPrompt.addEventListener("keydown", function(e){ if(e.key === "Enter" && !e.shiftKey){ e.preventDefault(); submitGenerateNew(); } }); }
+  if(genClip) genClip.addEventListener("click", openGenFilePanel);
+  if(genSend) genSend.addEventListener("click", submitGenerateNew);
+  renderGenRefs(); syncGenSend();
+
+  // ===== boot =====
+  renderMasks();
+  loadProviders();
+  initFromUrl();
+  loadHistory();
+})();
+`;
+//# sourceMappingURL=inpaint-video-page.js.map