@mevdragon/vidfarm-devcli 0.20.6 → 0.20.8

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

@@ -1,1634 +0,0 @@
-// /reskin/library — the director's own studio, now MIGRATED to real production
-// data (mirrors src/reskin/settings-page.ts). This is ONE page with two
-// server-routed tabs at distinct URLs:
-//   /reskin/library/approved → your REAL published cuts (ready + scheduled)
-//   /reskin/library/clips    → your REAL mined clip library (client-fetched)
-//
-// The renderer accepts the SAME input object the live `/library` route already
-// builds — `Parameters<typeof renderLibraryPage>[0]` from ../account-pages.js —
-// so wiring the route is just "fetch real data + call this". Every action points
-// at a real endpoint:
-//   • Open      → /editor/:templateId (the real editor, account-scoped)
-//   • View post → post.share_url (the real share/preview page)
-//   • Download  → the primary video asset's real MP4 url
-//   • Schedule  → /reskin/calendar (the real scheduling surface)
-//   • Clips tab → GET /clips/feed, POST /clips/search, POST /clips/scan (real)
-//
-// Follow-up: the live library ships an editorChat / chat-dock runtime
-// (buildLibraryEditorChatBoot → editorChat). That is intentionally OMITTED here
-// for now — this pass focuses on real projects + real clip search. `editorChat`
-// is accepted in the input but not yet rendered.
-//
-// Design stays farmville (shared rk-* primitives + a page-scoped rk-library-* /
-// rk-clips-* CSS block); only the data + actions became real.
-import { reskinDocument, rkEscape } from "./document.js";
-import { jobRunsPanel, JOBRUNS_PAGE_CSS, JOBRUNS_SCRIPT } from "./job-runs-page.js";
-// A safe default so the current route (`renderReskinLibrary("approved")`, no
-// input) keeps working until app.ts is updated to pass real data (mirror the
-// live `/library` route). Once wired, the parent passes the real object.
-const EMPTY_LIBRARY_INPUT = {
-    userId: "",
-    currentAccountId: "",
-    name: null,
-    email: "",
-    posts: [],
-    schedule: { channels: [], connectHref: "/settings?tab=channels&connect=flockposter" },
-    editorChat: null
-};
-const PLAY = `<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5.5v13l11-6.5-11-6.5Z"/></svg>`;
-const SEARCH_ICON = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>`;
-// Compact per-card action icons + viewer-modal chrome (ported from the /discover
-// reskin TikTok viewer so the library modal reads identical).
-const ICON_EDIT = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>`;
-const ICON_SHARE = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>`;
-const ICON_DL = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M5 21h14"/></svg>`;
-const CROSS_ICON = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg>`;
-const SOUND_ON_ICON = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4V5Z"/><path d="M15.5 8.5a5 5 0 0 1 0 7"/><path d="M18.5 5.5a9 9 0 0 1 0 13"/></svg>`;
-const SOUND_OFF_ICON = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5 6 9H2v6h4l5 4V5Z"/><path d="m23 9-6 6"/><path d="m17 9 6 6"/></svg>`;
-const CHEV_UP_ICON = `<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 15 6-6 6 6"/></svg>`;
-const CHEV_DOWN_ICON = `<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>`;
-const ICON_MORE = `<svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="12" cy="5" r="1.9"/><circle cx="12" cy="12" r="1.9"/><circle cx="12" cy="19" r="1.9"/></svg>`;
-const ICON_COPY = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>`;
-const ICON_TRASH = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M10 11v6M14 11v6"/></svg>`;
-const ICON_FOLDER = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z"/></svg>`;
-const ICON_CHEVLEFT = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>`;
-const ICON_LOGS = `<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 6h13"/><path d="M8 12h13"/><path d="M8 18h13"/><path d="M3 6h.01M3 12h.01M3 18h.01"/></svg>`;
-// Logs is no longer a primary tab — it's a right-floated ghost button that rides
-// the topbar (to the right of the tab's quick-search). Shared by the Approved,
-// Raws and Files topbars so the row reads identically everywhere.
-const LOGS_BTN = `<a class="rk-btn rk-btn-ghost rk-btn-sm rk-library-logs-btn" href="/library/logs">${ICON_LOGS}<span>Logs</span></a>`;
-/* ──────────────────────────── Approved (projects) tab ─────────────────────── */
-const STATUS = {
-    ready: { short: "Ready", pill: "rk-pill-green" },
-    scheduled: { short: "Scheduled", pill: "rk-pill-violet" }
-};
-function statusInfo(status) {
-    return STATUS[status] || { short: status ? status.charAt(0).toUpperCase() + status.slice(1) : "Ready", pill: "rk-pill" };
-}
-function fmtDate(iso) {
-    const t = Date.parse(iso);
-    if (Number.isNaN(t))
-        return iso || "";
-    return new Date(t).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-}
-function isVideoAsset(a) {
-    return a.kind === "video" || String(a.content_type || "").startsWith("video");
-}
-function isImageAsset(a) {
-    return a.kind === "image" || String(a.content_type || "").startsWith("image");
-}
-// primaryAsset mirrors the live library: role="primary" → first video → media[0].
-function primaryAsset(post) {
-    return post.media.find((a) => a.role === "primary")
-        || post.media.find((a) => isVideoAsset(a))
-        || post.media[0]
-        || null;
-}
-function downloadAsset(post) {
-    const v = post.media.find((a) => isVideoAsset(a));
-    return v || primaryAsset(post);
-}
-// "View post" now always opens the account-scoped public post page in a new
-// tab: /u/:accountId/approved/posts/:postId (falls back to the un-scoped path or
-// the stored share_url when the account id is unknown).
-function shareHref(post, accountId) {
-    if (accountId) {
-        return `/u/${encodeURIComponent(accountId)}/approved/posts/${encodeURIComponent(post.post_id)}`;
-    }
-    return post.share_url && post.share_url.length
-        ? post.share_url
-        : `/approved/posts/${encodeURIComponent(post.post_id)}`;
-}
-function editorHref(post, accountId) {
-    if (!post.template_id)
-        return null;
-    const q = accountId ? `?account=${encodeURIComponent(accountId)}` : "";
-    return `/editor/${encodeURIComponent(post.template_id)}${q}`;
-}
-function posterMedia(post) {
-    const asset = post.media.find((a) => isVideoAsset(a)) || post.media.find((a) => isImageAsset(a)) || primaryAsset(post);
-    if (asset && isVideoAsset(asset)) {
-        return `<video class="rk-library-video" muted loop playsinline preload="metadata" src="${rkEscape(asset.url)}#t=0.1"></video>`;
-    }
-    if (asset && isImageAsset(asset)) {
-        return `<img class="rk-library-video" loading="lazy" src="${rkEscape(asset.url)}" alt="${rkEscape(post.title || "Published render")}" />`;
-    }
-    return `<span class="rk-library-noprev">No preview</span>`;
-}
-function projectCard(post, accountId, index) {
-    const s = statusInfo(post.status);
-    const title = post.title || "Published render";
-    const subLine = post.tracer
-        ? post.tracer
-        : post.template_id
-            ? `Composition ${post.template_id}`
-            : "Ready-to-post cut";
-    const searchHay = [title, post.caption, post.tracer, post.template_id].filter(Boolean).join(" ").toLowerCase();
-    const editHref = editorHref(post, accountId);
-    // Compact one-row action bar: "Share Post" is the labelled primary (opens the
-    // approved-post preview page in a new tab); "Edit" is the labelled secondary
-    // (opens the composition in the editor in a new tab). A right-floated "⋯"
-    // overflow menu carries Copy ID + Delete (with a popconfirm).
-    const actions = [
-        `<a class="rk-btn rk-btn-gold rk-library-act" href="${rkEscape(shareHref(post, accountId))}" target="_blank" rel="noreferrer">Share Post</a>`,
-        editHref ? `<a class="rk-btn rk-btn-ghost rk-library-act" href="${rkEscape(editHref)}" target="_blank" rel="noreferrer" title="Open in editor">Edit</a>` : ""
-    ].filter(Boolean).join("");
-    // Delete targets the real account-scoped DELETE route; only wired when we know
-    // the owning account (always true for the authed library).
-    const delUrl = accountId
-        ? `/u/${encodeURIComponent(accountId)}/approved/posts/${encodeURIComponent(post.post_id)}`
-        : "";
-    const menu = `<div class="rk-library-menu" data-rk-menu>
-        <button type="button" class="rk-library-kebab" data-rk-menu-btn aria-label="More actions" aria-haspopup="true" aria-expanded="false">${ICON_MORE}</button>
-        <div class="rk-library-menu-pop" data-rk-menu-pop hidden role="menu">
-          <button type="button" class="rk-library-menu-item" data-rk-copy-id="${rkEscape(post.post_id)}" role="menuitem">${ICON_COPY}<span>Copy ID</span></button>
-          <button type="button" class="rk-library-menu-item is-danger" data-rk-del="${rkEscape(delUrl)}" role="menuitem">${ICON_TRASH}<span>Delete</span></button>
-          <div class="rk-library-menu-confirm" data-rk-confirm hidden>
-            <p class="rk-library-menu-confirm-q">Delete this post?</p>
-            <div class="rk-library-menu-confirm-row">
-              <button type="button" class="rk-btn rk-btn-ghost rk-btn-sm" data-rk-confirm-no>Cancel</button>
-              <button type="button" class="rk-btn rk-btn-danger rk-btn-sm" data-rk-confirm-yes>Delete</button>
-            </div>
-          </div>
-        </div>
-      </div>`;
-    // Folder identity for the client-side folder view: the real folder_path if the
-    // post has one, else its tracer (a synthetic group that materializes a folder
-    // when renamed). data-poster fuels the folder-tile mosaic.
-    const folder = (post.folder_path || "").replace(/^\/+|\/+$/g, "");
-    const posterUrl = (post.media.find((a) => isVideoAsset(a)) || post.media.find((a) => isImageAsset(a)) || primaryAsset(post))?.url || "";
-    return `<article class="rk-library-card rk-card-hover" data-status="${rkEscape(post.status)}" data-title="${rkEscape(searchHay)}" data-post-id="${rkEscape(post.post_id)}" data-folder="${rkEscape(folder)}" data-tracer="${rkEscape(post.tracer || "")}" data-poster="${rkEscape(posterUrl)}">
-    <button type="button" class="rk-library-poster" data-rk-view="${index}" aria-label="Play ${rkEscape(title)}">
-      ${posterMedia(post)}
-      <span class="rk-pill ${s.pill} rk-library-pstatus"><span class="rk-library-dot"></span>${rkEscape(s.short)}</span>
-      <span class="rk-library-dur">9:16</span>
-      <span class="rk-library-play">${PLAY}</span>
-    </button>
-    <div class="rk-library-meta">
-      <h3 class="rk-library-title">${rkEscape(title)}</h3>
-      <div class="rk-library-origin"><span class="rk-library-time">${rkEscape(fmtDate(post.created_at))}</span><span class="rk-library-origin-sep">·</span><span class="rk-library-origin-txt">${rkEscape(subLine)}</span></div>
-      <div class="rk-library-actions">${actions}${menu}</div>
-    </div>
-  </article>`;
-}
-function approvedPanel(input, tabs) {
-    const posts = input.posts;
-    const accountId = input.currentAccountId;
-    // The quickfilter searchbar mirrors the Clips tab's pill search — always
-    // rendered so the topbar reads the same on both tabs (disabled when empty).
-    const qCount = posts.length;
-    const searchBar = `<label class="rk-clips-search rk-library-qsearch">
-      <span class="rk-clips-search-ic">${SEARCH_ICON}</span>
-      <input class="rk-input rk-clips-search-input" data-rk-search type="search"
-        placeholder="Search ${qCount} approved post${qCount === 1 ? "" : "s"}…" autocomplete="off" aria-label="Search approved posts"${posts.length ? "" : " disabled"} />
-    </label>`;
-    if (posts.length === 0) {
-        return `
-  <div class="rk-library-topbar">
-    ${tabs}
-    ${searchBar}
-    ${LOGS_BTN}
-  </div>
-
-  <div class="rk-library-empty is-visible">
-    <h3>No published cuts yet</h3>
-    <p class="rk-muted">Approve a finished render and it lands here — ready to schedule, share, or download. Start from a template or a prompt.</p>
-    <a class="rk-btn rk-btn-gold" href="/editor/original/fork/new">Start a project <span class="rk-arrow">→</span></a>
-  </div>`;
-    }
-    const cards = posts.map((p, i) => projectCard(p, accountId, i)).join("");
-    // Data the client viewer needs to build the vertical scroll deck (order MUST
-    // match the cards' data-rk-view index). Videos play in the modal; image-only
-    // posts show their poster still.
-    const viewerData = posts.map((p) => {
-        const asset = primaryAsset(p);
-        const isVideo = Boolean(asset && isVideoAsset(asset));
-        const poster = p.media.find((a) => isImageAsset(a));
-        return {
-            title: p.title || "Published render",
-            sub: p.tracer || (p.template_id ? `Composition ${p.template_id}` : "Ready-to-post cut"),
-            url: asset ? asset.url : "",
-            is_video: isVideo,
-            poster: poster ? poster.url : "",
-            post_href: shareHref(p, accountId),
-            editor_href: editorHref(p, accountId)
-        };
-    });
-    return `
-  <div class="rk-library-topbar">
-    ${tabs}
-    ${searchBar}
-    ${LOGS_BTN}
-  </div>
-
-  <div class="rk-raws-bar rk-library-foldbar" data-rk-approved-bar data-rk-account="${rkEscape(accountId)}" hidden>
-    <nav class="rk-raws-crumbs" data-rk-approved-crumbs aria-label="Breadcrumb"></nav>
-  </div>
-
-  <div class="rk-library-grid" data-rk-grid>
-    ${cards}
-  </div>
-
-  <div class="rk-library-empty" data-rk-empty>
-    <h3>Nothing here yet</h3>
-    <p class="rk-muted">No cuts match your search. Try a different term or spin up a fresh render.</p>
-    <a class="rk-btn rk-btn-gold" href="/editor/original/fork/new">Start a project <span class="rk-arrow">→</span></a>
-  </div>
-
-  <script type="application/json" data-rk-library-data>${JSON.stringify(viewerData).replace(/</g, "\\u003c")}</script>
-  ${LIBRARY_VIEWER_HTML}`;
-}
-// Fullscreen TikTok-style viewer shell — ported from the /discover reskin so the
-// library modal reads identically. The client fills [data-viewer-track] on open.
-const LIBRARY_VIEWER_HTML = `
-    <div class="rk-library-viewer" data-rk-viewer hidden role="dialog" aria-modal="true" aria-label="Published cut viewer">
-      <div class="rk-library-viewer-scrim" data-viewer-close></div>
-      <div class="rk-library-viewer-track" data-viewer-track></div>
-      <div class="rk-library-viewer-ui">
-        <button type="button" class="rk-library-viewer-btn" data-viewer-mute aria-label="Toggle sound"><span class="rk-lvm-on">${SOUND_ON_ICON}</span><span class="rk-lvm-off">${SOUND_OFF_ICON}</span></button>
-        <button type="button" class="rk-library-viewer-btn" data-viewer-close aria-label="Close viewer">${CROSS_ICON}</button>
-      </div>
-      <div class="rk-library-viewer-nav">
-        <button type="button" class="rk-library-viewer-btn" data-viewer-prev aria-label="Previous cut">${CHEV_UP_ICON}</button>
-        <button type="button" class="rk-library-viewer-btn" data-viewer-next aria-label="Next cut">${CHEV_DOWN_ICON}</button>
-      </div>
-    </div>`;
-/* ──────────────────────────────── Clips tab ───────────────────────────────── */
-// The clip library is NOT part of the library route's input — the client fetches
-// the REAL endpoints on load: GET /clips/feed (library), POST /clips/search
-// (hybrid semantic search), POST /clips/scan + GET /clips/scan/:id (mine a
-// source), download via /clips/:clipId/download.
-function clipsPanel(tabs) {
-    // Raws render as a file-directory explorer: raws are foldered by their source
-    // video (source_video_id / source_filename). The root shows folders; opening a
-    // folder shows its raws as big scannable thumbnails; typing a query flips to a
-    // flat semantic-search results view. The clip count lives in the search
-    // placeholder (kept in sync by the client) — no separate summary/count row.
-    return `
-  <div class="rk-library-topbar">
-    ${tabs}
-    <form class="rk-clips-search rk-library-qsearch" id="rkClipsSearch">
-      <span class="rk-clips-search-ic">${SEARCH_ICON}</span>
-      <input class="rk-input rk-clips-search-input" id="rkClipsQuery" type="search"
-        placeholder="Search raw clips…" autocomplete="off" aria-label="Search raw clips" />
-    </form>
-    ${LOGS_BTN}
-  </div>
-
-  <div class="rk-raws-bar">
-    <nav class="rk-raws-crumbs" id="rkRawsCrumbs" aria-label="Breadcrumb"></nav>
-    <div class="rk-clips-status" id="rkClipsStatus"></div>
-  </div>
-
-  <div class="rk-raws-explorer" id="rkClipsGrid"></div>
-
-  <div class="rk-clips-empty" id="rkClipsEmpty" hidden>
-    <h3>No raws yet</h3>
-    <p class="rk-muted">Click <b>Import source</b> to mine a long video into tagged, searchable short clips.</p>
-  </div>
-
-  ${LIBRARY_VIEWER_HTML}`;
-}
-/* ──────────────────────────────── Files tab ───────────────────────────────── */
-// The Files tab is the full-page mount of the reusable file-directory explorer
-// (src/frontend/file-directory.ts). It opens at the virtual root so the three
-// backends read as folders — Files / Temp / Raws — with the component's own
-// unified search (semantic vector + substring + absolute-path, mode=auto),
-// breadcrumb navigation, multi-select, and drag-drop upload. The bundle
-// (/assets/file-directory-app.js) already ships on every full-chrome reskin
-// page and auto-mounts any `[data-rk-directory]`, so no page script is needed;
-// preview routes through the chrome's `window.__rkDirectoryHost.onPreview`.
-function filesPanel(tabs, cloudAvailable = false, initialPath) {
-    // `?path=` deep-links straight into a folder (e.g. /library/files?path=/approved/swipes).
-    // The client's parseDirectoryPath only accepts the known roots, so any junk or
-    // traversal falls back to the virtual root "/" — safe to reflect verbatim.
-    const initialAttr = initialPath && initialPath.trim()
-        ? ` data-initial-path="${rkEscape(initialPath.trim())}"`
-        : "";
-    return `
-  <div class="rk-library-topbar">
-    ${tabs}
-    ${LOGS_BTN}
-  </div>
-
-  <div class="rk-files-explorer">
-    <div data-rk-directory data-mode="standalone" data-show-upload="true" data-show-multiselect="true" data-primary-click="preview"${cloudAvailable ? ` data-cloud-available="true"` : ""}${initialAttr}></div>
-  </div>`;
-}
-const CLIPS_DIALOG = `
-<dialog class="rk-clips-dialog" id="rkClipsDialog">
-  <form class="rk-clips-dialog-form" id="rkClipsScanForm" method="dialog">
-    <div class="rk-card-head">
-      <span class="rk-eyebrow">Import source</span>
-      <h2>Import a video</h2>
-      <p class="rk-muted">Paste a video URL — TikTok, YouTube, Instagram, X, or a direct link. We'll open the Clipper to preview it and save an exact subrange to your raws.</p>
-    </div>
-    <div class="rk-field">
-      <label class="rk-label" for="rkScanUrl">Video URL</label>
-      <input class="rk-input" id="rkScanUrl" name="url" type="url" placeholder="https://youtube.com/watch?v=… or https://…/video.mp4" autocomplete="off" />
-    </div>
-    <div class="rk-field">
-      <label class="rk-label" for="rkScanTracer">Tracer <span class="rk-hint">optional</span></label>
-      <input class="rk-input" id="rkScanTracer" name="tracer" type="text" placeholder="my-campaign-001" autocomplete="off" />
-    </div>
-    <label class="rk-clips-toggle" for="rkScanClip">
-      <input type="checkbox" id="rkScanClip" name="clip" />
-      <span><b>Clip raws with AI</b> — auto-mine this video into matching moments, instead of hand-picking a subrange in the Clipper.</span>
-    </label>
-    <div class="rk-clips-advanced" id="rkClipsAdvanced" hidden>
-      <div class="rk-field">
-        <label class="rk-label" for="rkScanPrompt">What to clip for</label>
-        <textarea class="rk-textarea" id="rkScanPrompt" name="prompt" placeholder="Clip scenes of people reacting, no text on screen, vertical, between 5–10 secs long"></textarea>
-        <span class="rk-hint">Guides the AI tagger toward the moments you actually want.</span>
-      </div>
-      <div class="rk-field">
-        <label class="rk-label" for="rkScanProvider">AI provider</label>
-        <select class="rk-select" id="rkScanProvider" name="provider">
-          <option value="">Auto — use my saved keys</option>
-          <option value="gemini">Gemini</option>
-          <option value="openai">OpenAI</option>
-          <option value="openrouter">OpenRouter</option>
-        </select>
-      </div>
-      <label class="rk-clips-toggle" for="rkScanAudioOnly">
-        <input type="checkbox" id="rkScanAudioOnly" name="audio_only" />
-        <span><b>Clip audio only</b> — save each mined moment as an audio-only <code>.m4a</code> (no video), e.g. lifting sounds from a copyright-free audio video.</span>
-      </label>
-    </div>
-    <p class="rk-hint rk-clips-dialog-note" id="rkScanNote">We'll pull the whole video into your raws library.</p>
-    <div class="rk-clips-dialog-actions">
-      <button type="button" class="rk-btn rk-btn-ghost" id="rkClipsScanCancel">Cancel</button>
-      <button type="submit" class="rk-btn rk-btn-gold" id="rkClipsScanSubmit">Open clipper <span class="rk-arrow">→</span></button>
-    </div>
-  </form>
-</dialog>`;
-/* ──────────────────────────────── Page shell ──────────────────────────────── */
-const APPROVED_SCRIPT = `
-(function(){
-  var root=document;
-  var empty=root.querySelector('[data-rk-empty]');
-  var search=root.querySelector('[data-rk-search]');
-  var grid=root.querySelector('[data-rk-grid]');
-  var foldBar=root.querySelector('[data-rk-approved-bar]');
-  var crumbsEl=root.querySelector('[data-rk-approved-crumbs]');
-  var account=(foldBar&&foldBar.getAttribute('data-rk-account'))||'';
-  var cards=Array.prototype.slice.call(root.querySelectorAll('.rk-library-card'));
-  var total=cards.length;
-  function syncPlaceholder(){
-    if(!search)return;
-    search.setAttribute('placeholder','Search '+total+' approved post'+(total===1?'':'s')+String.fromCharCode(8230));
-  }
-  // hover-to-play the real MP4 previews on the grid cards
-  root.querySelectorAll('video.rk-library-video').forEach(function(v){
-    var card=v.closest('.rk-library-card');
-    if(!card)return;
-    card.addEventListener('mouseenter',function(){ if(v.play){var p=v.play(); if(p&&p.catch)p.catch(function(){});} });
-    card.addEventListener('mouseleave',function(){ if(v.pause)v.pause(); });
-  });
-
-  /* ── folder view (mirrors the Raws tab): group cards by folder_path, fall back
-        to tracer for legacy posts; drill into a folder; search flattens. ─────── */
-  function cssUrl(u){ return "'"+String(u||'').replace(/['")\\\\]/g,'').replace(/\\s/g,'%20')+"'"; }
-  function activeCards(){ return cards.filter(function(c){ return !c.getAttribute('data-removed'); }); }
-  var FOLDERS=[], LOOSE=[], MODE='root', CUR='';
-  function metaOf(card){
-    var fp=(card.getAttribute('data-folder')||'').replace(/^\\/+|\\/+$/g,'');
-    var tr=card.getAttribute('data-tracer')||'';
-    var key = fp ? ('fp:'+fp) : (tr ? ('tr:'+tr) : '');
-    return { card:card, fp:fp, tr:tr, key:key, poster:card.getAttribute('data-poster')||'', postId:card.getAttribute('data-post-id')||'' };
-  }
-  function buildFolders(){
-    var map={}; FOLDERS=[]; LOOSE=[];
-    activeCards().forEach(function(card){
-      var m=metaOf(card);
-      if(!m.key){ LOOSE.push(m); return; }
-      var f=map[m.key];
-      if(!f){
-        f={ id:m.key, folderPath:m.fp||null, tracer:m.tr, name:(m.fp||m.tr||'Untitled'), items:[] };
-        map[m.key]=f; FOLDERS.push(f);
-      }
-      f.items.push(m);
-    });
-  }
-  function folderById(id){ for(var i=0;i<FOLDERS.length;i++){ if(FOLDERS[i].id===id)return FOLDERS[i]; } return null; }
-  function clearTiles(){ Array.prototype.slice.call(grid.querySelectorAll('[data-approved-tile]')).forEach(function(t){ t.parentNode&&t.parentNode.removeChild(t); }); }
-  function folderTileEl(f){
-    var thumbs=f.items.filter(function(m){ return m.poster; }).slice(0,4);
-    var mosaic = thumbs.length
-      ? '<span class="rk-raws-folder-mosaic'+(thumbs.length===1?' is-single':'')+'">'+thumbs.map(function(m){ return '<span class="rk-raws-folder-cell" style="background-image:url('+cssUrl(m.poster)+')"></span>'; }).join('')+'</span>'
-      : '<span class="rk-raws-folder-mosaic is-empty">'+${JSON.stringify(ICON_FOLDER)}+'</span>';
-    var n=f.items.length;
-    var canonPath='/approved'+(f.folderPath?'/'+f.folderPath:(f.tracer?'/'+f.tracer:''));
-    var html='<div class="rk-raws-folder-wrap" data-approved-tile>'
-      + '<button type="button" class="rk-raws-folder rk-card-hover" data-approved-folder="'+attr(f.id)+'">'
-      + mosaic
-      + '<span class="rk-raws-folder-meta"><span class="rk-raws-folder-ic">'+${JSON.stringify(ICON_FOLDER)}+'</span>'
-      + '<span class="rk-raws-folder-txt"><span class="rk-raws-folder-name" title="'+attr(f.name)+'">'+esc(f.name)+'</span>'
-      + '<span class="rk-raws-folder-count">'+n+' post'+(n===1?'':'s')+'</span></span></span>'
-      + '</button>'
-      + '<div class="rk-raws-folder-menu" data-folder-menu>'
-        + '<button type="button" class="rk-raws-folder-kebab" data-approved-fkebab aria-label="Folder actions" aria-haspopup="true" aria-expanded="false">'+${JSON.stringify(ICON_MORE)}+'</button>'
-        + '<div class="rk-raws-folder-pop" data-folder-pop hidden role="menu">'
-          + '<button type="button" role="menuitem" data-approved-frename="'+attr(f.id)+'">Rename folder</button>'
-          + '<button type="button" role="menuitem" data-folder-copy="'+attr(canonPath)+'">Copy path</button>'
-        + '</div></div>'
-      + '</div>';
-    var tmp=document.createElement('div'); tmp.innerHTML=html; return tmp.firstChild;
-  }
-  function renderCrumbs(){
-    if(!crumbsEl)return;
-    if(MODE==='root'){ crumbsEl.innerHTML='<span class="rk-raws-crumb is-current">All posts</span>'; return; }
-    var html='<button type="button" class="rk-raws-crumb rk-raws-crumb-link" data-approved-crumb-root>'+${JSON.stringify(ICON_CHEVLEFT)}+'<span>All posts</span></button>'
-      + '<span class="rk-raws-crumb-sep" aria-hidden="true">/</span>';
-    if(MODE==='folder'){ var f=folderById(CUR); html+='<span class="rk-raws-crumb is-current">'+esc(f?f.name:'Folder')+' <span class="rk-raws-crumb-n">'+(f?f.items.length:0)+'</span></span>'; }
-    else { html+='<span class="rk-raws-crumb is-current">Search</span>'; }
-    crumbsEl.innerHTML=html;
-  }
-  function showBar(show){ if(foldBar)foldBar.hidden=!show; }
-  function setVisible(pred){ var shown=0; activeCards().forEach(function(c){ var v=pred(metaOf(c)); c.hidden=!v; if(v)shown++; }); return shown; }
-  function paintRoot(){
-    MODE='root'; CUR=''; clearTiles(); buildFolders();
-    // folder tiles first (in order, before the cards), then loose cards remain.
-    var frag=document.createDocumentFragment();
-    FOLDERS.forEach(function(f){ frag.appendChild(folderTileEl(f)); });
-    grid.insertBefore(frag,grid.firstChild);
-    var looseShown=setVisible(function(m){ return !m.key; });
-    showBar(FOLDERS.length>0);
-    renderCrumbs();
-    if(empty)empty.classList.toggle('is-visible',FOLDERS.length===0&&looseShown===0);
-  }
-  function paintFolder(id){
-    var f=folderById(id); if(!f){ paintRoot(); return; }
-    MODE='folder'; CUR=id; clearTiles(); showBar(true); renderCrumbs();
-    var shown=setVisible(function(m){ return m.key===id; });
-    if(empty)empty.classList.toggle('is-visible',shown===0);
-  }
-  function paintSearch(q){
-    MODE='search'; clearTiles(); showBar(false);
-    var shown=setVisible(function(m){ return (m.card.getAttribute('data-title')||'').indexOf(q)!==-1; });
-    if(empty)empty.classList.toggle('is-visible',shown===0);
-  }
-  function repaint(){ if(MODE==='folder'&&folderById(CUR))paintFolder(CUR); else paintRoot(); }
-  function apply(){
-    var q=(search&&search.value||'').trim().toLowerCase();
-    if(q)paintSearch(q); else repaint();
-  }
-  if(search)search.addEventListener('input',apply);
-
-  /* ── folder tile clicks: open / rename / copy-path + breadcrumb back ──────── */
-  function closeFolderMenus(except){
-    Array.prototype.slice.call(grid.querySelectorAll('[data-folder-menu]')).forEach(function(mn){
-      if(mn===except)return;
-      var pop=mn.querySelector('[data-folder-pop]'); if(pop)pop.hidden=true;
-      var kb=mn.querySelector('[data-approved-fkebab]'); if(kb)kb.setAttribute('aria-expanded','false');
-    });
-  }
-  function copyText(txt,ok){ try{ if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(txt); } else { var ta=document.createElement('textarea'); ta.value=txt; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); } if(ok)ok(); }catch(e){} }
-  function slugFolder(v){ return String(v||'').toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'').slice(0,60); }
-  function renameApprovedFolder(id){
-    var f=folderById(id); if(!f)return;
-    var current=f.folderPath?f.folderPath.split('/').pop():(f.tracer||f.name);
-    var next=(window.prompt('Rename folder',current||'')||'').trim();
-    if(!next||next===current)return;
-    if(f.folderPath){
-      fetch('/api/v1/user/me/directory/rename',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify({path:'/approved/'+f.folderPath,new_name:next})})
-        .then(function(r){ return r.ok?r.json():r.json().catch(function(){return{};}).then(function(d){ throw new Error((d&&d.error)||'Rename failed'); }); })
-        .then(function(){ window.location.reload(); })
-        .catch(function(err){ window.alert((err&&err.message)||'Rename failed'); });
-    } else {
-      // synthetic tracer group → materialize a real folder by moving each post.
-      if(!account){ window.alert('Cannot rename this group here.'); return; }
-      var target=slugFolder(next); if(!target){ window.alert('Pick a folder name with letters or numbers.'); return; }
-      Promise.all(f.items.map(function(m){
-        return fetch('/u/'+encodeURIComponent(account)+'/approved/posts/'+encodeURIComponent(m.postId),{method:'PATCH',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify({folder_path:target})}).then(function(r){ return r.ok; });
-      })).then(function(){ window.location.reload(); }).catch(function(){ window.alert('Rename failed'); });
-    }
-  }
-  if(grid){
-    grid.addEventListener('click',function(e){
-      var t=e.target;
-      var kb=t&&t.closest?t.closest('[data-approved-fkebab]'):null;
-      if(kb){ e.preventDefault(); e.stopPropagation(); var mn=kb.closest('[data-folder-menu]'); var pop=mn&&mn.querySelector('[data-folder-pop]'); var willOpen=pop&&pop.hidden; closeFolderMenus(mn); if(pop){ pop.hidden=!willOpen; kb.setAttribute('aria-expanded',willOpen?'true':'false'); } return; }
-      var rn=t&&t.closest?t.closest('[data-approved-frename]'):null;
-      if(rn){ e.preventDefault(); closeFolderMenus(null); renameApprovedFolder(rn.getAttribute('data-approved-frename')); return; }
-      var cp=t&&t.closest?t.closest('[data-folder-copy]'):null;
-      if(cp){ e.preventDefault(); closeFolderMenus(null); copyText(cp.getAttribute('data-folder-copy')); return; }
-      var fo=t&&t.closest?t.closest('[data-approved-folder]'):null;
-      if(fo){ e.preventDefault(); closeFolderMenus(null); if(search)search.value=''; paintFolder(fo.getAttribute('data-approved-folder')); return; }
-    });
-  }
-  if(crumbsEl){
-    crumbsEl.addEventListener('click',function(e){
-      var r=e.target&&e.target.closest?e.target.closest('[data-approved-crumb-root]'):null;
-      if(!r)return; e.preventDefault(); if(search)search.value=''; paintRoot();
-    });
-  }
-  document.addEventListener('click',function(e){ var t=e.target; if(!(t&&t.closest&&t.closest('[data-folder-menu]')))closeFolderMenus(null); });
-
-  apply();
-
-  // ── per-card "⋯" overflow menu: Copy ID + Delete (popconfirm) ────────────
-  function closeAllMenus(except){
-    root.querySelectorAll('[data-rk-menu].is-open').forEach(function(m){
-      if(m===except)return;
-      m.classList.remove('is-open');
-      var pop=m.querySelector('[data-rk-menu-pop]'); if(pop)pop.hidden=true;
-      var cf=m.querySelector('[data-rk-confirm]'); if(cf)cf.hidden=true;
-      var btn=m.querySelector('[data-rk-menu-btn]'); if(btn)btn.setAttribute('aria-expanded','false');
-    });
-  }
-  function flashKebab(menu,text){
-    var btn=menu&&menu.querySelector('[data-rk-menu-btn]'); if(!btn)return;
-    btn.classList.add('is-ok'); var prev=btn.getAttribute('title')||'';
-    btn.setAttribute('title',text||'Done');
-    setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('title',prev); },1100);
-  }
-  document.addEventListener('click',function(e){
-    var t=e.target;
-    var btn=t&&t.closest?t.closest('[data-rk-menu-btn]'):null;
-    if(btn){
-      e.preventDefault(); e.stopPropagation();
-      var menu=btn.closest('[data-rk-menu]');
-      var open=menu.classList.contains('is-open');
-      closeAllMenus(open?null:menu);
-      if(open){ menu.classList.remove('is-open'); btn.setAttribute('aria-expanded','false'); return; }
-      menu.classList.add('is-open'); btn.setAttribute('aria-expanded','true');
-      var pop=menu.querySelector('[data-rk-menu-pop]'); if(pop)pop.hidden=false;
-      var cf=menu.querySelector('[data-rk-confirm]'); if(cf)cf.hidden=true;
-      return;
-    }
-    // Copy ID
-    var copy=t&&t.closest?t.closest('[data-rk-copy-id]'):null;
-    if(copy){
-      e.preventDefault();
-      var id=copy.getAttribute('data-rk-copy-id')||'';
-      var menuC=copy.closest('[data-rk-menu]');
-      var done=function(){ flashKebab(menuC,'Copied ID'); closeAllMenus(null); };
-      if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(id).then(done,done); }
-      else { try{ var ta=document.createElement('textarea'); ta.value=id; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); }catch(err){} done(); }
-      return;
-    }
-    // Delete → reveal popconfirm
-    var del=t&&t.closest?t.closest('[data-rk-del]'):null;
-    if(del){
-      e.preventDefault();
-      var m2=del.closest('[data-rk-menu]');
-      var cf2=m2.querySelector('[data-rk-confirm]'); if(cf2)cf2.hidden=false;
-      return;
-    }
-    // Cancel popconfirm
-    var no=t&&t.closest?t.closest('[data-rk-confirm-no]'):null;
-    if(no){ e.preventDefault(); var mN=no.closest('[data-rk-menu]'); closeAllMenus(null); void mN; return; }
-    // Confirm delete → real DELETE
-    var yes=t&&t.closest?t.closest('[data-rk-confirm-yes]'):null;
-    if(yes){
-      e.preventDefault();
-      var m3=yes.closest('[data-rk-menu]');
-      var card=m3.closest('.rk-library-card');
-      var delBtn=m3.querySelector('[data-rk-del]');
-      var url=delBtn&&delBtn.getAttribute('data-rk-del')||'';
-      if(!url){ window.alert('Cannot delete this post.'); return; }
-      yes.disabled=true; yes.classList.add('is-loading');
-      fetch(url,{method:'DELETE',credentials:'same-origin',headers:{Accept:'application/json'}})
-        .then(function(r){ if(!r.ok)throw new Error('delete failed'); return r.json().catch(function(){return {};}); })
-        .then(function(){
-          if(card){ card.setAttribute('data-removed','1'); card.hidden=true; card.parentNode&&card.parentNode.removeChild(card); }
-          total=Math.max(0,total-1); syncPlaceholder(); apply();
-        })
-        .catch(function(){ yes.disabled=false; yes.classList.remove('is-loading'); window.alert('Could not delete that post. Please try again.'); });
-      return;
-    }
-    // click elsewhere closes any open menu
-    if(!(t&&t.closest&&t.closest('[data-rk-menu]')))closeAllMenus(null);
-  });
-  document.addEventListener('keydown',function(e){ if(e.key==='Escape')closeAllMenus(null); });
-
-  // ── TikTok-style viewer modal (mirrors the /discover reskin viewer) ──────
-  var DATA=[]; try{ var el=root.querySelector('[data-rk-library-data]'); if(el) DATA=JSON.parse(el.textContent||'[]'); }catch(e){ DATA=[]; }
-  function esc(t){ var d=document.createElement('div'); d.textContent=(t==null?'':String(t)); return d.innerHTML; }
-  function attr(t){ return esc(t).replace(/"/g,'&quot;'); }
-  var viewer=root.querySelector('[data-rk-viewer]');
-  var vTrack=viewer&&viewer.querySelector('[data-viewer-track]');
-  if(viewer&&vTrack){
-    var vItems=[]; var vOpen=false; var vActive=-1; var vSound=true; var vIO=null;
-    function slideHtml(t,i){
-      var media=t.is_video
-        ? '<video class="rk-library-viewer-media" data-vsrc="'+attr(t.url)+'"'+(t.poster?' poster="'+attr(t.poster)+'"':'')+' loop playsinline preload="none"></video>'
-        : '<img class="rk-library-viewer-media" src="'+attr(t.url||t.poster)+'" alt="'+attr(t.title||'Published cut')+'">';
-      var cta=t.editor_href
-        ? '<a class="rk-btn rk-btn-gold rk-btn-sm rk-library-viewer-cta" href="'+attr(t.editor_href)+'" target="_blank" rel="noreferrer">Open in editor</a>'
-        : '';
-      var view=t.post_href
-        ? '<a class="rk-btn rk-btn-ghost-light rk-btn-sm rk-library-viewer-cta" href="'+attr(t.post_href)+'" target="_blank" rel="noreferrer">View post</a>'
-        : '';
-      return '<section class="rk-library-viewer-slide" data-vslide="'+i+'">'
-        +'<figure class="rk-library-viewer-stage">'
-          + media
-          +'<span class="rk-library-viewer-pause">'+${JSON.stringify(PLAY)}+'</span>'
-          +'<div class="rk-library-viewer-shade"></div>'
-          +'<div class="rk-library-viewer-info">'
-            +'<div class="rk-library-viewer-title">'+esc(t.title)+'</div>'
-            +(t.sub?'<div class="rk-library-viewer-desc">'+esc(t.sub)+'</div>':'')
-            +'<div class="rk-library-viewer-actions">'+cta+view+'</div>'
-          +'</div>'
-        +'</figure>'
-      +'</section>';
-    }
-    function hydrate(slide){ var v=slide.querySelector('video[data-vsrc]'); if(!v||v.getAttribute('src'))return; v.preload='auto'; v.setAttribute('src',v.getAttribute('data-vsrc')); }
-    function updateMuteUi(){ viewer.classList.toggle('is-muted',!vSound); }
-    function setActive(idx){
-      vActive=idx;
-      [].forEach.call(vTrack.children,function(s,i){
-        if(Math.abs(i-idx)<=1) hydrate(s);
-        s.classList.remove('is-paused');
-        var v=s.querySelector('video'); if(!v)return;
-        if(i===idx){ v.muted=!vSound; var pr=v.play(); if(pr&&pr.catch) pr.catch(function(){ v.muted=true; vSound=false; updateMuteUi(); var p2=v.play(); if(p2&&p2.catch)p2.catch(function(){}); }); }
-        else { v.pause(); }
-      });
-      updateMuteUi();
-    }
-    function step(d){ if(!vOpen)return; var n=Math.max(0,Math.min(vItems.length-1,vActive+d)); if(n===vActive)return; vTrack.scrollTo({top:n*vTrack.clientHeight,behavior:'smooth'}); }
-    function open(clickedIdx){
-      vItems=[]; var start=0;
-      DATA.forEach(function(t,i){ if(!t.url&&!t.poster)return; if(i===clickedIdx)start=vItems.length; vItems.push(t); });
-      if(!vItems.length)return;
-      vTrack.innerHTML=vItems.map(slideHtml).join('');
-      vOpen=true; vSound=true; viewer.hidden=false;
-      document.documentElement.classList.add('rk-noscroll');
-      if(vIO)vIO.disconnect();
-      vIO=('IntersectionObserver' in window)?new IntersectionObserver(function(entries){ entries.forEach(function(en){ if(!en.isIntersecting)return; var i=Number(en.target.getAttribute('data-vslide')); if(i!==vActive)setActive(i); }); },{root:vTrack,threshold:0.6}):null;
-      if(vIO)[].forEach.call(vTrack.children,function(s){ vIO.observe(s); });
-      vTrack.scrollTop=start*vTrack.clientHeight;
-      setActive(start);
-    }
-    function close(){
-      if(!vOpen)return; vOpen=false; vActive=-1;
-      if(vIO){ vIO.disconnect(); vIO=null; }
-      vTrack.querySelectorAll('video').forEach(function(v){ v.pause(); });
-      vTrack.innerHTML=''; viewer.hidden=true;
-      document.documentElement.classList.remove('rk-noscroll');
-    }
-    // open from a card poster
-    document.addEventListener('click',function(e){
-      var b=(e.target&&e.target.closest)?e.target.closest('[data-rk-view]'):null;
-      if(!b)return; e.preventDefault(); open(Number(b.getAttribute('data-rk-view')));
-    });
-    viewer.querySelectorAll('[data-viewer-close]').forEach(function(b){ b.addEventListener('click',close); });
-    var muteBtn=viewer.querySelector('[data-viewer-mute]');
-    if(muteBtn)muteBtn.addEventListener('click',function(){ vSound=!vSound; updateMuteUi(); var s=vTrack.children[vActive]; var v=s&&s.querySelector('video'); if(v){ v.muted=!vSound; if(vSound&&v.paused){ var pr=v.play(); if(pr&&pr.catch)pr.catch(function(){}); s.classList.remove('is-paused'); } } });
-    var prevBtn=viewer.querySelector('[data-viewer-prev]'); if(prevBtn)prevBtn.addEventListener('click',function(){ step(-1); });
-    var nextBtn=viewer.querySelector('[data-viewer-next]'); if(nextBtn)nextBtn.addEventListener('click',function(){ step(1); });
-    vTrack.addEventListener('click',function(e){
-      var t=e.target;
-      if(t&&t.closest&&t.closest('a'))return;
-      var media=(t&&t.closest)?t.closest('.rk-library-viewer-media'):null;
-      if(media&&media.tagName==='VIDEO'){ var slide=media.closest('.rk-library-viewer-slide'); if(media.paused){ var pr=media.play(); if(pr&&pr.catch)pr.catch(function(){}); if(slide)slide.classList.remove('is-paused'); } else { media.pause(); if(slide)slide.classList.add('is-paused'); } return; }
-      if(t&&t.classList&&(t.classList.contains('rk-library-viewer-slide')||t===vTrack))close();
-    });
-    document.addEventListener('keydown',function(e){ if(!vOpen)return; if(e.key==='Escape'){ e.preventDefault(); close(); } else if(e.key==='ArrowDown'||e.key==='PageDown'){ e.preventDefault(); step(1); } else if(e.key==='ArrowUp'||e.key==='PageUp'){ e.preventDefault(); step(-1); } });
-    window.addEventListener('resize',function(){ if(vOpen&&vActive>=0)vTrack.scrollTop=vActive*vTrack.clientHeight; });
-  }
-})();`;
-const CLIPS_SCRIPT = `
-(function(){
-  var root=document;
-  var grid=root.getElementById('rkClipsGrid');
-  var statusEl=root.getElementById('rkClipsStatus');
-  var crumbsEl=root.getElementById('rkRawsCrumbs');
-  var empty=root.getElementById('rkClipsEmpty');
-  var form=root.getElementById('rkClipsSearch');
-  var query=root.getElementById('rkClipsQuery');
-  var canHover=!(window.matchMedia&&window.matchMedia('(hover:none)').matches);
-
-  // ── file-directory state ────────────────────────────────────────────────
-  var ALL=[];          // every raw in the library
-  var FOLDERS=[];      // [{id,name,clips:[...]}] grouped by source video
-  var VIEW=[];         // clips currently on screen (drives viewer + hover, by index)
-  var MODE='root';     // 'root' (folders) | 'folder' | 'search'
-  var CUR_FOLDER='';   // active folder id when MODE==='folder'
-  var LAST_Q='';       // active query when MODE==='search'
-  var PENDING=[];      // optimistic import cards: {id,url,tracer,clip,label,error}
-
-  function esc(t){ var d=document.createElement('div'); d.textContent=(t==null?'':String(t)); return d.innerHTML; }
-  function attr(t){ return esc(t).replace(/"/g,'&quot;'); }
-  function cssUrl(u){ return "'"+String(u||'').replace(/['")\\\\]/g,'').replace(/\\s/g,'%20')+"'"; }
-  function fmtClock(sec){ sec=Number(sec)||0; var m=Math.floor(sec/60), s=Math.floor(sec%60); return m+':'+(s<10?'0':'')+s; }
-  function topTags(tags){
-    if(!tags||typeof tags!=='object') return [];
-    var out=[];
-    // content_type leads — it's the shot-kind filter the chips key off.
-    (tags.content_type||[]).slice(0,2).forEach(function(v){ out.push(v.replace(/_/g,' ')); });
-    ['subject','action','emotion'].forEach(function(k){ (tags[k]||[]).slice(0,1).forEach(function(v){ out.push(v); }); });
-    if(tags.energy) out.push('energy:'+tags.energy);
-    return out.slice(0,5);
-  }
-  function setGridEmpty(show){ if(empty)empty.hidden=!show; if(grid)grid.style.display=show?'none':''; }
-  function syncPlaceholder(){
-    if(!query)return;
-    var n=ALL.length;
-    query.setAttribute('placeholder','Search '+n+' raw clip'+(n===1?'':'s')+String.fromCharCode(8230));
-  }
-
-  function normFp(v){ return (v==null?'':String(v)).replace(/^\\/+|\\/+$/g,''); }
-  function slugFolder(v){ return String(v||'').toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'').slice(0,60); }
-
-  // Group raws into REAL directory folders keyed on each clip's folder_path
-  // (canonical /raws/<folder_path>) — the same folders the file directory and the
-  // AI agent see, so a folder can be renamed and clips moved between them. Legacy
-  // clips with no folder_path fall back to a synthetic source-derived group; those
-  // aren't backed by a stored folder yet, so renaming one MATERIALIZES a folder by
-  // moving its clips (see renameFolder). First-seen order is preserved.
-  function buildFolders(){
-    var map={}; FOLDERS=[];
-    ALL.forEach(function(c){
-      var fp=normFp(c.folder_path);
-      var key,f;
-      if(fp){ key='fp:'+fp; }
-      else { key='src:'+String(c.source_video_id||c.source_filename||'ungrouped'); }
-      f=map[key];
-      if(!f){
-        f={ id:key, folderPath:fp||null, name:fp||(c.source_filename||'Untitled source'), clips:[] };
-        map[key]=f; FOLDERS.push(f);
-      }
-      f.clips.push(c);
-    });
-    // Float the full-length original video (role:"source") to the top of its
-    // folder so it reads as the reference the mined clips were cut from.
-    FOLDERS.forEach(function(f){
-      f.clips.sort(function(a,b){ return (b.is_source_original?1:0)-(a.is_source_original?1:0); });
-    });
-  }
-
-  // Optimistic "importing…" placeholder card (spinner, or an error state with a
-  // Dismiss button). Kept in PENDING and re-prepended on every root repaint so a
-  // feed reload never wipes a still-running import.
-  function importCardHtml(p){
-    var label=p.error?'Import failed':(p.label||'Importing…');
-    var sub=p.error?p.error:(p.url||'');
-    var badge=p.error
-      ? '<button type="button" class="rk-clips-dl" data-import-dismiss="'+attr(p.id)+'">Dismiss</button>'
-      : '<span class="rk-clips-dl rk-clips-importing-tag">'+(p.clip?'Mining':'Importing')+'</span>';
-    return '<article class="rk-clips-card rk-clips-importing'+(p.error?' is-error':'')+'" data-import-id="'+attr(p.id)+'">'
-      + '<div class="rk-clips-thumb">'
-        + (p.error?'<span class="rk-clips-importing-x">'+${JSON.stringify(CROSS_ICON)}+'</span>':'<span class="rk-clips-importing-spin" aria-hidden="true"></span>')
-      + '</div>'
-      + '<div class="rk-clips-body">'
-      + '<h3 class="rk-clips-title">'+esc(label)+'</h3>'
-      + '<div class="rk-clips-foot"><span class="rk-clips-src" title="'+attr(sub)+'">'+esc(sub)+'</span>'+badge+'</div>'
-      + '</div></article>';
-  }
-
-  // Folder tile — a 2×2 thumbnail mosaic + name + clip count.
-  function folderCardHtml(folder){
-    var thumbs=folder.clips.filter(function(c){ return c.thumbnail_url; }).slice(0,4);
-    var mosaic;
-    if(thumbs.length){
-      mosaic='<span class="rk-raws-folder-mosaic'+(thumbs.length===1?' is-single':'')+'">'
-        + thumbs.map(function(c){ return '<span class="rk-raws-folder-cell" style="background-image:url('+cssUrl(c.thumbnail_url)+')"></span>'; }).join('')
-        + '</span>';
-    } else {
-      mosaic='<span class="rk-raws-folder-mosaic is-empty">'+${JSON.stringify(ICON_FOLDER)}+'</span>';
-    }
-    // Count MINED clips only — the full-length original is a reference raw, not a
-    // mined scene — and note the presence of a full video alongside the count.
-    var hasFull=folder.clips.some(function(c){ return c.is_source_original; });
-    var n=folder.clips.filter(function(c){ return !c.is_source_original; }).length;
-    var countTxt=n+' clip'+(n===1?'':'s')+(hasFull?' · full video':'');
-    var canonPath='/raws'+(folder.folderPath?'/'+folder.folderPath:'');
-    // Kebab: rename the folder + copy its canonical /raws path. Sits OUTSIDE the
-    // open-folder button (buttons can't nest); its own click is caught before the
-    // tile's navigation handler.
-    var menu='<div class="rk-raws-folder-menu" data-folder-menu>'
-      + '<button type="button" class="rk-raws-folder-kebab" data-folder-kebab aria-label="Folder actions" aria-haspopup="true" aria-expanded="false">'+${JSON.stringify(ICON_MORE)}+'</button>'
-      + '<div class="rk-raws-folder-pop" data-folder-pop hidden role="menu">'
-        + '<button type="button" role="menuitem" data-folder-rename="'+attr(folder.id)+'">Rename folder</button>'
-        + '<button type="button" role="menuitem" data-folder-copy="'+attr(canonPath)+'">Copy path</button>'
-      + '</div></div>';
-    return '<div class="rk-raws-folder-wrap">'
-      + '<button type="button" class="rk-raws-folder rk-card-hover" data-folder-id="'+attr(folder.id)+'">'
-      + mosaic
-      + '<span class="rk-raws-folder-meta">'
-      + '<span class="rk-raws-folder-ic">'+${JSON.stringify(ICON_FOLDER)}+'</span>'
-      + '<span class="rk-raws-folder-txt"><span class="rk-raws-folder-name" title="'+attr(folder.name)+'">'+esc(folder.name)+'</span>'
-      + '<span class="rk-raws-folder-count">'+countTxt+'</span></span>'
-      + '</span></button>'
-      + menu
-      + '</div>';
-  }
-
-  function card(clip,i){
-    var range=fmtClock(clip.start_time_sec)+'–'+fmtClock(clip.end_time_sec);
-    var dur=(clip.duration_sec!=null)?(Number(clip.duration_sec).toFixed(1)+'s'):'';
-    var media=clip.thumbnail_url
-      ? '<img class="rk-clips-thumb-img" loading="lazy" src="'+esc(clip.thumbnail_url)+'" alt="" />'
-      : '<span class="rk-clips-noimg">No preview</span>';
-    var tags=topTags(clip.tags).map(function(t){ return '<span class="rk-clips-tag">'+esc(t)+'</span>'; }).join('');
-    var desc=clip.description || (clip.tags&&clip.tags.transcript) || '(untagged clip)';
-    var dl='/raws/'+encodeURIComponent(clip.clip_id)+'/download';
-    // The full-length original a hunt was mined from gets a distinct badge.
-    var fullBadge=clip.is_source_original?'<span class="rk-clips-fullbadge">Full video</span>':'';
-    return '<article class="rk-clips-card rk-card-hover'+(clip.is_source_original?' is-source-original':'')+'">'
-      + '<button type="button" class="rk-clips-thumb" data-rk-clip-view="'+i+'" aria-label="Open raw">'+media
-      + '<video class="rk-clips-thumb-vid" muted loop playsinline preload="none"'+(clip.thumbnail_url?' poster="'+attr(clip.thumbnail_url)+'"':'')+'></video>'
-      + fullBadge
-      + '<span class="rk-clips-dur">'+esc(range+(dur?' · '+dur:''))+'</span>'
-      + '<span class="rk-clips-play" aria-hidden="true">'+${JSON.stringify(PLAY)}+'</span>'
-      + '</button>'
-      + '<div class="rk-clips-body">'
-      + '<h3 class="rk-clips-title">'+esc(desc)+'</h3>'
-      + (tags?'<div class="rk-clips-tags">'+tags+'</div>':'')
-      + '<div class="rk-clips-foot"><span class="rk-clips-src" title="'+attr(clip.source_filename)+'">'+esc(clip.source_filename||'')+'</span>'
-      + '<a class="rk-clips-dl" href="'+dl+'" target="_blank" rel="noopener">Download</a></div>'
-      + '</div></article>';
-  }
-
-  /* ── mouseover: play the clip in place inside its own card ────────────────── */
-  var hoverTimer=null;
-  var playingThumb=null;   // the thumb whose inline <video> is currently active
-  function stopInline(thumb){
-    if(!thumb)return;
-    var vid=thumb.querySelector('.rk-clips-thumb-vid');
-    if(vid){ try{ vid.pause(); }catch(e){} vid.removeAttribute('src'); vid.load&&vid.load(); }
-    thumb.classList.remove('is-playing');
-  }
-  function hideHover(){
-    if(hoverTimer){ clearTimeout(hoverTimer); hoverTimer=null; }
-    if(playingThumb){ stopInline(playingThumb); playingThumb=null; }
-  }
-  function playInline(thumb,clip){
-    if(!thumb||!clip||!clip.view_url)return;
-    if(playingThumb&&playingThumb!==thumb){ stopInline(playingThumb); }
-    playingThumb=thumb;
-    var vid=thumb.querySelector('.rk-clips-thumb-vid');
-    if(!vid)return;
-    if(clip.thumbnail_url) vid.poster=clip.thumbnail_url;
-    vid.setAttribute('src',clip.view_url); vid.load&&vid.load();
-    thumb.classList.add('is-playing');
-    var p=vid.play&&vid.play(); if(p&&p.catch)p.catch(function(){});
-  }
-  function bindHover(){
-    if(!grid||!canHover)return;
-    Array.prototype.slice.call(grid.querySelectorAll('.rk-clips-thumb[data-rk-clip-view]')).forEach(function(thumb){
-      var idx=Number(thumb.getAttribute('data-rk-clip-view'));
-      thumb.addEventListener('mouseenter',function(){
-        var clip=VIEW[idx]; if(!clip)return;
-        if(hoverTimer)clearTimeout(hoverTimer);
-        hoverTimer=setTimeout(function(){ playInline(thumb,clip); },90);
-      });
-      thumb.addEventListener('mouseleave',function(){
-        if(hoverTimer){ clearTimeout(hoverTimer); hoverTimer=null; }
-        stopInline(thumb);
-        if(playingThumb===thumb) playingThumb=null;
-      });
-    });
-  }
-  window.addEventListener('scroll',hideHover,true);
-
-  /* ── breadcrumb + view rendering ──────────────────────────────────────────── */
-  function renderCrumbs(){
-    if(!crumbsEl)return;
-    var html='';
-    if(MODE==='root'){
-      html='<span class="rk-raws-crumb is-current">All raws</span>';
-    } else {
-      html='<button type="button" class="rk-raws-crumb rk-raws-crumb-link" data-crumb-root>'+${JSON.stringify(ICON_CHEVLEFT)}+'<span>All raws</span></button>';
-      html+='<span class="rk-raws-crumb-sep" aria-hidden="true">/</span>';
-      if(MODE==='folder'){
-        var f=folderById(CUR_FOLDER);
-        html+='<span class="rk-raws-crumb is-current">'+esc(f?f.name:'Folder')+' <span class="rk-raws-crumb-n">'+(f?f.clips.length:0)+'</span></span>';
-      } else {
-        html+='<span class="rk-raws-crumb is-current">Search '+String.fromCharCode(8220)+esc(LAST_Q)+String.fromCharCode(8221)+' <span class="rk-raws-crumb-n">'+VIEW.length+'</span></span>';
-      }
-    }
-    crumbsEl.innerHTML=html;
-  }
-  function folderById(id){ for(var i=0;i<FOLDERS.length;i++){ if(FOLDERS[i].id===id)return FOLDERS[i]; } return null; }
-
-  function paintRoot(){
-    MODE='root'; CUR_FOLDER=''; VIEW=[];
-    if(!grid)return;
-    buildFolders();
-    grid.classList.add('is-folders');
-    if(FOLDERS.length===0 && PENDING.length===0){ grid.innerHTML=''; setGridEmpty(true); renderCrumbs(); if(statusEl)statusEl.textContent=''; return; }
-    grid.innerHTML=PENDING.map(importCardHtml).join('')+FOLDERS.map(folderCardHtml).join('');
-    setGridEmpty(false);
-    renderCrumbs();
-    if(statusEl)statusEl.textContent=FOLDERS.length+' folder'+(FOLDERS.length===1?'':'s');
-  }
-  function paintFolder(id){
-    var f=folderById(id); if(!f){ paintRoot(); return; }
-    MODE='folder'; CUR_FOLDER=id; VIEW=f.clips;
-    if(!grid)return;
-    grid.classList.remove('is-folders');
-    grid.innerHTML=VIEW.map(card).join('');
-    setGridEmpty(VIEW.length===0);
-    renderCrumbs(); bindHover();
-    if(statusEl)statusEl.textContent='';
-  }
-  function paintSearch(results,q){
-    MODE='search'; LAST_Q=q; VIEW=results||[];
-    if(!grid)return;
-    grid.classList.remove('is-folders');
-    if(VIEW.length===0){ grid.innerHTML=''; setGridEmpty(true); renderCrumbs(); if(statusEl)statusEl.textContent='No raws match '+String.fromCharCode(8220)+q+String.fromCharCode(8221)+'.'; return; }
-    grid.innerHTML=VIEW.map(card).join('');
-    setGridEmpty(false);
-    renderCrumbs(); bindHover();
-    if(statusEl)statusEl.textContent='';
-  }
-  // Repaint whatever view is active (used after an optimistic import lands).
-  function repaint(){
-    if(MODE==='folder')paintFolder(CUR_FOLDER);
-    else if(MODE==='search')paintSearch(VIEW,LAST_Q);
-    else paintRoot();
-  }
-
-  /* ── optimistic import lifecycle ─────────────────────────────────────────── */
-  function getPending(id){ for(var i=0;i<PENDING.length;i++){ if(PENDING[i].id===id)return PENDING[i]; } return null; }
-  function removeImport(id){ PENDING=PENDING.filter(function(p){ return p.id!==id; }); }
-  function updateImportCard(id){
-    var p=getPending(id); if(!p)return;
-    var el=grid&&grid.querySelector('[data-import-id="'+id+'"]');
-    if(el){ el.outerHTML=importCardHtml(p); } else { repaint(); }
-  }
-  function finishImport(id){ removeImport(id); loadFeed(); }
-  function failImport(id,msg){ var p=getPending(id); if(p){ p.error=msg; } updateImportCard(id); if(statusEl)statusEl.textContent=msg; }
-  function onScanResult(id,clip,res){
-    if(!res.ok){ failImport(id,(res.data&&res.data.error)||(clip?'Could not start the scan.':'Could not import that video.')); return; }
-    var d=res.data||{};
-    if(d.scan_id && d.status!=='complete'){
-      var p=getPending(id); if(p){ p.label=clip?'Mining clips…':'Importing…'; updateImportCard(id); }
-      pollImport(id,d.scan_id);
-    } else {
-      finishImport(id);
-    }
-  }
-  function pollImport(id,scanId){
-    var tries=0;
-    var t=setInterval(function(){
-      tries++;
-      if(tries>200){ clearInterval(t); var p=getPending(id); if(p){ p.error='Still working in the background — refresh shortly.'; updateImportCard(id); } return; }
-      fetch('/raws/scan/'+encodeURIComponent(scanId),{credentials:'same-origin',headers:{Accept:'application/json'}})
-        .then(function(r){ return r.ok?r.json():null; })
-        .then(function(d){
-          if(!d)return;
-          var src=d.source||{}; var status=src.status||(d.scan&&d.scan.status)||'running';
-          if(status==='complete'){ clearInterval(t); finishImport(id); }
-          else if(status==='failed'||status==='error'){ clearInterval(t); failImport(id,src.error||(d.scan&&d.scan.error)||'The source could not be processed.'); }
-        }).catch(function(){});
-    },4000);
-  }
-  if(grid){
-    grid.addEventListener('click',function(e){
-      var d=e.target&&e.target.closest?e.target.closest('[data-import-dismiss]'):null;
-      if(!d)return; e.preventDefault(); removeImport(d.getAttribute('data-import-dismiss')); repaint();
-    });
-  }
-
-  /* ── fullscreen scroll-snap viewer (click a raw → vertical deck) ──────────── */
-  var viewer=root.querySelector('[data-rk-viewer]');
-  var vTrack=viewer&&viewer.querySelector('[data-viewer-track]');
-  if(viewer&&vTrack){
-    var vItems=[]; var vOpen=false; var vActive=-1; var vSound=true; var vIO=null;
-    function slideHtml(t,i){
-      var media=t.view_url
-        ? '<video class="rk-library-viewer-media" data-vsrc="'+attr(t.view_url)+'"'+(t.thumbnail_url?' poster="'+attr(t.thumbnail_url)+'"':'')+' loop playsinline preload="none"></video>'
-        : '<img class="rk-library-viewer-media" src="'+attr(t.thumbnail_url||'')+'" alt="'+attr(t.description||'Raw clip')+'">';
-      var desc=t.description || (t.tags&&t.tags.transcript) || t.source_filename || 'Raw clip';
-      var range=fmtClock(t.start_time_sec)+'–'+fmtClock(t.end_time_sec);
-      var meta=(t.source_filename?esc(t.source_filename)+' · ':'')+esc(range);
-      var dl='/raws/'+encodeURIComponent(t.clip_id)+'/download';
-      return '<section class="rk-library-viewer-slide" data-vslide="'+i+'">'
-        +'<figure class="rk-library-viewer-stage">'
-          + media
-          +'<span class="rk-library-viewer-pause">'+${JSON.stringify(PLAY)}+'</span>'
-          +'<div class="rk-library-viewer-shade"></div>'
-          +'<div class="rk-library-viewer-info">'
-            +'<div class="rk-library-viewer-title">'+esc(desc)+'</div>'
-            +'<div class="rk-library-viewer-desc">'+meta+'</div>'
-            +'<div class="rk-library-viewer-actions"><a class="rk-btn rk-btn-gold rk-btn-sm rk-library-viewer-cta" href="'+dl+'" target="_blank" rel="noopener">Download</a></div>'
-          +'</div>'
-        +'</figure>'
-      +'</section>';
-    }
-    function hydrate(slide){ var v=slide.querySelector('video[data-vsrc]'); if(!v||v.getAttribute('src'))return; v.preload='auto'; v.setAttribute('src',v.getAttribute('data-vsrc')); }
-    function updateMuteUi(){ viewer.classList.toggle('is-muted',!vSound); }
-    function setActive(idx){
-      vActive=idx;
-      [].forEach.call(vTrack.children,function(s,i){
-        if(Math.abs(i-idx)<=1) hydrate(s);
-        s.classList.remove('is-paused');
-        var v=s.querySelector('video'); if(!v)return;
-        if(i===idx){ v.muted=!vSound; var pr=v.play(); if(pr&&pr.catch) pr.catch(function(){ v.muted=true; vSound=false; updateMuteUi(); var p2=v.play(); if(p2&&p2.catch)p2.catch(function(){}); }); }
-        else { v.pause(); }
-      });
-      updateMuteUi();
-    }
-    function step(d){ if(!vOpen)return; var n=Math.max(0,Math.min(vItems.length-1,vActive+d)); if(n===vActive)return; vTrack.scrollTo({top:n*vTrack.clientHeight,behavior:'smooth'}); }
-    function open(clickedIdx){
-      hideHover();
-      vItems=[]; var start=0;
-      VIEW.forEach(function(t,i){ if(!t.view_url&&!t.thumbnail_url)return; if(i===clickedIdx)start=vItems.length; vItems.push(t); });
-      if(!vItems.length)return;
-      vTrack.innerHTML=vItems.map(slideHtml).join('');
-      vOpen=true; vSound=true; viewer.hidden=false;
-      document.documentElement.classList.add('rk-noscroll');
-      if(vIO)vIO.disconnect();
-      vIO=('IntersectionObserver' in window)?new IntersectionObserver(function(entries){ entries.forEach(function(en){ if(!en.isIntersecting)return; var i=Number(en.target.getAttribute('data-vslide')); if(i!==vActive)setActive(i); }); },{root:vTrack,threshold:0.6}):null;
-      if(vIO)[].forEach.call(vTrack.children,function(s){ vIO.observe(s); });
-      vTrack.scrollTop=start*vTrack.clientHeight;
-      setActive(start);
-    }
-    function close(){
-      if(!vOpen)return; vOpen=false; vActive=-1;
-      if(vIO){ vIO.disconnect(); vIO=null; }
-      vTrack.querySelectorAll('video').forEach(function(v){ v.pause(); });
-      vTrack.innerHTML=''; viewer.hidden=true;
-      document.documentElement.classList.remove('rk-noscroll');
-    }
-    if(grid){
-      grid.addEventListener('click',function(e){
-        var b=e.target&&e.target.closest?e.target.closest('[data-rk-clip-view]'):null;
-        if(!b)return; e.preventDefault(); open(Number(b.getAttribute('data-rk-clip-view')));
-      });
-    }
-    viewer.querySelectorAll('[data-viewer-close]').forEach(function(b){ b.addEventListener('click',close); });
-    var muteBtn=viewer.querySelector('[data-viewer-mute]');
-    if(muteBtn)muteBtn.addEventListener('click',function(){ vSound=!vSound; updateMuteUi(); var s=vTrack.children[vActive]; var v=s&&s.querySelector('video'); if(v){ v.muted=!vSound; if(vSound&&v.paused){ var pr=v.play(); if(pr&&pr.catch)pr.catch(function(){}); s.classList.remove('is-paused'); } } });
-    var prevBtn=viewer.querySelector('[data-viewer-prev]'); if(prevBtn)prevBtn.addEventListener('click',function(){ step(-1); });
-    var nextBtn=viewer.querySelector('[data-viewer-next]'); if(nextBtn)nextBtn.addEventListener('click',function(){ step(1); });
-    vTrack.addEventListener('click',function(e){
-      var t=e.target;
-      if(t&&t.closest&&t.closest('a'))return;
-      var media=(t&&t.closest)?t.closest('.rk-library-viewer-media'):null;
-      if(media&&media.tagName==='VIDEO'){ var slide=media.closest('.rk-library-viewer-slide'); if(media.paused){ var pr=media.play(); if(pr&&pr.catch)pr.catch(function(){}); if(slide)slide.classList.remove('is-paused'); } else { media.pause(); if(slide)slide.classList.add('is-paused'); } return; }
-      if(t&&t.classList&&(t.classList.contains('rk-library-viewer-slide')||t===vTrack))close();
-    });
-    document.addEventListener('keydown',function(e){ if(!vOpen)return; if(e.key==='Escape'){ e.preventDefault(); close(); } else if(e.key==='ArrowDown'||e.key==='PageDown'){ e.preventDefault(); step(1); } else if(e.key==='ArrowUp'||e.key==='PageUp'){ e.preventDefault(); step(-1); } });
-    window.addEventListener('resize',function(){ if(vOpen&&vActive>=0)vTrack.scrollTop=vActive*vTrack.clientHeight; });
-  }
-
-  /* ── folder rename / copy-path (kebab on each folder tile) ────────────────── */
-  function closeFolderMenus(except){
-    if(!grid)return;
-    Array.prototype.slice.call(grid.querySelectorAll('[data-folder-menu]')).forEach(function(m){
-      if(m===except)return;
-      var pop=m.querySelector('[data-folder-pop]'); if(pop)pop.hidden=true;
-      var kb=m.querySelector('[data-folder-kebab]'); if(kb)kb.setAttribute('aria-expanded','false');
-    });
-  }
-  function copyPath(path){
-    try{
-      if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(path); }
-      else { var ta=document.createElement('textarea'); ta.value=path; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); }
-      if(statusEl)statusEl.textContent='Copied '+path;
-    }catch(e){ if(statusEl)statusEl.textContent=path; }
-  }
-  // Rename a raws folder. Real folders (folder_path set) go through the directory
-  // rename endpoint (re-points every clip + nested subfolders server-side). Legacy
-  // source-groups (no folder_path) have no stored folder to rename, so we
-  // MATERIALIZE one by moving each clip into /raws/<slug> via PATCH /raws/:id.
-  function renameFolder(folderId){
-    var f=folderById(folderId); if(!f)return;
-    var current=f.folderPath?(f.folderPath.split('/').pop()):f.name;
-    var next=(window.prompt('Rename folder',current||'')||'').trim();
-    if(!next||next===current)return;
-    if(statusEl)statusEl.textContent='Renaming…';
-    if(f.folderPath){
-      fetch('/api/v1/user/me/directory/rename',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify({path:'/raws/'+f.folderPath,new_name:next})})
-        .then(function(r){ return r.ok?r.json():r.json().catch(function(){return{};}).then(function(d){ throw new Error((d&&d.error)||'Rename failed'); }); })
-        .then(function(){ loadFeed(); })
-        .catch(function(err){ if(statusEl)statusEl.textContent=(err&&err.message)||'Rename failed'; });
-    } else {
-      var target=slugFolder(next); if(!target){ if(statusEl)statusEl.textContent='Pick a folder name with letters or numbers.'; return; }
-      Promise.all(f.clips.map(function(c){
-        return fetch('/raws/'+encodeURIComponent(c.clip_id),{method:'PATCH',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify({folder_path:target})}).then(function(r){ return r.ok; });
-      })).then(function(oks){
-        if(oks.some(function(ok){ return !ok; })){ if(statusEl)statusEl.textContent='Some clips could not be moved — try again.'; }
-        loadFeed();
-      }).catch(function(){ if(statusEl)statusEl.textContent='Rename failed'; loadFeed(); });
-    }
-  }
-
-  // Folder navigation (grid tile) + breadcrumb "All raws" back link.
-  if(grid){
-    grid.addEventListener('click',function(e){
-      var tgt=e.target;
-      // kebab toggle
-      var kb=tgt&&tgt.closest?tgt.closest('[data-folder-kebab]'):null;
-      if(kb){ e.preventDefault(); e.stopPropagation(); var menu=kb.closest('[data-folder-menu]'); var pop=menu&&menu.querySelector('[data-folder-pop]'); var willOpen=pop&&pop.hidden; closeFolderMenus(menu); if(pop){ pop.hidden=!willOpen; kb.setAttribute('aria-expanded',willOpen?'true':'false'); } return; }
-      var rn=tgt&&tgt.closest?tgt.closest('[data-folder-rename]'):null;
-      if(rn){ e.preventDefault(); closeFolderMenus(null); renameFolder(rn.getAttribute('data-folder-rename')); return; }
-      var cp=tgt&&tgt.closest?tgt.closest('[data-folder-copy]'):null;
-      if(cp){ e.preventDefault(); closeFolderMenus(null); copyPath(cp.getAttribute('data-folder-copy')); return; }
-      var f=tgt&&tgt.closest?tgt.closest('[data-folder-id]'):null;
-      if(!f)return; e.preventDefault(); closeFolderMenus(null); hideHover(); if(query)query.value=''; paintFolder(f.getAttribute('data-folder-id'));
-    });
-  }
-  document.addEventListener('click',function(e){
-    var t=e.target;
-    if(!(t&&t.closest&&t.closest('[data-folder-menu]')))closeFolderMenus(null);
-  });
-  if(crumbsEl){
-    crumbsEl.addEventListener('click',function(e){
-      var r=e.target&&e.target.closest?e.target.closest('[data-crumb-root]'):null;
-      if(!r)return; e.preventDefault(); hideHover(); if(query)query.value=''; paintRoot();
-    });
-  }
-
-  function handleAuth(res){
-    if(res.status===401||res.status===403){
-      if(grid)grid.innerHTML='';
-      setGridEmpty(false);
-      if(statusEl)statusEl.innerHTML='Sign in to vidfarm to see your raws, then build a library with the Import source button or <code>vidfarm raws scan</code>.';
-      throw new Error('unauthorized');
-    }
-    return res.json();
-  }
-
-  function loadFeed(){
-    if(statusEl)statusEl.textContent='Loading your raws…';
-    fetch('/raws/feed?limit=250',{credentials:'same-origin',headers:{Accept:'application/json'}})
-      .then(handleAuth).then(function(d){
-        ALL=d.clips||[]; buildFolders(); syncPlaceholder();
-        // stay inside the current folder if it survived the refresh, else root
-        if(MODE==='folder' && folderById(CUR_FOLDER)) paintFolder(CUR_FOLDER);
-        else paintRoot();
-      }).catch(function(){});
-  }
-
-  function search(q){
-    if(statusEl)statusEl.textContent='Searching…';
-    fetch('/raws/search',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify({query:q,limit:60})})
-      .then(handleAuth).then(function(d){ paintSearch(d.results||[],q); }).catch(function(){});
-  }
-
-  if(form){
-    form.addEventListener('submit',function(e){
-      e.preventDefault();
-      var q=(query&&query.value||'').trim();
-      if(q)search(q); else paintRoot();
-    });
-  }
-  if(query){
-    // clearing the box returns to the folder root without a round-trip
-    query.addEventListener('input',function(){ if(!(query.value||'').trim() && MODE==='search'){ hideHover(); paintRoot(); } });
-  }
-
-  // ── Scan a source (real clip hunt) ─────────────────────────────────────
-  var dialog=root.getElementById('rkClipsDialog');
-  var openBtns=Array.prototype.slice.call(root.querySelectorAll('[data-rk-open-scan]'));
-  var cancelBtn=root.getElementById('rkClipsScanCancel');
-  var scanForm=root.getElementById('rkClipsScanForm');
-  var scanUrl=root.getElementById('rkScanUrl');
-  var scanPrompt=root.getElementById('rkScanPrompt');
-  var scanProvider=root.getElementById('rkScanProvider');
-  var scanTracer=root.getElementById('rkScanTracer');
-  var scanNote=root.getElementById('rkScanNote');
-  var scanSubmit=root.getElementById('rkClipsScanSubmit');
-  var scanClip=root.getElementById('rkScanClip');
-  var scanAudioOnly=root.getElementById('rkScanAudioOnly');
-  var scanAdvanced=root.getElementById('rkClipsAdvanced');
-  var IMPORT_NOTE="We'll open the Clipper so you can preview the video and save an exact subrange (or the whole thing) to your raws.";
-  var CLIP_NOTE='AI tagging runs on your own key (BYOK) — vidfarm only bills the clip-scan compute.';
-  var SCAN_OPTS=null;  // GET /raws/scan-options: which providers/keys can run a hunt
-  function setNote(msg,tone){ if(!scanNote)return; scanNote.textContent=msg; if(tone)scanNote.setAttribute('data-tone',tone); else scanNote.removeAttribute('data-tone'); }
-  function providerLabel(p){ return p==='gemini'?'Gemini':p==='openai'?'OpenAI':p==='openrouter'?'OpenRouter':p; }
-  // Can a clip hunt actually run? A saved provider key, a local agent CLI, or a
-  // linked cloud account all qualify. Unknown (not yet loaded) → don't block.
-  function clipReady(){
-    if(!SCAN_OPTS)return true;
-    if(SCAN_OPTS.default_provider)return true;
-    if(SCAN_OPTS.pipeline==='upstream'||SCAN_OPTS.upstream_backup)return true;
-    return (SCAN_OPTS.providers||[]).some(function(p){ return p.has_key; });
-  }
-  function applyScanOpts(){
-    if(!SCAN_OPTS||!scanProvider)return;
-    Array.prototype.slice.call(scanProvider.options).forEach(function(opt){
-      if(!opt.value)return;  // leave "Auto" alone
-      var pr=null; (SCAN_OPTS.providers||[]).forEach(function(p){ if(p.provider===opt.value)pr=p; });
-      if(!pr)return;
-      opt.disabled=!pr.has_key;
-      opt.textContent=providerLabel(opt.value)+(pr.has_key?' — key saved':' — no key saved');
-    });
-    if(scanClip&&scanClip.checked)syncClipMode();
-  }
-  function loadScanOpts(){
-    fetch('/raws/scan-options',{credentials:'same-origin',headers:{Accept:'application/json'}})
-      .then(function(r){ return r.ok?r.json():null; })
-      .then(function(d){ if(d){ SCAN_OPTS=d; applyScanOpts(); } }).catch(function(){});
-  }
-  function syncClipMode(){
-    var on=!!(scanClip&&scanClip.checked);
-    if(scanAdvanced)scanAdvanced.hidden=!on;
-    if(scanSubmit)scanSubmit.innerHTML=(on?'Start scan':'Open clipper')+' <span class="rk-arrow">→</span>';
-    if(on&&!clipReady()){
-      setNote('No AI provider available — add a Gemini, OpenAI, or OpenRouter key in Settings to clip raws (or uncheck to import the whole video).','error');
-    } else {
-      setNote(on?CLIP_NOTE:IMPORT_NOTE);
-    }
-  }
-  if(scanClip)scanClip.addEventListener('change',syncClipMode);
-  if(dialog){ openBtns.forEach(function(openBtn){ openBtn.addEventListener('click',function(){ if(!SCAN_OPTS)loadScanOpts(); syncClipMode(); if(typeof dialog.showModal==='function'&&!dialog.open)dialog.showModal(); }); }); }
-  if(cancelBtn&&dialog){ cancelBtn.addEventListener('click',function(){ if(dialog.open)dialog.close(); }); }
-  if(dialog){
-    dialog.addEventListener('click',function(e){
-      var r=dialog.getBoundingClientRect();
-      if(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom)dialog.close();
-    });
-  }
-  if(scanForm){
-    scanForm.addEventListener('submit',function(e){
-      e.preventDefault();
-      var url=(scanUrl&&scanUrl.value||'').trim();
-      var tracer=(scanTracer&&scanTracer.value||'').trim();
-      var clip=!!(scanClip&&scanClip.checked);
-      var prompt=clip?(scanPrompt&&scanPrompt.value||'').trim():'';
-      var provider=clip?(scanProvider&&scanProvider.value||'').trim():'';
-      var audioOnly=clip&&!!(scanAudioOnly&&scanAudioOnly.checked);
-      if(!url){ setNote('Enter a video URL.','error'); return; }
-      // Whole-video (non-AI) path now opens the Clipper so the user can pick an
-      // exact subrange (or save the whole thing) with a live video preview.
-      if(!clip){
-        var clp=new URL('/tools/clipper', window.location.origin);
-        clp.searchParams.set('source_url', url);
-        if(tracer) clp.searchParams.set('tracer', tracer);
-        window.location.href=clp.pathname+clp.search;
-        return;
-      }
-      setNote('Starting scan…');
-      if(scanSubmit){ scanSubmit.disabled=true; scanSubmit.classList.add('is-loading'); }
-
-      var payload={source_url:url};
-      if(clip){ payload.prompt=prompt; if(provider)payload.provider=provider; if(audioOnly)payload.audio_only=true; } else { payload.import_only=true; }
-      if(tracer)payload.tracer=tracer;
-
-      // Fire the request now; hold it and only wire the result AFTER the modal
-      // closes and the optimistic card lands (so a fast reply can't race ahead
-      // of its own placeholder).
-      var id='imp'+Date.now()+'-'+Math.floor(Math.random()*1e6);
-      var req=fetch('/raws/scan',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json',Accept:'application/json'},body:JSON.stringify(payload)})
-        .then(function(r){ return r.json().then(function(d){ return {ok:r.ok,data:d}; }); });
-
-      // brief spinner beat, then close and optimistically drop an "importing…" card
-      setTimeout(function(){
-        if(scanSubmit){ scanSubmit.disabled=false; scanSubmit.classList.remove('is-loading'); }
-        if(dialog&&dialog.open)dialog.close();
-        if(scanForm.reset)scanForm.reset();
-        syncClipMode();
-        PENDING.unshift({id:id,url:url,tracer:tracer,clip:clip,label:clip?'Starting scan…':'Importing…'});
-        if(query)query.value='';
-        paintRoot(); // surface the optimistic "importing…" card at the directory root
-        if(statusEl)statusEl.textContent=(clip?'Mining a source…':'Importing a video…')+(tracer?' (tracer '+tracer+')':'');
-        req.then(function(res){ onScanResult(id,clip,res); }).catch(function(){ failImport(id,'Network error — please try again.'); });
-      },650);
-    });
-  }
-
-  loadFeed();
-})();`;
-export function renderReskinLibrary(tab = "approved", input = EMPTY_LIBRARY_INPUT) {
-    const isRaws = tab === "raws";
-    const isLogs = tab === "logs";
-    const isFiles = tab === "files";
-    const tabDef = [
-        { key: "approved", label: "Approved", href: "/library/approved" },
-        { key: "raws", label: "Raws", href: "/library/raws" },
-        { key: "files", label: "Files", href: "/library/files" }
-    ];
-    const tabs = `<div class="rk-library-tabs" role="tablist" aria-label="Library view">
-    ${tabDef.map((t) => `<a class="rk-library-tab${t.key === tab ? " is-active" : ""}" role="tab"${t.key === tab ? ` aria-current="page"` : ""} href="${t.href}">${t.label}</a>`).join("\n    ")}
-  </div>`;
-    // Logs tab reuses the real /job-runs history endpoint (client-fetched by the
-    // folded-in job-runs script); the seed is empty so it loads live.
-    const logsBoot = {
-        loadEndpoint: "/job-runs/history?limit=250",
-        accountId: input.currentAccountId || "",
-        storageDriver: "s3",
-        entries: []
-    };
-    const headSub = isLogs
-        ? "Every render, clip scan, decompose and primitive job — with status, timing, and the compute it cost."
-        : isFiles
-            ? "Your whole workspace as one navigable directory — files, temp scratch, and mined raws. Search by meaning, name, or path."
-            : isRaws
-                ? "Long-form videos mined into tagged, searchable short clips — every reaction, hook, and money shot, ready to drop into an edit."
-                : "Every published cut you own — ready-to-post renders and scheduled drops. Open in the editor, share, download, or schedule.";
-    const headCta = isRaws
-        ? `<button type="button" class="rk-btn rk-btn-gold rk-btn-sm rk-library-new-btn" data-rk-open-scan>Import source <span class="rk-arrow">→</span></button>`
-        : isLogs || isFiles
-            ? ""
-            : `<a class="rk-btn rk-btn-gold rk-btn-sm rk-library-new-btn" href="/editor/original/fork/new">New project <span class="rk-arrow">→</span></a>`;
-    const panel = isLogs
-        ? `<div class="rk-library-topbar">${tabs}</div>\n  ${jobRunsPanel(logsBoot)}`
-        : isFiles
-            ? filesPanel(tabs, Boolean(input.cloudSpace), input.initialFilesPath)
-            : isRaws
-                ? clipsPanel(tabs)
-                : approvedPanel(input, tabs);
-    const body = `
-<main class="rk-container-wide rk-page rk-library-page">
-  <div class="rk-spread rk-page-head rk-library-head">
-    <div class="rk-stack rk-library-head-copy">
-      <h1 class="rk-h1">Library</h1>
-      <p class="rk-sub">${headSub}</p>
-    </div>
-    ${headCta}
-  </div>
-
-  ${panel}
-</main>
-${isRaws ? CLIPS_DIALOG : ""}`;
-    const pageCss = `
-/* .rk-page zeroes horizontal padding; the wide container == viewport at 1280 so
-   margin:auto adds no gutter. Restore side gutters (longhand beats the shorthand). */
-.rk-library-page{padding-left:var(--rk-gutter);padding-right:var(--rk-gutter)}
-/* compact head: title + sub left, small New project pinned top-right on the same row */
-.rk-library-head{align-items:flex-start}
-.rk-library-head-copy{gap:4px;margin:0;flex:1 1 auto;min-width:0}
-.rk-library-new-btn{flex:none;margin-top:2px}
-
-/* topbar row: primary tab toggle + the tab's quick search share one line */
-.rk-library-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
-/* "Logs" — pulled out of the tab toggle; floats to the far right of the row.
-   When a search bar is present it already grabs margin-left:auto, so Logs just
-   trails it; when there's no search (Files tab) Logs floats right on its own. */
-.rk-library-logs-btn{flex:none;margin-left:auto;gap:7px}
-.rk-library-qsearch ~ .rk-library-logs-btn,#rkClipsSearch ~ .rk-library-logs-btn{margin-left:0}
-.rk-library-logs-btn svg{color:var(--rk-n-500)}
-@media(max-width:720px){.rk-library-logs-btn{margin-left:auto}}
-
-/* primary tab toggle (Approved | Clips) */
-.rk-library-tabs{display:inline-flex;flex:none;padding:5px;gap:3px;background:var(--rk-n-100);border:1px solid var(--rk-border);border-radius:var(--rk-r-full)}
-.rk-library-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--rk-r-full);font-size:14px;font-weight:600;color:var(--rk-n-600);transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-library-tab span{font-size:15px}
-.rk-library-tab:hover{color:var(--rk-ink)}
-.rk-library-tab.is-active{background:var(--rk-ink);color:#fff;box-shadow:var(--rk-shadow-sm)}
-
-/* stats — sits right-aligned in the chips row */
-.rk-library-summary{font-size:13.5px;color:var(--rk-text-muted);font-weight:500;line-height:1.7}
-.rk-library-summary b{color:var(--rk-ink);font-weight:800;font-family:var(--rk-font-display);font-size:15px;letter-spacing:-.01em}
-.rk-library-toolbar .rk-library-summary{margin-left:auto}
-
-/* toolbar (filter chips + count) */
-.rk-library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}
-.rk-library-chips{display:flex;flex-wrap:wrap;gap:4px}
-.rk-library-chip{display:inline-flex;align-items:center;padding:6px 13px;border-radius:var(--rk-r-full);border:1px solid transparent;background:transparent;color:var(--rk-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-library-chip:hover{background:var(--rk-n-100);color:var(--rk-ink)}
-.rk-library-chip.is-active{background:var(--rk-ink);color:#fff}
-/* approved quickfilter — same pill search as the Clips tab, right-aligned */
-.rk-library-qsearch{flex:1 1 220px;max-width:360px;margin-left:auto}
-.rk-library-qsearch .rk-clips-search-input:disabled{background:var(--rk-n-100);cursor:not-allowed}
-@media(max-width:720px){.rk-library-qsearch{max-width:none;margin-left:0;width:100%}}
-
-/* grid + cards */
-.rk-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
-.rk-library-card{display:flex;flex-direction:column;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);overflow:hidden;box-shadow:var(--rk-shadow-card)}
-.rk-library-card[hidden]{display:none}
-.rk-library-poster{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;background:linear-gradient(158deg,#2c2c2c,#171717);border:0;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:inherit}
-.rk-library-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.22));pointer-events:none}
-.rk-library-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050505}
-.rk-library-noprev{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.72);font-size:12px;font-weight:600;letter-spacing:.01em}
-.rk-library-pstatus{position:absolute;top:12px;left:12px;z-index:2;box-shadow:var(--rk-shadow-sm)}
-.rk-library-dot{width:6px;height:6px;border-radius:var(--rk-r-full);background:currentColor;opacity:.9}
-.rk-library-dur{position:absolute;bottom:12px;right:12px;z-index:2;padding:4px 9px;border-radius:var(--rk-r-full);background:rgba(23,23,23,.72);color:#fff;font-size:11px;font-weight:600;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
-.rk-library-play{position:absolute;top:50%;left:50%;z-index:2;width:52px;height:52px;border-radius:var(--rk-r-full);background:rgba(255,255,255,.94);display:grid;place-items:center;color:var(--rk-ink);box-shadow:var(--rk-shadow-md);opacity:0;transform:translate(-50%,-50%) scale(.82);transition:opacity var(--rk-dur) var(--rk-ease),transform var(--rk-dur) var(--rk-ease)}
-.rk-library-card:hover .rk-library-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
-@media(hover:none){.rk-library-play{opacity:1;transform:translate(-50%,-50%) scale(1)}}
-.rk-library-play svg{margin-left:2px}
-.rk-library-meta{display:grid;gap:9px;padding:14px 14px 15px}
-.rk-library-title{font-family:var(--rk-font-display);font-size:15px;font-weight:700;color:var(--rk-ink);line-height:1.24;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.48em}
-.rk-library-origin{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:500;color:var(--rk-text-muted)}
-.rk-library-origin-sep{color:var(--rk-text-faint);flex:none}
-.rk-library-origin-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
-.rk-library-time{font-size:12px;font-weight:600;color:var(--rk-text-faint);white-space:nowrap;flex:none}
-/* compact action row: labelled Schedule + icon-only Open/View/Download */
-.rk-library-actions{display:flex;align-items:center;gap:6px;margin-top:1px}
-.rk-library-act{flex:none;min-height:32px;padding:0 12px;font-size:12.5px;border-radius:var(--rk-r-full)}
-.rk-library-act-ic{width:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}
-.rk-library-act-ic svg{display:block}
-
-/* right-floated "⋯" overflow menu (Copy ID / Delete-with-popconfirm) */
-.rk-library-menu{position:relative;margin-left:auto;flex:none}
-.rk-library-kebab{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rk-border);border-radius:var(--rk-r-full);background:var(--rk-surface);color:var(--rk-n-600);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-library-kebab:hover{background:var(--rk-n-100);color:var(--rk-ink)}
-.rk-library-menu.is-open .rk-library-kebab{background:var(--rk-n-100);color:var(--rk-ink);border-color:var(--rk-border-strong)}
-.rk-library-kebab.is-ok{color:#1f7a44;border-color:#bfe6cd;background:#e8f7ee}
-.rk-library-menu-pop{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;min-width:172px;padding:6px;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-xl);box-shadow:var(--rk-shadow-lg,var(--rk-shadow-xl))}
-.rk-library-menu-pop[hidden]{display:none}
-.rk-library-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:0;border-radius:var(--rk-r-lg,12px);background:none;color:var(--rk-ink);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-library-menu-item svg{flex:none;color:var(--rk-n-500)}
-.rk-library-menu-item:hover{background:var(--rk-n-100)}
-.rk-library-menu-item.is-danger{color:var(--rk-red)}
-.rk-library-menu-item.is-danger svg{color:var(--rk-red)}
-.rk-library-menu-item.is-danger:hover{background:var(--rk-red-tint)}
-.rk-library-menu-confirm{padding:10px 11px 4px}
-.rk-library-menu-confirm[hidden]{display:none}
-.rk-library-menu-confirm-q{font-size:12.5px;font-weight:600;color:var(--rk-ink);margin:0 0 9px}
-.rk-library-menu-confirm-row{display:flex;justify-content:flex-end;gap:7px}
-.rk-library-menu-confirm-row .rk-btn{min-height:30px}
-
-/* new-project tile */
-.rk-library-new{display:grid;grid-auto-flow:row;place-content:center;justify-items:center;gap:14px;text-align:center;padding:28px 22px;border:1.5px dashed var(--rk-border-strong);border-radius:var(--rk-r-3xl);background:var(--rk-n-50);color:var(--rk-text-muted);transition:border-color var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease),transform var(--rk-dur) var(--rk-ease)}
-.rk-library-new:hover{border-color:var(--rk-gold-600);background:var(--rk-gold-tint);transform:translateY(-2px)}
-.rk-library-new-plus{font-family:var(--rk-font-display);font-weight:800}
-.rk-library-new-title{font-family:var(--rk-font-display);font-weight:800;font-size:var(--rk-text-lg);color:var(--rk-ink);letter-spacing:-.01em}
-.rk-library-new-sub{font-size:12.5px;color:var(--rk-text-muted);margin-top:3px;max-width:15ch}
-.rk-library-new[hidden]{display:none}
-
-/* empty state */
-.rk-library-empty{display:none;place-items:center;gap:12px;text-align:center;padding:64px 24px;border:1.5px dashed var(--rk-border-strong);border-radius:var(--rk-r-3xl);background:var(--rk-n-50)}
-.rk-library-empty.is-visible{display:grid}
-.rk-library-empty h3{font-size:var(--rk-text-xl)}
-.rk-library-empty p{max-width:42ch}
-
-@media(prefers-reduced-motion:reduce){.rk-library-video{}}
-
-/* ── fullscreen TikTok-style viewer (click a card → vertical scroll deck) ── */
-html.rk-noscroll,html.rk-noscroll body{overflow:hidden}
-.rk-library-viewer{position:fixed;inset:0;z-index:120}
-.rk-library-viewer[hidden]{display:none}
-.rk-library-viewer-scrim{position:absolute;inset:0;background:rgba(15,12,5,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
-.rk-library-viewer-track{position:absolute;inset:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
-.rk-library-viewer-track::-webkit-scrollbar{display:none}
-.rk-library-viewer-slide{height:100%;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;padding:20px 0}
-.rk-library-viewer-stage{position:relative;width:min(92vw,calc(93vh * 9 / 16));aspect-ratio:9/16;max-height:100%;margin:0;border-radius:var(--rk-r-3xl);overflow:hidden;background:#000;box-shadow:var(--rk-shadow-xl)}
-.rk-library-viewer-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
-video.rk-library-viewer-media{cursor:pointer}
-.rk-library-viewer-pause{position:absolute;inset:0;z-index:2;display:none;place-items:center;color:rgba(255,255,255,.92);pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
-.rk-library-viewer-pause svg{width:64px;height:64px}
-.rk-library-viewer-slide.is-paused .rk-library-viewer-pause{display:grid}
-.rk-library-viewer-shade{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.74) 0%,rgba(0,0,0,.22) 62%,transparent 100%)}
-.rk-library-viewer-info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:20px;display:grid;gap:8px;justify-items:start;pointer-events:none}
-.rk-library-viewer-title{font-family:var(--rk-font-display);font-weight:700;font-size:1.12rem;line-height:1.2;letter-spacing:-.01em;color:#fff}
-.rk-library-viewer-desc{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.82);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
-.rk-library-viewer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;pointer-events:auto}
-.rk-library-viewer-cta{flex:none}
-.rk-library-viewer .rk-btn-ghost-light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none}
-.rk-library-viewer .rk-btn-ghost-light:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.4)}
-.rk-library-viewer-ui{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:16px;z-index:5;display:flex;gap:10px}
-.rk-library-viewer-btn{width:44px;height:44px;border-radius:var(--rk-r-full);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--rk-dur) var(--rk-ease),transform var(--rk-dur) var(--rk-ease)}
-.rk-library-viewer-btn:hover{background:rgba(255,255,255,.24);transform:scale(1.06)}
-.rk-library-viewer-btn span{display:grid;place-items:center;line-height:0}
-.rk-library-viewer .rk-lvm-off{display:none}
-.rk-library-viewer.is-muted .rk-lvm-on{display:none}
-.rk-library-viewer.is-muted .rk-lvm-off{display:grid}
-.rk-library-viewer-nav{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:5;display:grid;gap:12px}
-@media(hover:none){.rk-library-viewer-nav{display:none}}
-@media(max-width:640px){
-  .rk-library-viewer-nav{display:none}
-  .rk-library-viewer-slide{padding:0}
-  .rk-library-viewer-stage{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}
-}
-
-/* ── clips tab ── */
-.rk-clips-toolbar{display:grid;gap:16px;margin-bottom:24px}
-.rk-clips-search{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 300px;min-width:240px;margin:0}
-.rk-clips-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--rk-n-400);pointer-events:none;display:flex}
-.rk-clips-search-input{flex:1;padding-left:40px;border-radius:var(--rk-r-full)}
-.rk-clips-search-btn{flex:none}
-.rk-clips-scan{flex:none}
-.rk-clips-status{font-size:13px;color:var(--rk-text-muted);font-weight:500}
-.rk-clips-status code{font-family:var(--rk-font-mono,monospace);font-size:12px;background:var(--rk-n-100);padding:1px 5px;border-radius:6px}
-
-/* ── raws file-directory explorer ── */
-/* breadcrumb bar (replaces the old count/summary double-row) */
-.rk-raws-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:30px;margin-bottom:18px}
-.rk-raws-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
-.rk-raws-crumb{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--rk-text-muted);max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.rk-raws-crumb.is-current{color:var(--rk-ink);font-family:var(--rk-font-display);font-weight:800;letter-spacing:-.01em}
-.rk-raws-crumb-link{border:0;background:none;padding:4px 8px 4px 6px;margin-left:-6px;border-radius:var(--rk-r-full);cursor:pointer;font-family:inherit;transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
-.rk-raws-crumb-link:hover{background:var(--rk-n-100);color:var(--rk-ink)}
-.rk-raws-crumb-link svg{flex:none}
-.rk-raws-crumb-sep{color:var(--rk-text-faint);font-weight:500}
-.rk-raws-crumb-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 6px;border-radius:var(--rk-r-full);background:var(--rk-n-100);color:var(--rk-text-muted);font-family:var(--rk-font-mono,monospace);font-size:11px;font-weight:700}
-.rk-raws-bar .rk-clips-status{margin-left:auto;text-align:right}
-
-/* the explorer grid switches between clip cards (default) and folder tiles */
-.rk-raws-explorer{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
-.rk-raws-explorer.is-folders{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}
-
-/* folder tile — 2×2 thumbnail mosaic + name + count */
-.rk-raws-folder-wrap{position:relative;display:flex}
-.rk-raws-folder-wrap>.rk-raws-folder{flex:1;min-width:0}
-.rk-raws-folder-menu{position:absolute;top:10px;right:10px;z-index:4}
-.rk-raws-folder-kebab{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--rk-r-full);background:rgba(255,255,255,.92);color:var(--rk-ink);cursor:pointer;opacity:0;transform:scale(.85);box-shadow:var(--rk-shadow-sm);transition:opacity var(--rk-dur) var(--rk-ease),transform var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease)}
-.rk-raws-folder-wrap:hover .rk-raws-folder-kebab,.rk-raws-folder-menu [aria-expanded="true"]{opacity:1;transform:scale(1)}
-.rk-raws-folder-kebab:hover{background:#fff}
-@media(hover:none){.rk-raws-folder-kebab{opacity:1;transform:scale(1)}}
-.rk-raws-folder-pop{position:absolute;top:36px;right:0;min-width:168px;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-lg);box-shadow:var(--rk-shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}
-.rk-raws-folder-pop[hidden]{display:none}
-.rk-raws-folder-pop button{appearance:none;border:0;background:none;font:inherit;text-align:left;padding:8px 10px;border-radius:var(--rk-r-md);color:var(--rk-ink);font-size:13px;font-weight:600;cursor:pointer}
-.rk-raws-folder-pop button:hover{background:var(--rk-n-100)}
-.rk-raws-folder{display:flex;flex-direction:column;overflow:hidden;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-2xl);box-shadow:var(--rk-shadow-card);cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0;transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
-.rk-raws-folder:hover{transform:translateY(-3px);box-shadow:var(--rk-shadow-md);border-color:var(--rk-gold-600)}
-.rk-raws-folder-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:2px;aspect-ratio:4/3;background:var(--rk-n-100);overflow:hidden}
-.rk-raws-folder-mosaic.is-single{grid-template-columns:1fr}
-.rk-raws-folder-mosaic.is-empty{display:grid;grid-template-columns:1fr;place-items:center;color:var(--rk-n-400);background:linear-gradient(150deg,var(--rk-n-100),var(--rk-n-50))}
-.rk-raws-folder-mosaic.is-empty svg{width:38px;height:38px}
-.rk-raws-folder-cell{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#171717}
-.rk-raws-folder-meta{display:flex;align-items:center;gap:10px;padding:13px 14px}
-.rk-raws-folder-ic{flex:none;color:var(--rk-gold-700);display:flex}
-.rk-raws-folder-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
-.rk-raws-folder-name{font-family:var(--rk-font-display);font-size:14px;font-weight:700;color:var(--rk-ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.rk-raws-folder-count{font-size:12px;font-weight:600;color:var(--rk-text-muted)}
-
-
-.rk-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
-.rk-clips-card{display:flex;flex-direction:column;overflow:hidden;background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-2xl);box-shadow:var(--rk-shadow-card)}
-.rk-clips-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;display:grid;place-items:center;background:linear-gradient(150deg,#2c2c2c,#171717)}
-.rk-clips-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
-.rk-clips-thumb-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:1}
-.rk-clips-thumb.is-playing .rk-clips-thumb-vid{display:block}
-.rk-clips-thumb.is-playing .rk-clips-play{opacity:0!important}
-.rk-clips-noimg{color:rgba(255,255,255,.68);font-size:12px;font-weight:600;letter-spacing:.01em}
-.rk-clips-dur{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:var(--rk-r-full);background:rgba(255,255,255,.92);color:var(--rk-ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--rk-shadow-xs);z-index:2}
-.rk-clips-fullbadge{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:var(--rk-r-full);background:var(--rk-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em;box-shadow:var(--rk-shadow-xs);z-index:3}
-.rk-clips-play{position:absolute;right:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;padding:0 0 0 2px;border:0;border-radius:var(--rk-r-full);background:rgba(255,255,255,.92);color:var(--rk-ink);font-size:13px;cursor:pointer;opacity:0;transform:scale(.85);box-shadow:var(--rk-shadow-sm);z-index:2;transition:opacity var(--rk-dur) var(--rk-ease),transform var(--rk-dur) var(--rk-ease),background var(--rk-dur) var(--rk-ease)}
-.rk-clips-card:hover .rk-clips-play{opacity:1;transform:scale(1)}
-@media(hover:none){.rk-clips-play{opacity:1;transform:scale(1)}}
-.rk-clips-play:hover{background:var(--rk-gold-500)}
-.rk-clips-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:16px}
-.rk-clips-title{font-family:var(--rk-font-display);font-size:14px;font-weight:700;line-height:1.34;color:var(--rk-ink);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
-.rk-clips-tags{display:flex;flex-wrap:wrap;gap:5px}
-.rk-clips-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--rk-r-full);background:var(--rk-gold-tint);color:var(--rk-n-700);font-size:11px;font-weight:600;white-space:nowrap}
-.rk-clips-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;border-top:1px solid var(--rk-border);padding-top:12px}
-.rk-clips-src{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rk-text-muted);font-size:12px;font-weight:500}
-.rk-clips-dl{flex:none;color:var(--rk-gold-700);font-size:12px;font-weight:700;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
-.rk-clips-dl:hover{color:var(--rk-gold-500)}
-/* the whole thumb is a button that opens the scroll-snap viewer */
-button.rk-clips-thumb{appearance:none;-webkit-appearance:none;border:0;margin:0;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}
-/* optimistic "importing…" placeholder card */
-.rk-clips-importing .rk-clips-thumb{aspect-ratio:3/4}
-.rk-clips-importing-spin{width:36px;height:36px;border-radius:var(--rk-r-full);border:3px solid rgba(255,255,255,.26);border-top-color:#fff;animation:rk-clips-spin .8s linear infinite}
-@keyframes rk-clips-spin{to{transform:rotate(360deg)}}
-.rk-clips-importing.is-error .rk-clips-thumb{background:linear-gradient(150deg,#5b2b23,#3a1a15)}
-.rk-clips-importing-x{color:rgba(255,255,255,.9);display:grid;place-items:center}
-.rk-clips-importing.is-error .rk-clips-title{color:#8d3b2f}
-.rk-clips-importing-tag{color:var(--rk-text-faint)!important;cursor:default}
-/* submit spinner while the request is in flight, before the modal closes */
-.rk-clips-dialog .rk-btn.is-loading{position:relative;color:transparent!important;pointer-events:none}
-.rk-clips-dialog .rk-btn.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:var(--rk-r-full);border:2px solid rgba(0,0,0,.32);border-top-color:var(--rk-ink);animation:rk-clips-spin .7s linear infinite}
-.rk-clips-empty{display:grid;place-items:center;gap:10px;text-align:center;padding:64px 20px;background:#fff;border:1.5px dashed var(--rk-border-strong);border-radius:var(--rk-r-3xl)}
-.rk-clips-empty[hidden]{display:none}
-.rk-clips-empty h3{font-size:var(--rk-text-xl)}
-.rk-clips-dialog{width:min(34rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);background:var(--rk-surface);box-shadow:var(--rk-shadow-xl);overflow:hidden}
-.rk-clips-dialog::backdrop{background:rgba(23,23,23,.34);backdrop-filter:blur(6px)}
-/* scroll the form (not the page) so Cancel / Import stay reachable when the
-   "Clip raws" advanced block expands on short / landscape-phone viewports */
-.rk-clips-dialog-form{display:grid;gap:16px;margin:0;padding:28px;max-height:calc(100dvh - 2rem);overflow-y:auto}
-.rk-clips-dialog-grid{gap:14px}
-.rk-clips-toggle{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:.92rem;line-height:1.4;color:var(--rk-n-700);background:var(--rk-n-50);border:1px solid var(--rk-border);border-radius:var(--rk-r-xl);padding:12px 14px}
-.rk-clips-toggle input{margin-top:2px;flex:0 0 auto;accent-color:var(--rk-gold);width:16px;height:16px;cursor:pointer}
-.rk-clips-toggle b{color:var(--rk-ink)}
-.rk-clips-advanced{display:grid;gap:16px}
-.rk-clips-advanced[hidden]{display:none}
-.rk-clips-dialog-note{background:var(--rk-gold-tint);border-radius:var(--rk-r-xl);padding:10px 13px;color:var(--rk-n-700)}
-.rk-clips-dialog-note[data-tone="error"]{background:#fdecea;color:#8d3b2f}
-.rk-clips-dialog-note[data-tone="success"]{background:#e8f7ee;color:#1f7a44}
-.rk-clips-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
-/* ── files tab: full-page mount of the shared directory-explorer component ──
-   The component (.rk-dir + .rk-aichat-* rows) is tuned for the narrow chat
-   drawer; on a full page we wrap it in a card and scale the search, crumbs and
-   rows up so it reads as a first-class file explorer. Scoped to
-   .rk-files-explorer so the drawer instance is untouched. */
-.rk-files-explorer{background:var(--rk-surface);border:1px solid var(--rk-border);border-radius:var(--rk-r-3xl);box-shadow:var(--rk-shadow-card);overflow:hidden;min-height:60vh;display:flex;flex-direction:column}
-.rk-files-explorer .rk-dir{flex:1;min-height:60vh}
-.rk-files-explorer .rk-dir-search{padding:18px 20px 12px}
-.rk-files-explorer .rk-dir-search-input{font-size:15px;padding:12px 16px;border-radius:var(--rk-r-full)}
-.rk-files-explorer .rk-aichat-crumbs,.rk-files-explorer .rk-dir-crumbs{padding:4px 22px 12px;gap:2px;border-bottom:1px solid var(--rk-border)}
-.rk-files-explorer .rk-aichat-crumb{font-size:14px;padding:4px 9px}
-.rk-files-explorer .rk-aichat-crumb-sep{font-size:14px}
-.rk-files-explorer .rk-dir-newfolder{font-size:12.5px;padding:5px 11px}
-.rk-files-explorer .rk-dir-selbar{margin:12px 18px 0;padding:9px 14px}
-.rk-files-explorer .rk-aichat-files-body,.rk-files-explorer .rk-dir-body{padding:12px 14px 20px;gap:3px}
-.rk-files-explorer .rk-aichat-frow{padding:11px 12px;border-radius:var(--rk-r-xl)}
-.rk-files-explorer .rk-aichat-fic{width:44px;height:44px;border-radius:var(--rk-r-lg)}
-.rk-files-explorer .rk-aichat-fname{font-size:14.5px}
-.rk-files-explorer .rk-aichat-fmeta{font-size:12.5px}
-.rk-files-explorer .rk-dir-open{font-size:12.5px}
-.rk-files-explorer .rk-dir-kebab{width:30px;height:30px}
-.rk-files-explorer .rk-aichat-drop{margin:0 18px 18px}
-.rk-files-explorer .rk-aichat-fstate{padding:48px 24px;text-align:center}
-@media(max-width:620px){
-  .rk-clips-search{flex:1 1 100%}
-  .rk-clips-scan{flex:1 1 100%}
-  .rk-clips-search-input{font-size:16px}
-  .rk-clips-grid,.rk-raws-explorer{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
-  .rk-raws-explorer.is-folders{grid-template-columns:repeat(2,minmax(0,1fr))}
-  .rk-files-explorer .rk-dir-search-input{font-size:16px}
-}
-`;
-    const tabTitle = isRaws ? " · Raws" : isLogs ? " · Logs" : isFiles ? " · Files" : "";
-    return reskinDocument({
-        title: `vidfarm reskin — Library${tabTitle}`,
-        description: "Reskinned vidfarm library: your published cuts, mined raws library, unified file directory, and job run history.",
-        activeSlug: "library",
-        account: { name: input.name, email: input.email },
-        pageCss: pageCss + (isLogs ? "\n" + JOBRUNS_PAGE_CSS : ""),
-        body,
-        // Files tab needs no page script — the auto-mounted directory-explorer
-        // component (base module on every full-chrome page) owns all its behaviour.
-        script: isFiles ? undefined : isLogs ? JOBRUNS_SCRIPT : isRaws ? CLIPS_SCRIPT : APPROVED_SCRIPT
-    });
-}
-//# sourceMappingURL=library-page.js.map