@mevdragon/vidfarm-devcli 0.20.5 → 0.20.8

package/dist/src/reskin/chat-page.js

@@ -1,942 +0,0 @@
-// /reskin/chat — the AI brainstorm chat, MIGRATED from a static mockup into a
-// REAL working chat wired to the live editor-chat backend.
-//
-// Like settings-page.ts, this renderer accepts the SAME input object the live
-// chat route already builds (`Parameters<typeof renderChatPage>[0]`). The
-// `input.editorChat` boot carries the REAL streaming endpoint, the vidfarm API
-// key, the template context, and the cached context the agent needs — we embed
-// that boot as JSON in the page and the composer POSTs straight to it.
-//
-// What's REAL: the composer sends the user's message to the real editor-chat
-// endpoint (`boot.apiUrl`, with the `vidfarm-api-key` header + same-origin
-// creds + the correct body shape) and renders the streamed assistant reply
-// (SSE `text-delta` events). What's SIMPLIFIED: tool calls are rendered as
-// plain status notes (no rich artifact/HTTP cards), attachments are not wired,
-// and there is no thread-history sidebar (the boot carries no history). The
-// design stays farmville — shared rk-* primitives + a page-scoped rk-chat-
-// block + one self-contained script. No app.ts imports.
-import { reskinDocument, rkEscape } from "./document.js";
-// Default keeps the current zero-arg route (`renderReskinChat()`) compiling.
-// With no editorChat boot the composer degrades gracefully: it renders the
-// user bubble + a friendly "endpoint not available" reply instead of throwing.
-const DEFAULT_INPUT = {
-    userId: "",
-    currentAccountId: "",
-    name: null,
-    email: "",
-    editorChat: null
-};
-// ── icons ───────────────────────────────────────────────────────────────────
-const SEND = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12l16-8-6 16-2.5-6.5L4 12Z"/></svg>`;
-const STOP = `<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2.5"/></svg>`;
-const CLIP = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>`;
-export function renderReskinChat(input = DEFAULT_INPUT, opts = {}) {
-    const boot = input.editorChat ?? null;
-    const initialThreadId = opts.initialThreadId ?? null;
-    // Embed the real boot as JSON. Escaping only `<` is the correct (and
-    // sufficient) way to keep a `<script type="application/json">` block from
-    // breaking out; HTML-entity escaping would corrupt JSON.parse.
-    const bootJson = JSON.stringify(boot).replace(/</g, "\\u003c");
-    const body = `
-<main class="rk-chat-page"${initialThreadId ? ` data-initial-thread="${rkEscape(initialThreadId)}"` : ""}>
-  <aside class="rk-chat-history" id="rk-chat-history" aria-label="Chat history">
-    <div class="rk-chat-history-head">
-      <span class="rk-chat-history-title">Chats</span>
-      <button type="button" class="rk-chat-newbtn" id="rk-chat-new"><span class="rk-chat-plus" aria-hidden="true">＋</span> New</button>
-    </div>
-    <div class="rk-chat-history-list" id="rk-chat-history-list"></div>
-  </aside>
-  <div class="rk-chat-histbackdrop" id="rk-chat-histbackdrop" hidden></div>
-  <div class="rk-chat-main">
-    <div class="rk-chat-col">
-      <header class="rk-chat-head">
-        <button type="button" class="rk-chat-histtoggle" id="rk-chat-histtoggle" aria-label="Show chat history">☰</button>
-        <div class="rk-chat-head-titles">
-          <h1 class="rk-chat-title" id="rk-chat-title">Chat with Agent</h1>
-        </div>
-        <div class="rk-chat-head-actions">
-          <label class="rk-chat-mode" aria-label="Studio mode">
-            <select class="rk-chat-mode-select" id="rk-chat-mode">
-              <option value="/chat" selected>Chat</option>
-              <option value="/tools/image">Create Image</option>
-              <option value="/editor/original/fork/new">Create Video</option>
-              <option value="/tools/clipper">Clip Media</option>
-            </select>
-            <span class="rk-chat-mode-chev" aria-hidden="true">&#9662;</span>
-          </label>
-        </div>
-      </header>
-
-      <div class="rk-chat-thread" id="rk-chat-thread"></div>
-
-      <div class="rk-chat-dock">
-        <div class="rk-chat-chips" id="rk-chat-chips" aria-label="Attached files"></div>
-        <div class="rk-chat-composer" id="rk-chat-composer">
-          <textarea id="rk-chat-input" class="rk-chat-input" rows="3"
-            placeholder="Describe your offer, audience, or the problem to solve…"></textarea>
-          <div class="rk-chat-composer-actions">
-            <button type="button" class="rk-chat-attach" id="rk-chat-attach" aria-label="Attach a file" title="Attach a file">${CLIP}</button>
-            <button type="button" class="rk-btn rk-btn-gold rk-chat-send" id="rk-chat-send">Send ${SEND}</button>
-          </div>
-        </div>
-        <p class="rk-chat-hint"><kbd>Enter</kbd> to send · <kbd>Shift</kbd>+<kbd>Enter</kbd> for a new line</p>
-      </div>
-    </div>
-  </div>
-  <script type="application/json" id="rk-chat-boot">${bootJson}</script>
-</main>`;
-    const pageCss = `
-/* ── two-pane: history sidebar + centered chat column ─────────────────────── */
-.rk-chat-page{display:flex;width:100%;background:var(--rk-bg);min-height:100vh}
-.rk-chat-main{flex:1;min-width:0;display:flex;justify-content:center;padding:0 var(--rk-gutter)}
-.rk-chat-col{width:min(800px,100%);margin:0 auto;display:flex;flex-direction:column;
-  min-height:100vh;padding-top:34px}
-
-/* history sidebar (real editor-chat threads) */
-.rk-chat-history{flex:none;width:266px;background:var(--rk-surface);border-right:1px solid var(--rk-border);
-  display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
-.rk-chat-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
-  padding:20px 16px 12px;flex:none}
-.rk-chat-history-title{font-family:var(--rk-font-display);font-weight:800;font-size:16px;color:var(--rk-ink);letter-spacing:-.01em}
-.rk-chat-newbtn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--rk-r-full);
-  border:1px solid var(--rk-gold-600);background:var(--rk-gold-tint);color:var(--rk-ink);cursor:pointer;
-  font-family:var(--rk-font-body);font-size:12.5px;font-weight:700;transition:background var(--rk-dur) var(--rk-ease)}
-.rk-chat-newbtn:hover{background:var(--rk-gold-tint2)}
-.rk-chat-history-list{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 16px;display:grid;gap:2px;align-content:start}
-.rk-chat-hrow{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:var(--rk-r-lg);
-  border:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;min-width:0;
-  transition:background var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
-.rk-chat-hrow:hover{background:var(--rk-n-50);box-shadow:var(--rk-shadow-xs)}
-.rk-chat-hrow.is-active{background:var(--rk-gold-tint)}
-.rk-chat-hrow-main{flex:1;min-width:0;display:grid;gap:1px}
-.rk-chat-hrow-title{font-size:13px;font-weight:600;color:var(--rk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.rk-chat-hrow-sub{font-size:11px;color:var(--rk-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.rk-chat-hrow-del{flex:none;border:0;background:transparent;color:var(--rk-n-400);cursor:pointer;font-size:15px;
-  line-height:1;padding:2px 5px;border-radius:var(--rk-r-sm);opacity:0;
-  transition:opacity var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease)}
-.rk-chat-hrow:hover .rk-chat-hrow-del{opacity:1}
-/* touch: the history panel is the primary mobile surface — keep delete visible */
-@media(hover:none){.rk-chat-hrow-del{opacity:1}}
-.rk-chat-hrow-del:hover{color:var(--rk-red);background:var(--rk-red-tint)}
-.rk-chat-history-note{padding:16px 14px;font-size:12.5px;color:var(--rk-text-muted);line-height:1.55;display:grid;gap:9px;justify-items:start}
-.rk-chat-history-note a{color:var(--rk-gold-700);font-weight:600}
-.rk-chat-history-note button{font-family:inherit;font-size:12px;font-weight:600;color:var(--rk-ink);cursor:pointer;
-  background:#fff;border:1px solid var(--rk-border);border-radius:var(--rk-r-full);padding:5px 12px}
-.rk-chat-history-note button:hover{background:var(--rk-n-100)}
-
-/* narrow-screen history toggle + slide-over (hidden on wide) */
-.rk-chat-histtoggle{display:none;flex:none;width:34px;height:34px;border-radius:var(--rk-r-lg);
-  border:1px solid var(--rk-border);background:#fff;color:var(--rk-n-600);cursor:pointer;font-size:15px;
-  align-items:center;justify-content:center;margin-right:2px;margin-top:2px}
-.rk-chat-histbackdrop{display:none}
-
-/* compact header — sticky so the title stays pinned while the thread scrolls */
-.rk-chat-head{display:flex;align-items:flex-start;gap:12px;
-  position:sticky;top:0;z-index:20;background:var(--rk-bg);
-  padding-top:18px;margin-top:-18px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--rk-border)}
-.rk-chat-head-titles{display:grid;gap:5px;min-width:0;flex:1}
-.rk-chat-title{font-family:var(--rk-font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.025em;
-  line-height:1.15;color:var(--rk-ink);min-width:0}
-.rk-chat-subhead{font-size:14.5px;color:var(--rk-text-muted);line-height:1.5;max-width:56ch}
-.rk-chat-head-actions{display:flex;align-items:center;gap:9px;flex:none}
-.rk-chat-plus{font-size:14px;font-weight:700;line-height:1;margin-right:1px}
-
-/* studio mode select (Chat ↔ Create Image → /tools/image ↔ Create Video → /editor).
-   A prominent gold pill so it reads clearly as the "what do you want to make?"
-   switcher, not a faint afterthought. */
-.rk-chat-mode{position:relative;display:inline-flex;align-items:center}
-.rk-chat-mode-select{appearance:none;-webkit-appearance:none;font-family:var(--rk-font-body);font-size:13.5px;font-weight:800;
-  letter-spacing:-.01em;color:var(--rk-ink);background:var(--rk-gold-tint);border:1.5px solid var(--rk-gold-600);
-  border-radius:var(--rk-r-full);padding:10px 38px 10px 17px;cursor:pointer;box-shadow:var(--rk-shadow-sm);
-  transition:border-color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
-.rk-chat-mode-select:hover{background:var(--rk-gold-tint2);border-color:var(--rk-gold-700);box-shadow:var(--rk-shadow-md,var(--rk-shadow-sm))}
-.rk-chat-mode-select:focus{outline:none;border-color:var(--rk-gold-700);box-shadow:var(--rk-ring-gold)}
-.rk-chat-mode-chev{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;
-  font-weight:900;color:var(--rk-gold-700)}
-
-/* thread — flex:1 pushes the dock to the bottom when the page is short */
-.rk-chat-thread{flex:1;display:grid;gap:28px;align-content:start;padding:30px 0 26px}
-.rk-chat-msg{display:grid;gap:8px;min-width:0}
-.rk-chat-msg.is-user{justify-items:end}
-.rk-chat-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.05em;
-  text-transform:uppercase;color:var(--rk-text-faint);padding:0 4px}
-.rk-chat-time{font-weight:600;letter-spacing:.02em;color:var(--rk-n-300);text-transform:none;font-size:11px}
-.rk-chat-avatar{width:20px;height:20px;border-radius:6px;flex:none;display:grid;place-items:center;color:#fff;
-  font-family:var(--rk-font-display);font-weight:800;font-size:11px;line-height:1;
-  background:linear-gradient(142deg,var(--rk-gold-500),var(--rk-violet))}
-
-/* bubbles — uniform 1px hairline on all four sides, no colored side stripes.
-   overflow-wrap keeps a long pasted URL/token in a USER bubble from forcing
-   horizontal page scroll on phones (assistant text already wraps via -stream). */
-.rk-chat-bubble{border-radius:var(--rk-r-2xl);padding:16px 20px;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
-.rk-chat-bubble-user{max-width:min(78%,560px);background:var(--rk-ink);color:#f4f4f5;
-  border:1px solid var(--rk-n-800);box-shadow:var(--rk-shadow-sm)}
-.rk-chat-bubble-assistant{width:100%;background:var(--rk-surface);color:var(--rk-n-700);
-  border:1px solid var(--rk-border);box-shadow:var(--rk-shadow-card)}
-.rk-chat-bubble-assistant strong{color:var(--rk-ink);font-weight:700}
-.rk-chat-bubble-assistant em{font-style:italic}
-.rk-chat-bubble-assistant a{color:var(--rk-gold-700);font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
-
-/* streamed assistant text — pre-wrap keeps the model's own line breaks */
-.rk-chat-stream{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--rk-n-700);line-height:1.65}
-.rk-chat-stream a{color:var(--rk-gold-700);font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
-.rk-chat-stream strong{color:var(--rk-ink);font-weight:700}
-.rk-chat-stream em{font-style:italic}
-.rk-chat-stream[hidden]{display:none}
-
-/* thinking / status row */
-.rk-chat-status{display:flex;align-items:center;gap:10px;color:var(--rk-text-faint);font-size:13.5px}
-.rk-chat-status[hidden]{display:none}
-.rk-chat-status-label{font-size:13px;color:var(--rk-text-muted)}
-
-/* simplified tool-call notes (rich artifact/HTTP cards are intentionally omitted) */
-.rk-chat-notes{display:grid;gap:6px;margin-bottom:10px}
-.rk-chat-notes:empty{display:none}
-.rk-chat-toolnote{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--rk-text-muted);
-  font-family:var(--rk-font-mono);background:var(--rk-n-50);border:1px solid var(--rk-border);
-  border-radius:var(--rk-r-lg);padding:5px 10px;width:fit-content}
-.rk-chat-toolnote::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rk-gold-500);flex:none}
-
-/* error surface */
-.rk-chat-error{margin-top:2px;font-size:13.5px;color:#b42318;background:var(--rk-n-50);
-  border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);padding:10px 12px;white-space:pre-wrap}
-
-/* typing indicator */
-.rk-chat-typing{display:inline-flex;gap:4px;align-items:center;padding:2px 0}
-.rk-chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--rk-n-400);
-  animation:rk-chat-blink 1.2s var(--rk-ease) infinite}
-.rk-chat-typing span:nth-child(2){animation-delay:.18s}
-.rk-chat-typing span:nth-child(3){animation-delay:.36s}
-@keyframes rk-chat-blink{0%,80%,100%{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
-
-/* ── quiet sticky composer dock ── */
-.rk-chat-dock{position:sticky;bottom:0;z-index:10;background:var(--rk-bg);
-  padding:16px 0 22px;display:grid;gap:12px}
-.rk-chat-dock::before{content:"";position:absolute;left:0;right:0;top:-26px;height:26px;pointer-events:none;
-  background:linear-gradient(to top,var(--rk-bg),transparent)}
-.rk-chat-starters{display:flex;flex-wrap:wrap;gap:9px}
-.rk-chat-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--rk-r-full);
-  font-family:var(--rk-font-body);font-size:13px;font-weight:600;color:var(--rk-n-700);cursor:pointer;
-  background:var(--rk-surface);border:1px solid var(--rk-border);box-shadow:var(--rk-shadow-xs);text-align:left;
-  transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease)}
-.rk-chat-chip:hover{border-color:var(--rk-gold-600);background:var(--rk-gold-tint);color:var(--rk-ink);
-  transform:translateY(-1px);box-shadow:var(--rk-shadow-sm)}
-.rk-chat-chip:disabled{opacity:.5;cursor:default;transform:none;box-shadow:var(--rk-shadow-xs)}
-
-/* empty new-chat state — no greeting, just a few subtle suggestions */
-.rk-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
-  min-height:min(46vh,360px);text-align:center;padding:24px 0}
-.rk-chat-empty-hint{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--rk-text-faint)}
-.rk-chat-suggests{display:flex;flex-direction:column;gap:8px;width:min(420px,100%)}
-.rk-chat-suggest{display:block;width:100%;text-align:left;padding:12px 15px;border-radius:var(--rk-r-xl);
-  border:1px solid var(--rk-border);background:var(--rk-surface);color:var(--rk-n-600);cursor:pointer;
-  font-family:var(--rk-font-body);font-size:13.5px;font-weight:500;line-height:1.4;box-shadow:var(--rk-shadow-xs);
-  transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-chat-suggest:hover{border-color:var(--rk-gold-600);background:var(--rk-gold-tint);color:var(--rk-ink);
-  transform:translateY(-1px);box-shadow:var(--rk-shadow-sm)}
-/* composer = one bordered "text area" box: textarea fills the top, the attach +
-   send controls sit inside it along the bottom row */
-.rk-chat-composer{display:flex;flex-direction:column;gap:9px;background:var(--rk-surface);
-  border:1px solid var(--rk-border-strong);border-radius:var(--rk-r-2xl);padding:11px 12px 10px;
-  box-shadow:var(--rk-shadow-card);transition:border-color var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease)}
-.rk-chat-composer:focus-within{border-color:var(--rk-gold-600);box-shadow:var(--rk-ring-gold)}
-.rk-chat-composer-actions{display:flex;align-items:center;gap:9px}
-.rk-chat-composer-actions .rk-chat-send{margin-left:auto}
-
-/* attach button — opens the file-explorer drawer (chrome script wires it) */
-.rk-chat-attach{flex:none;width:38px;height:38px;border-radius:var(--rk-r-full);border:1px solid var(--rk-border);
-  background:#fff;color:var(--rk-n-500);cursor:pointer;display:grid;place-items:center;
-  transition:background var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-chat-attach:hover{border-color:var(--rk-gold-600);background:var(--rk-gold-tint);color:var(--rk-ink)}
-.rk-chat-attach svg{width:18px;height:18px}
-
-/* attached-file chips (populated when a file is picked from the drawer) */
-.rk-chat-chips{display:flex;flex-wrap:wrap;gap:7px}
-.rk-chat-chips:empty{display:none}
-.rk-chat-attach-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 12px;border-radius:var(--rk-r-full);
-  background:var(--rk-gold-tint2);color:var(--rk-gold-700);font-size:12.5px;font-weight:600;max-width:230px}
-.rk-chat-attach-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.rk-chat-attach-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 2px}
-.rk-chat-attach-chip .rk-chat-attach-preview{font-family:inherit;font-size:12.5px;font-weight:600;padding:0;max-width:200px;
-  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent}
-.rk-chat-attach-chip .rk-chat-attach-preview:hover{text-decoration-color:currentColor}
-.rk-chat-attach-chip.is-pending{opacity:.75}
-.rk-chat-attach-chip.is-pending .rk-chat-attach-preview{text-decoration:none;cursor:default}
-.rk-chat-input{width:100%;min-width:0;min-height:76px;border:0;background:transparent;resize:none;font-family:var(--rk-font-body);
-  font-size:15px;line-height:1.5;color:var(--rk-ink);padding:4px 4px 0;max-height:210px}
-.rk-chat-input:focus{outline:none;box-shadow:none}
-.rk-chat-input::placeholder{color:var(--rk-n-400)}
-.rk-chat-send{flex:none;padding:11px 18px}
-.rk-chat-send svg{width:16px;height:16px}
-.rk-chat-send:disabled{opacity:.55;cursor:default}
-.rk-chat-hint{text-align:center;font-size:11.5px;color:var(--rk-text-faint);line-height:1.5}
-.rk-chat-hint kbd{font-family:var(--rk-font-mono);font-size:10.5px;background:var(--rk-n-100);
-  border:1px solid var(--rk-border);border-radius:5px;padding:1px 5px;color:var(--rk-n-600)}
-
-/* ── narrow: history becomes a slide-over, bubbles go full-width ── */
-@media(max-width:900px){
-  .rk-chat-histtoggle{display:inline-flex}
-  .rk-chat-history{position:fixed;left:0;top:0;bottom:0;height:auto;z-index:70;width:min(300px,86vw);
-    transform:translateX(-100%);box-shadow:var(--rk-shadow-xl);transition:transform var(--rk-dur) var(--rk-ease)}
-  .rk-chat-history.is-open{transform:none}
-  .rk-chat-histbackdrop{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.28)}
-  .rk-chat-histbackdrop[hidden]{display:none}
-}
-@media(max-width:720px){
-  .rk-chat-col{padding-top:24px}
-  .rk-chat-title{font-size:1.5rem}
-  .rk-chat-bubble-user{max-width:100%}
-  .rk-chat-thread{gap:22px}
-}
-`;
-    const script = `
-(function(){
-  var root=document;
-
-  // ── read the real editor-chat boot (endpoint + auth + context) ──────────
-  var boot=null;
-  try{ var bootEl=root.getElementById('rk-chat-boot'); if(bootEl){ boot=JSON.parse(bootEl.textContent||'null'); } }catch(e){ boot=null; }
-  var ENDPOINT=(boot && boot.apiUrl) || '/api/v1/editor-chat';
-  var API_KEY=(boot && boot.vidfarmApiKey) || null;
-  var TEMPLATE=(boot && boot.template) || null;
-  var CACHED=(boot && boot.cachedContext) || null;
-
-  var input=root.getElementById('rk-chat-input');
-  var send=root.getElementById('rk-chat-send');
-  var SEND_HTML=${JSON.stringify('Send ' + SEND)};
-  var STOP_HTML=${JSON.stringify('Stop ' + STOP)};
-  var thread=root.getElementById('rk-chat-thread');
-  var title=root.getElementById('rk-chat-title');
-  var AVATAR='V';
-
-  var history=[];          // [{role, text}] — the running conversation
-  var threadId=null;       // generated on first send, reused for persistence
-  var busy=false;
-  var pendingAbort=null;   // AbortController for the in-flight reply (Stop button)
-  var attachments=[];      // files picked from the file-explorer drawer
-  var chipsEl=root.getElementById('rk-chat-chips');
-
-  // Render the pending-attachment chips above the composer.
-  function renderAttachChips(){
-    if(!chipsEl) return;
-    chipsEl.innerHTML='';
-    attachments.forEach(function(f, i){
-      var chip=el('rk-chat-attach-chip'+(f.pending?' is-pending':''));
-      if(f.pending){ var sp=root.createElement('span'); sp.className='rk-aichat-chip-spin'; sp.setAttribute('aria-hidden','true'); chip.appendChild(sp); }
-      var label=root.createElement('button'); label.type='button'; label.className='rk-chat-attach-preview';
-      label.title=f.pending?('Uploading '+f.name+'\\u2026'):('Preview '+f.name); label.textContent=f.name;
-      if(f.viewUrl && !f.pending){ label.addEventListener('click',function(){ var vs=attachments.filter(function(a){return !a.pending;}); openFilePreview(vs, vs.indexOf(f)); }); }
-      chip.appendChild(label);
-      var x=root.createElement('button'); x.type='button'; x.setAttribute('aria-label','Remove '+f.name); x.textContent='\\u00d7';
-      x.addEventListener('click',function(){ attachments=attachments.filter(function(a){ return a.id!==f.id; }); renderAttachChips(); });
-      chip.appendChild(x); chipsEl.appendChild(chip);
-    });
-  }
-  // The file-explorer drawer (chrome script) hands picked files over via a DOM
-  // event — it lives in a separate script, so a CustomEvent is the bridge.
-  document.addEventListener('rk-chat-attach-file',function(ev){
-    var d=(ev && ev.detail)||{};
-    if(!d.id || !d.viewUrl) return;
-    if(attachments.some(function(a){ return a.id===String(d.id); })) return;
-    attachments.push({ id:String(d.id), name:d.name||'file', contentType:d.contentType||'application/octet-stream', viewUrl:d.viewUrl });
-    renderAttachChips();
-    if(input) input.focus();
-  });
-
-  // ─── paste-to-attach: a copied image/file dropped into the composer gets
-  // auto-uploaded to the user's /temp folder, then attached like a picked file.
-  function pasteExtName(blob, idx){
-    var ct=(blob && blob.type)||'';
-    var base=ct.indexOf('image/')===0?'pasted-image':ct.indexOf('video/')===0?'pasted-video':ct.indexOf('audio/')===0?'pasted-audio':'pasted-file';
-    var ext=ct && ct.indexOf('/')>-1?ct.split('/')[1].split('+')[0].split(';')[0]:'bin';
-    if(ext==='jpeg') ext='jpg';
-    return base+'-'+Date.now().toString(36)+(idx?'-'+idx:'')+'.'+ext;
-  }
-  function uploadPasted(blob, fileName, pendingId){
-    var fd=new FormData(); fd.append('file', blob, fileName);
-    var h={}; if(API_KEY) h['vidfarm-api-key']=API_KEY;
-    fetch(window.location.origin+'/api/v1/user/me/temporary-files/upload', { method:'POST', credentials:'same-origin', headers:h, body:fd })
-      .then(function(r){ return r.json().catch(function(){ return {}; }).then(function(j){ if(!r.ok) throw new Error((j&&j.error)||('upload failed ('+r.status+')')); return j; }); })
-      .then(function(j){
-        var f=j&&j.file; if(!f||!f.viewUrl) throw new Error('upload returned no file');
-        var idx=attachments.map(function(a){ return a.id; }).indexOf(pendingId);
-        var item={ id:String(f.id), name:f.fileName||fileName, contentType:f.contentType||(blob&&blob.type)||'application/octet-stream', viewUrl:f.viewUrl };
-        if(idx>-1) attachments[idx]=item; else attachments.push(item);
-        renderAttachChips();
-      })
-      .catch(function(){ attachments=attachments.filter(function(a){ return a.id!==pendingId; }); renderAttachChips(); });
-  }
-  if(input) input.addEventListener('paste', function(e){
-    var dt=e.clipboardData; if(!dt) return;
-    var blobs=[], items=dt.items;
-    if(items && items.length){ for(var i=0;i<items.length;i++){ if(items[i] && items[i].kind==='file'){ var b=items[i].getAsFile(); if(b) blobs.push(b); } } }
-    if(!blobs.length && dt.files && dt.files.length){ for(var k=0;k<dt.files.length;k++) blobs.push(dt.files[k]); }
-    if(!blobs.length) return; // plain-text paste → leave it to the textarea
-    e.preventDefault();
-    blobs.forEach(function(blob, idx){
-      var name=(blob && blob.name)||pasteExtName(blob, idx);
-      var pendingId='paste-'+Date.now().toString(36)+'-'+idx+'-'+Math.random().toString(36).slice(2,6);
-      attachments.push({ id:pendingId, name:name, contentType:(blob&&blob.type)||'application/octet-stream', pending:true });
-      renderAttachChips();
-      uploadPasted(blob, name, pendingId);
-    });
-    if(input) input.focus();
-  });
-
-  // Each conversation has its own URL (/chat/<id>); a fresh page is /chat.
-  var pageEl=root.querySelector('.rk-chat-page');
-  var INITIAL_THREAD=(pageEl && pageEl.getAttribute('data-initial-thread')) || null;
-  function chatScopePrefix(){ var m=(location.pathname||'').match(/^(\\/u\\/[^/]+)\\/chat/); return m ? m[1] : ''; } // preserve account scope
-  function chatUrlFor(id){ return chatScopePrefix()+(id ? '/chat/'+encodeURIComponent(id) : '/chat'); }
-  function threadFromLocation(){ var m=(location.pathname||'').match(/\\/chat\\/(.+)$/); return m ? decodeURIComponent(m[1]) : null; }
-  function setChatUrl(id, replace){
-    // NB: the local "history" var is the message list — use window.history here.
-    var h=window.history; if(!h || (!h.pushState && !h.replaceState)) return;
-    var url=chatUrlFor(id);
-    try{ if(replace){ h.replaceState(null,'',url); } else { h.pushState(null,'',url); } }catch(e){}
-  }
-  function genId(p){ return p+'-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2,8); }
-  function autosize(){ if(!input)return; input.style.height='auto'; input.style.height=Math.min(input.scrollHeight,210)+'px'; }
-  function toBottom(){ try{ window.scrollTo({top:document.body.scrollHeight,behavior:'smooth'}); }catch(e){ window.scrollTo(0,document.body.scrollHeight); } }
-  function nowLabel(){ try{ return new Date().toLocaleTimeString([], {hour:'numeric', minute:'2-digit'}); }catch(e){ return ''; } }
-  function el(cls){ var d=root.createElement('div'); d.className=cls; return d; }
-  // While a reply streams, the Send button becomes an interruptive Stop (stays
-  // clickable so the user can abort); it flips back to Send when the reply ends.
-  function setBusy(v){ busy=v; if(send){ send.innerHTML=v?STOP_HTML:SEND_HTML; send.classList.toggle('is-stop',v); } root.querySelectorAll('[data-rk-prompt]').forEach(function(c){ c.disabled=v; }); }
-
-  // Inline markdown → HTML (escape first, then bold/italic/links). pre-wrap on
-  // the container keeps the model's own line breaks, so no block handling needed.
-  function escapeHtml(s){ return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
-  function mdToHtml(text){
-    var s=escapeHtml(text);
-    s=s.replace(/\\*\\*([^*]+)\\*\\*/g,'<strong>$1</strong>');
-    s=s.replace(/(^|[^\\w*])\\*([^*\\n]+)\\*/g,'$1<em>$2</em>');
-    s=s.replace(/(^|[^\\w_])_([^_\\n]+)_/g,'$1<em>$2</em>');
-    s=s.replace(/\\[([^\\]]+)\\]\\((https?:\\/\\/[^\\s)]+)\\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>');
-    s=s.replace(/(^|[\\s(])(https?:\\/\\/[^\\s<]+[^<.,:;"')\\]\\s])/g,'$1<a href="$2" target="_blank" rel="noopener noreferrer">$2</a>');
-    return s;
-  }
-
-  // ── file preview modal (shares the rk-aichat-preview styling from theme.ts):
-  // images carousel, video, audio, pdf, and text (json pretty-print, md render,
-  // txt/csv/srt/vtt as <pre>) ──
-  function fileKind(name, ct){
-    ct=(ct||'').toLowerCase();
-    var ext=((name||'').split('.').pop()||'').toLowerCase();
-    if(ct.indexOf('image/')===0 || /^(png|jpe?g|gif|webp|svg|avif|bmp|heic|ico)$/.test(ext)) return 'image';
-    if(ct.indexOf('video/')===0 || /^(mp4|mov|webm|m4v|mkv|ogv)$/.test(ext)) return 'video';
-    if(ct.indexOf('audio/')===0 || /^(mp3|wav|m4a|aac|ogg|oga|flac|opus)$/.test(ext)) return 'audio';
-    if(ct.indexOf('application/pdf')===0 || ext==='pdf') return 'pdf';
-    if(ct.indexOf('json')>=0 || ext==='json') return 'json';
-    if(ext==='md' || ext==='markdown' || ct.indexOf('markdown')>=0) return 'markdown';
-    if(ct.indexOf('text/')===0 || /^(txt|csv|tsv|srt|vtt|log|xml|yaml|yml|ini|conf|html?)$/.test(ext)) return 'text';
-    return 'other';
-  }
-  // Block-level markdown for .md previews (headings, lists, quotes, rules, code,
-  // plus the inline bold/italic/link handling from mdToHtml).
-  function renderMarkdownBlock(src){
-    var BT=String.fromCharCode(96), FENCE=BT+BT+BT;
-    function inline(s){ return mdToHtml(s).replace(new RegExp(BT+'([^'+BT+']+)'+BT,'g'),'<code>$1</code>'); }
-    var lines=String(src).replace(/\\r\\n?/g,'\\n').split('\\n');
-    var out=[], inCode=false, code=[], listType=null, listItems=[];
-    function flushList(){ if(!listType)return; out.push('<'+listType+'>'+listItems.join('')+'</'+listType+'>'); listType=null; listItems=[]; }
-    function flushCode(){ out.push('<pre class="rk-aichat-preview-code"><code>'+escapeHtml(code.join('\\n'))+'</code></pre>'); code=[]; }
-    for(var i=0;i<lines.length;i++){
-      var ln=lines[i];
-      if(ln.trim().indexOf(FENCE)===0){ if(inCode){ flushCode(); inCode=false; } else { flushList(); inCode=true; } continue; }
-      if(inCode){ code.push(ln); continue; }
-      var h=ln.match(/^(#{1,6})\\s+(.*)$/);
-      if(h){ flushList(); var lvl=h[1].length; out.push('<h'+lvl+'>'+inline(h[2])+'</h'+lvl+'>'); continue; }
-      if(/^\\s*([-*+])\\s+/.test(ln)){ if(listType!=='ul'){ flushList(); listType='ul'; } listItems.push('<li>'+inline(ln.replace(/^\\s*[-*+]\\s+/,''))+'</li>'); continue; }
-      var om=ln.match(/^\\s*\\d+\\.\\s+(.*)$/);
-      if(om){ if(listType!=='ol'){ flushList(); listType='ol'; } listItems.push('<li>'+inline(om[1])+'</li>'); continue; }
-      if(/^\\s*>\\s?/.test(ln)){ flushList(); out.push('<blockquote>'+inline(ln.replace(/^\\s*>\\s?/,''))+'</blockquote>'); continue; }
-      if(/^\\s*(-{3,}|\\*{3,}|_{3,})\\s*$/.test(ln)){ flushList(); out.push('<hr>'); continue; }
-      if(!ln.trim()){ flushList(); continue; }
-      flushList(); out.push('<p>'+inline(ln)+'</p>');
-    }
-    if(inCode) flushCode();
-    flushList();
-    return out.join('');
-  }
-  function openFilePreview(items, index){
-    items=(items||[]).filter(function(f){ return f && f.viewUrl; });
-    if(!items.length) return;
-    var idx=Math.max(0,Math.min(index||0,items.length-1));
-    var back=el('rk-aichat-modal-back');
-    var modal=el('rk-aichat-modal rk-aichat-preview');
-    var head=el('rk-aichat-modal-head');
-    var nameEl=root.createElement('span'); nameEl.className='rk-aichat-http-url rk-aichat-preview-name';
-    var openLink=root.createElement('a'); openLink.className='rk-aichat-preview-open'; openLink.target='_blank'; openLink.rel='noopener noreferrer'; openLink.textContent='Open \\u2197';
-    var xBtn=root.createElement('button'); xBtn.type='button'; xBtn.className='rk-aichat-modal-x'; xBtn.setAttribute('aria-label','Close'); xBtn.innerHTML='&times;';
-    head.appendChild(nameEl); head.appendChild(openLink); head.appendChild(xBtn);
-    var body=el('rk-aichat-modal-body rk-aichat-preview-body');
-    var nav=el('rk-aichat-preview-nav');
-    var prev=root.createElement('button'); prev.type='button'; prev.className='rk-aichat-preview-btn'; prev.innerHTML='\\u2039 Prev';
-    var counter=root.createElement('span'); counter.className='rk-aichat-preview-count';
-    var next=root.createElement('button'); next.type='button'; next.className='rk-aichat-preview-btn'; next.innerHTML='Next \\u203a';
-    nav.appendChild(prev); nav.appendChild(counter); nav.appendChild(next);
-    function renderUnknown(container, it, msg){
-      var wrap=el('rk-aichat-preview-empty');
-      var p=root.createElement('div'); p.textContent=msg||'No inline preview for this file type.'; wrap.appendChild(p);
-      var a=root.createElement('a'); a.href=it.viewUrl; a.target='_blank'; a.rel='noopener noreferrer'; a.className='rk-aichat-preview-dl'; a.textContent='Open / download \\u2197'; wrap.appendChild(a);
-      container.appendChild(wrap);
-    }
-    function renderText(container, it, kind){
-      var loading=el('rk-aichat-preview-loading'); loading.textContent='Loading\\u2026'; container.appendChild(loading);
-      fetch(it.viewUrl,{ credentials:'same-origin' })
-        .then(function(r){ if(!r.ok) throw new Error('http '+r.status); return r.text(); })
-        .then(function(txt){
-          container.innerHTML='';
-          if(kind==='json'){ var pretty=txt; try{ pretty=JSON.stringify(JSON.parse(txt),null,2); }catch(e){} var pj=root.createElement('pre'); pj.className='rk-aichat-http-pre rk-aichat-preview-text'; pj.textContent=pretty; container.appendChild(pj); return; }
-          if(kind==='markdown'){ var md=el('rk-aichat-preview-md'); md.innerHTML=renderMarkdownBlock(txt); container.appendChild(md); return; }
-          var pre=root.createElement('pre'); pre.className='rk-aichat-http-pre rk-aichat-preview-text'; pre.textContent=txt; container.appendChild(pre);
-        })
-        .catch(function(){ container.innerHTML=''; renderUnknown(container, it, 'Couldn\\u2019t load this file.'); });
-    }
-    function render(){
-      var it=items[idx];
-      nameEl.textContent=it.name||'file'; nameEl.title=it.name||'';
-      openLink.href=it.viewUrl;
-      body.innerHTML='';
-      var kind=fileKind(it.name, it.contentType);
-      if(kind==='image'){ var im=root.createElement('img'); im.className='rk-aichat-preview-img'; im.src=it.viewUrl; im.alt=it.name||''; body.appendChild(im); }
-      else if(kind==='video'){ var v=root.createElement('video'); v.className='rk-aichat-preview-media'; v.src=it.viewUrl; v.controls=true; v.playsInline=true; body.appendChild(v); }
-      else if(kind==='audio'){ var wrap=el('rk-aichat-preview-audiowrap'); var a=root.createElement('audio'); a.className='rk-aichat-preview-audio'; a.src=it.viewUrl; a.controls=true; wrap.appendChild(a); body.appendChild(wrap); }
-      else if(kind==='pdf'){ var f=root.createElement('iframe'); f.className='rk-aichat-preview-frame'; f.src=it.viewUrl; body.appendChild(f); }
-      else if(kind==='json'||kind==='markdown'||kind==='text'){ renderText(body, it, kind); }
-      else { renderUnknown(body, it); }
-      counter.textContent=(idx+1)+' / '+items.length;
-      prev.disabled=idx<=0; next.disabled=idx>=items.length-1;
-      nav.hidden=items.length<2;
-    }
-    prev.addEventListener('click',function(){ if(idx>0){ idx--; render(); } });
-    next.addEventListener('click',function(){ if(idx<items.length-1){ idx++; render(); } });
-    modal.appendChild(head); modal.appendChild(body); modal.appendChild(nav); back.appendChild(modal);
-    function close(){ if(back.parentNode) back.parentNode.removeChild(back); document.removeEventListener('keydown',onKey); }
-    function onKey(e){ if(e.key==='Escape'){ e.stopPropagation(); close(); } else if(e.key==='ArrowLeft'){ if(idx>0){ idx--; render(); } } else if(e.key==='ArrowRight'){ if(idx<items.length-1){ idx++; render(); } } }
-    back.addEventListener('click',function(e){ if(e.target===back) close(); });
-    xBtn.addEventListener('click',close);
-    document.addEventListener('keydown',onKey);
-    document.body.appendChild(back);
-    render();
-  }
-
-  function clientContext(){
-    var now=new Date(); var local=null, tz=null;
-    try{ local=new Intl.DateTimeFormat(undefined,{dateStyle:'full',timeStyle:'long'}).format(now); }catch(e){ local=now.toString(); }
-    try{ tz=(Intl.DateTimeFormat().resolvedOptions().timeZone)||null; }catch(e){ tz=null; }
-    return { currentDateTime: now.toISOString(), localDateTime: local, timeZone: tz };
-  }
-
-  function appendUser(text){
-    var msg=el('rk-chat-msg is-user');
-    var meta=el('rk-chat-meta'); meta.innerHTML='You <span class="rk-chat-time">'+nowLabel()+'</span>';
-    var bub=el('rk-chat-bubble rk-chat-bubble-user'); bub.textContent=text;
-    msg.appendChild(meta); msg.appendChild(bub);
-    if(thread) thread.appendChild(msg);
-  }
-
-  // Returns a small controller for the streaming assistant bubble.
-  function appendAssistant(){
-    var msg=el('rk-chat-msg is-assistant');
-    var meta=el('rk-chat-meta');
-    meta.innerHTML='Agent <span class="rk-chat-time">'+nowLabel()+'</span>';
-    var bub=el('rk-chat-bubble rk-chat-bubble-assistant');
-    var status=el('rk-chat-status');
-    status.innerHTML='<span class="rk-chat-typing"><span></span><span></span><span></span></span><span class="rk-chat-status-label">Thinking…</span>';
-    var notes=el('rk-chat-notes');
-    var textEl=el('rk-chat-stream'); textEl.hidden=true;
-    bub.appendChild(status); bub.appendChild(notes); bub.appendChild(textEl);
-    msg.appendChild(meta); msg.appendChild(bub);
-    if(thread) thread.appendChild(msg);
-    var lastText='';
-    return {
-      setStatus:function(s){ var l=status.querySelector('.rk-chat-status-label'); if(l && s){ l.textContent=s; } },
-      hideStatus:function(){ status.hidden=true; },
-      showText:function(){ status.hidden=true; textEl.hidden=false; },
-      setText:function(t){ lastText=t; textEl.textContent=t; },
-      // After streaming completes, re-render as markdown (bold/italic/links).
-      renderMd:function(){ if(lastText){ textEl.innerHTML=mdToHtml(lastText); } },
-      addNote:function(t){ var n=el('rk-chat-toolnote'); n.textContent=t; notes.appendChild(n); },
-      fail:function(m){ status.hidden=true; var er=el('rk-chat-error'); er.textContent=m||'Something went wrong.'; bub.appendChild(er); }
-    };
-  }
-
-  // Minimal SSE reader — mirrors the live client's text/event-stream parsing.
-  function readStream(response, h){
-    if(!response.body || !response.body.getReader){
-      // No streaming reader available — fall back to reading the whole body.
-      return response.text().then(function(t){ parseEvents(t, h); });
-    }
-    var reader=response.body.getReader();
-    var decoder=new TextDecoder();
-    var buffer='';
-    function pump(){
-      return reader.read().then(function(res){
-        if(res.done){ if(buffer){ parseEvents(buffer, h); buffer=''; } return; }
-        buffer+=decoder.decode(res.value,{stream:true});
-        var events=buffer.split('\\n\\n');
-        buffer=events.pop()||'';
-        for(var i=0;i<events.length;i++){ handleEvent(events[i], h); }
-        return pump();
-      });
-    }
-    return pump();
-  }
-  function parseEvents(blob, h){ blob.split('\\n\\n').forEach(function(ev){ handleEvent(ev, h); }); }
-  function handleEvent(raw, h){
-    var lines=raw.split('\\n');
-    var dataLine=null;
-    for(var j=0;j<lines.length;j++){ var t=lines[j].trim(); if(t.indexOf('data:')===0){ dataLine=t; break; } }
-    if(!dataLine) return;
-    var payload=dataLine.slice(5).trim();
-    if(payload==='[DONE]' || !payload) return;
-    var chunk; try{ chunk=JSON.parse(payload); }catch(e){ return; }
-    if(!chunk || typeof chunk!=='object') return;
-    if(chunk.type==='text-delta' && typeof chunk.delta==='string'){ h.onDelta(chunk.delta); }
-    else if(chunk.type==='status'){ var s=(typeof chunk.status==='string')?chunk.status:((typeof chunk.message==='string')?chunk.message:null); if(s){ h.onStatus(s); } }
-    else if(chunk.type==='tool-call' && typeof chunk.toolName==='string'){ h.onToolCall(chunk.toolName); }
-    else if(chunk.type==='error'){ h.onError((typeof chunk.errorText==='string')?chunk.errorText:((chunk.error && chunk.error.message)||'Unable to read assistant response.')); }
-  }
-
-  // Attachment URL line the model can quote back as REST payload URLs, alongside
-  // the binary file content parts. Mirrors the /editor React dock. Double-
-  // backslash-n = a browser-side newline (this function lives in a template literal).
-  function buildAttachmentUrlText(atts){
-    if(!atts || !atts.length) return '';
-    var lines=atts.map(function(a){ return '- '+(a.fileName||'file')+' ('+(a.contentType||'')+'): '+a.viewUrl; });
-    return '\\n\\nAttached file URLs for REST payloads:\\n'+lines.join('\\n')+'\\nUse these exact URLs as prompt_attachments for image generation, source_image_url for image edits, media_url for video slides, or reference attachment URLs when calling template routes.';
-  }
-
-  function sendMessage(text){
-    if(busy) return;
-    text=(text||'').trim();
-    // Attachments picked from the drawer travel in user_message.attachments;
-    // sending is allowed with only files (no text) too.
-    // A pasted file may still be uploading to /temp — wait rather than drop it.
-    if(attachments.some(function(f){ return f && f.pending; })){ renderAttachChips(); return; }
-    var atts=attachments.map(function(f){ return { id:String(f.id), fileName:f.name, contentType:f.contentType, viewUrl:f.viewUrl }; });
-    if(!text && !atts.length) return;
-
-    var line=text;
-    if(attachments.length){ line=(text?text+'  ':'')+'(attached: '+attachments.map(function(f){ return f.name; }).join(', ')+')'; }
-
-    clearEmptyState();
-    history.push({role:'user', text:text||line});
-    appendUser(line);
-    if(input){ input.value=''; autosize(); }
-    attachments=[]; renderAttachChips();
-    toBottom();
-
-    var view=appendAssistant();
-    toBottom();
-    setBusy(true);
-
-    if(!threadId){ threadId=genId('thread'); setChatUrl(threadId, true); }
-    var userMsgId=genId('user');
-    var asstMsgId=genId('assistant');
-
-    // Attachments must ride in messages[].content as file parts + a URL text
-    // line — the backend feeds the model messages[].content, not the persistence-
-    // only user_message.attachments. Append to the latest user turn (= last entry).
-    var attUrlText = atts.length ? buildAttachmentUrlText(atts) : '';
-    var body={
-      messages: history.map(function(m, i){
-        var isLastUser = (i === history.length - 1) && m.role === 'user';
-        var t = m.text;
-        if(isLastUser && attUrlText) t = t + attUrlText;
-        var content = [{ type:'text', text:t }];
-        if(isLastUser && atts.length){ atts.forEach(function(a){ content.push({ type:'file', data:a.viewUrl, mediaType:a.contentType||'application/octet-stream' }); }); }
-        return { role:m.role, content:content };
-      }),
-      thread_id: threadId,
-      thread_template_id: (TEMPLATE && TEMPLATE.templateId) || 'chat-brainstorm',
-      thread_title: (text||line).slice(0,42),
-      thread_tracers: (TEMPLATE && TEMPLATE.tracers) || [],
-      client_context: clientContext(),
-      user_message: { id:userMsgId, role:'user', text:text||line, attachments:atts },
-      assistant_message: { id:asstMsgId }
-    };
-    if(TEMPLATE){ body.template=TEMPLATE; }
-    if(CACHED){ body.cached_context=CACHED; }
-
-    var headers={ 'content-type':'application/json' };
-    if(API_KEY){ headers['vidfarm-api-key']=API_KEY; }
-
-    var acc='';
-    var sawText=false;
-    var errored=false;
-
-    var handlers={
-      onDelta:function(d){ if(!sawText){ sawText=true; view.showText(); } acc+=d; view.setText(acc); toBottom(); },
-      onStatus:function(s){ if(!sawText){ view.setStatus(s); } },
-      onToolCall:function(name){ view.addNote('Running '+name+'…'); toBottom(); },
-      onError:function(m){ errored=true; view.fail(m); toBottom(); }
-    };
-
-    var controller=(typeof AbortController!=='undefined') ? new AbortController() : null;
-    pendingAbort=controller;
-    var req;
-    try{
-      req=fetch(ENDPOINT,{ method:'POST', headers:headers, credentials:'same-origin', body:JSON.stringify(body), signal: controller?controller.signal:undefined });
-    }catch(err){
-      // Synchronous fetch failure (e.g. invalid URL) — never let it throw uncaught.
-      req=Promise.reject(err);
-    }
-
-    req.then(function(resp){
-      if(!resp.ok){
-        return resp.json().catch(function(){ return {}; }).then(function(j){
-          throw new Error((j && j.error) || ('Chat request failed ('+resp.status+').'));
-        });
-      }
-      return readStream(resp, handlers);
-    }).then(function(){
-      pendingAbort=null;
-      view.hideStatus();
-      if(sawText){
-        history.push({role:'assistant', text:acc});
-        view.renderMd();
-      } else if(!errored){
-        view.showText();
-        view.setText('The assistant finished without returning any text.');
-      }
-      setBusy(false);
-      if(input){ input.focus(); }
-      toBottom();
-      loadHistory();
-    }).catch(function(err){
-      pendingAbort=null;
-      // User hit Stop mid-reply — keep whatever streamed so far, no error.
-      if(err && (err.name==='AbortError' || (controller && controller.signal && controller.signal.aborted))){
-        view.hideStatus();
-        if(sawText){ history.push({role:'assistant', text:acc}); view.renderMd(); }
-        else{ view.showText(); view.setText('Stopped.'); }
-        setBusy(false);
-        if(input){ input.focus(); }
-        toBottom();
-        return;
-      }
-      var msg=(err && err.message) ? err.message : String(err);
-      if(!API_KEY){ msg=msg+'\\n\\nAdd an AI provider key in Settings to brainstorm on your own keys.'; }
-      view.fail(msg);
-      setBusy(false);
-      if(input){ input.focus(); }
-      toBottom();
-    });
-  }
-
-  // ── real chat history (editor-chat threads) ────────────────────────────
-  var THREADS_URL=(boot && boot.threadsUrl) || '/api/v1/editor-chat/threads';
-  var TEMPLATE_ID=(TEMPLATE && TEMPLATE.templateId) || 'chat-brainstorm';
-  var histList=root.getElementById('rk-chat-history-list');
-  var histAside=root.getElementById('rk-chat-history');
-  var histBackdrop=root.getElementById('rk-chat-histbackdrop');
-  var histToggle=root.getElementById('rk-chat-histtoggle');
-  var loadingThread=false;
-
-  function authHeaders(extra){ var h=extra||{}; if(API_KEY){ h['vidfarm-api-key']=API_KEY; } return h; }
-  function relTime(iso){
-    if(!iso) return '';
-    var t=Date.parse(iso); if(isNaN(t)) return '';
-    var s=Math.max(0,(Date.now()-t)/1000);
-    if(s<60) return 'just now';
-    if(s<3600) return Math.floor(s/60)+'m ago';
-    if(s<86400) return Math.floor(s/3600)+'h ago';
-    if(s<604800) return Math.floor(s/86400)+'d ago';
-    try{ return new Date(t).toLocaleDateString([], {month:'short', day:'numeric'}); }catch(e){ return ''; }
-  }
-  function histNote(text, opts){
-    var wrap=el('rk-chat-history-note');
-    var p=root.createElement('div'); p.textContent=text; wrap.appendChild(p);
-    if(opts && opts.href){ var a=root.createElement('a'); a.href=opts.href; a.textContent=opts.linkText||'Open'; wrap.appendChild(a); }
-    if(opts && opts.retry){ var b=root.createElement('button'); b.type='button'; b.textContent='Try again'; b.addEventListener('click',function(){ loadHistory(); }); wrap.appendChild(b); }
-    return wrap;
-  }
-  function setActiveThread(id){
-    threadId=id;
-    if(!histList) return;
-    var rows=histList.querySelectorAll('.rk-chat-hrow');
-    for(var i=0;i<rows.length;i++){ rows[i].classList.toggle('is-active', rows[i].getAttribute('data-id')===id); }
-  }
-  function renderHistory(threads){
-    if(!histList) return;
-    histList.innerHTML='';
-    if(!threads.length){ histList.appendChild(histNote('No conversations yet. Start one below \\u2014 it saves automatically.')); return; }
-    threads.forEach(function(t){
-      var row=root.createElement('button');
-      row.type='button'; row.className='rk-chat-hrow'; row.setAttribute('data-id', t.id);
-      if(t.id===threadId){ row.classList.add('is-active'); }
-      var main=el('rk-chat-hrow-main');
-      var ti=el('rk-chat-hrow-title'); ti.textContent=t.title || 'Untitled chat';
-      var sub=el('rk-chat-hrow-sub');
-      var count=(typeof t.messageCount==='number')?t.messageCount:0;
-      var when=relTime(t.lastMessageAt || t.updatedAt);
-      sub.textContent=(count?count+' message'+(count===1?'':'s'):'')+((count&&when)?' \\u00b7 ':'')+(when||'');
-      main.appendChild(ti); main.appendChild(sub);
-      var del=root.createElement('button');
-      del.type='button'; del.className='rk-chat-hrow-del'; del.setAttribute('aria-label','Delete chat'); del.textContent='\\u00d7';
-      del.addEventListener('click', function(ev){ ev.stopPropagation(); deleteThread(t.id, row); });
-      row.appendChild(main); row.appendChild(del);
-      row.addEventListener('click', function(){ openThread(t.id); });
-      histList.appendChild(row);
-    });
-  }
-  function loadHistory(){
-    if(!histList) return;
-    if(!API_KEY){ histList.innerHTML=''; histList.appendChild(histNote('Add an AI provider key in Settings to sync your saved chats.', {href:'/settings', linkText:'Open Settings'})); return; }
-    var url=THREADS_URL+'?template_id='+encodeURIComponent(TEMPLATE_ID)+'&limit=30&include_messages=false';
-    fetch(url, { headers:authHeaders(), credentials:'same-origin' })
-      .then(function(r){
-        if(r.status===401||r.status===403){ return {threads:[], _auth:true}; }
-        if(!r.ok) throw new Error('http '+r.status);
-        return r.json();
-      })
-      .then(function(j){
-        if(j && j._auth){ histList.innerHTML=''; histList.appendChild(histNote('Sign in to sync your saved chats.', {href:'/login', linkText:'Sign in'})); return; }
-        renderHistory((j && j.threads) || []);
-      })
-      .catch(function(){ if(histList){ histList.innerHTML=''; histList.appendChild(histNote('Couldn\\u2019t load your chats.', {retry:true})); } });
-  }
-  function appendAssistantStatic(text){ var v=appendAssistant(); v.showText(); v.setText(text||''); v.hideStatus(); v.renderMd(); return v; }
-  function openThread(id, opts){
-    if(busy || loadingThread) return;
-    if(!(opts && opts.skipUrl)) setChatUrl(id, false);
-    loadingThread=true;
-    closeHistoryOverlay();
-    fetch(THREADS_URL+'/'+encodeURIComponent(id), { headers:authHeaders(), credentials:'same-origin' })
-      .then(function(r){ if(!r.ok) throw new Error('http '+r.status); return r.json(); })
-      .then(function(j){
-        var t=j && j.thread; if(!t){ throw new Error('missing thread'); }
-        history=[];
-        if(thread){ thread.innerHTML=''; }
-        var msgs=t.messages||[];
-        for(var i=0;i<msgs.length;i++){
-          var m=msgs[i]; var role=(m.role==='assistant')?'assistant':'user'; var txt=m.text||'';
-          history.push({role:role, text:txt});
-          if(role==='user'){ appendUser(txt); } else { appendAssistantStatic(txt); }
-        }
-        setActiveThread(id);
-        loadingThread=false;
-        toBottom();
-      })
-      .catch(function(){ loadingThread=false; });
-  }
-  function deleteThread(id, row){
-    if(!API_KEY) return;
-    fetch(THREADS_URL+'/'+encodeURIComponent(id), { method:'DELETE', headers:authHeaders(), credentials:'same-origin' })
-      .then(function(r){
-        if(!r.ok && r.status!==404) throw new Error('http '+r.status);
-        if(row && row.parentNode){ row.parentNode.removeChild(row); }
-        if(id===threadId){ resetChat(); }
-        if(histList && !histList.querySelector('.rk-chat-hrow')){ loadHistory(); }
-      })
-      .catch(function(){});
-  }
-  // A fresh chat opens empty — no greeting message — with a few subtle
-  // suggestion pills the user can tap to start (or just type their own).
-  function renderEmptyState(){
-    if(!thread) return;
-    thread.innerHTML='';
-    var suggestions=[
-      'Give me 10 ad hooks for my offer',
-      'What angle works best for cold traffic?',
-      'Help me plan a cold-start strategy'
-    ];
-    var wrap=el('rk-chat-empty');
-    var hint=el('rk-chat-empty-hint'); hint.textContent='Ask anything, or try one of these';
-    var list=el('rk-chat-suggests');
-    suggestions.forEach(function(s){
-      var b=root.createElement('button');
-      b.type='button'; b.className='rk-chat-suggest'; b.textContent=s;
-      b.addEventListener('click',function(){ if(busy) return; sendMessage(s); });
-      list.appendChild(b);
-    });
-    wrap.appendChild(hint); wrap.appendChild(list);
-    thread.appendChild(wrap);
-  }
-  function clearEmptyState(){
-    if(!thread) return;
-    var e=thread.querySelector('.rk-chat-empty');
-    if(e && e.parentNode){ e.parentNode.removeChild(e); }
-  }
-  function resetChat(opts){
-    history=[]; threadId=null;
-    if(!(opts && opts.skipUrl)) setChatUrl(null, false);
-    renderEmptyState();
-    setActiveThread(null);
-    if(input){ input.value=''; autosize(); input.focus(); }
-    window.scrollTo(0,0);
-  }
-  function openHistoryOverlay(){ if(histAside){ histAside.classList.add('is-open'); } if(histBackdrop){ histBackdrop.hidden=false; } }
-  function closeHistoryOverlay(){ if(histAside){ histAside.classList.remove('is-open'); } if(histBackdrop){ histBackdrop.hidden=true; } }
-  if(histToggle){ histToggle.addEventListener('click', openHistoryOverlay); }
-  if(histBackdrop){ histBackdrop.addEventListener('click', closeHistoryOverlay); }
-  loadHistory();
-
-  // Deep-link: /chat/<id> opens that saved thread on load; otherwise the page
-  // starts on the empty new-chat state with subtle suggestions.
-  if(INITIAL_THREAD){ openThread(INITIAL_THREAD, {skipUrl:true}); }
-  else{ renderEmptyState(); }
-  // Back/forward between conversations — sync the visible thread to the URL.
-  window.addEventListener('popstate',function(){
-    if(busy || loadingThread) return;
-    var id=threadFromLocation();
-    if(id){ if(id!==threadId){ openThread(id, {skipUrl:true}); } }
-    else if(threadId){ resetChat({skipUrl:true}); }
-  });
-
-  // composer wiring
-  if(input){ input.addEventListener('input',autosize); autosize(); }
-  if(send){ send.addEventListener('click',function(){ if(busy){ if(pendingAbort){ pendingAbort.abort(); } return; } if(input){ sendMessage(input.value); } }); }
-  if(input){
-    input.addEventListener('keydown',function(ev){
-      if(ev.key==='Enter' && !ev.shiftKey){ ev.preventDefault(); if(busy){ if(pendingAbort){ pendingAbort.abort(); } return; } sendMessage(input.value); }
-    });
-  }
-
-  // "New" resets the conversation to the warm empty state (shared resetChat)
-  var newBtn=root.getElementById('rk-chat-new');
-  if(newBtn){
-    newBtn.addEventListener('click',function(){ if(busy) return; resetChat(); });
-  }
-
-  // Navigate to another surface (Create Image → /tools/image, Create Video → a new
-  // /editor project, or any AI-driven page nav) while HANDING OFF the live
-  // conversation: append ?rk_chat=<threadId> so the destination's AI pop-panel
-  // (document.ts) auto-opens and reloads this exact thread — a seamless jump that
-  // never loses the chat context. Uses a global URL param so any page's dock can
-  // honor it. No active thread → just navigate.
-  function navigateWithChat(dest){
-    if(!dest) return;
-    try{
-      if(threadId){
-        var u=new URL(dest, window.location.origin);
-        u.searchParams.set('rk_chat', threadId);
-        dest=u.pathname + u.search + u.hash;
-      }
-    }catch(e){}
-    window.location.href=dest;
-  }
-  // studio mode: choosing "Create Image" / "Create Video" navigates to that
-  // workbench, carrying the current chat thread along for the ride.
-  var modeSel=root.getElementById('rk-chat-mode');
-  if(modeSel){
-    modeSel.addEventListener('change',function(){
-      var dest=modeSel.value;
-      if(dest && dest!=='/chat'){ navigateWithChat(dest); }
-    });
-  }
-})();`;
-    return reskinDocument({
-        title: "vidfarm — Chat with Agent",
-        description: "Vidfarm AI agent chat, wired to the live editor-chat backend — a clean single-column conversation that opens empty with subtle suggestions and a working composer.",
-        activeSlug: "chat",
-        account: { name: input.name, email: input.email },
-        pageCss,
-        body,
-        script
-    });
-}
-//# sourceMappingURL=chat-page.js.map