@mevdragon/vidfarm-devcli 0.18.1 → 0.19.1

package/dist/src/reskin/theme.js

@@ -84,7 +84,11 @@ export const RESKIN_CSS = `
 /* layout */
 .rk-container{width:min(var(--rk-container),100%);margin:0 auto;padding:0 var(--rk-gutter)}
 .rk-container-wide{width:min(85rem,100%);margin:0 auto;padding:0 var(--rk-gutter)}
-.rk-page{padding:24px 0 80px}
+/* vertical-only so it never clobbers the horizontal gutter that .rk-container
+   / .rk-container-wide set via padding-left/right (a full padding shorthand
+   here would zero the side gutter, leaving content flush to the viewport
+   edges, most visible on mobile) */
+.rk-page{padding-top:24px;padding-bottom:80px}
 .rk-page-head{display:grid;gap:4px;margin-bottom:18px}
 .rk-h1{font-size:var(--rk-text-3xl);letter-spacing:-.03em}
 .rk-sub{font-size:var(--rk-text-base);color:var(--rk-text-muted)}
@@ -116,11 +120,10 @@ export const RESKIN_CSS = `
   transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
 .rk-sidebar-item:hover{background:var(--rk-n-100);color:var(--rk-ink)}
 .rk-sidebar-item.is-active{background:var(--rk-gold-tint);color:var(--rk-ink)}
-/* signed-in identity — subtle, small, pinned to the sidebar foot so you can
- * tell which account you're in at a glance */
-/* padding-bottom reserves room for the floating chat FAB (bottom-left,
- * ~56px + 16px margin) so the name/email are never hidden behind it */
-.rk-sidebar-account{margin-top:8px;padding:8px 13px 80px;border-top:1px solid var(--rk-border);
+/* signed-in identity — subtle, small, pinned to the very bottom of the sidebar
+ * so you can tell which account you're in at a glance. The chat FAB hovers
+ * ABOVE this block (see .rk-signed-in .rk-fab) rather than sharing the spot. */
+.rk-sidebar-account{margin-top:8px;padding:8px 13px 2px;border-top:1px solid var(--rk-border);
   color:var(--rk-n-500);line-height:1.3;overflow:hidden}
 .rk-sidebar-account-name{font-size:12px;font-weight:600;color:var(--rk-n-600);
   white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -135,6 +138,10 @@ export const RESKIN_CSS = `
   border:0;cursor:grab;background:var(--rk-gold-500);color:var(--rk-ink);display:grid;place-items:center;
   box-shadow:var(--rk-shadow-lg);touch-action:none;user-select:none;-webkit-user-select:none;
   transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),opacity var(--rk-dur) var(--rk-ease)}
+/* signed in: the name/email block sits at the sidebar foot, so lift the FAB's
+ * default resting spot to hover just above it (never overlapping the identity).
+ * Only applies to the CSS default — a dragged FAB uses its saved inline top. */
+.rk-signed-in .rk-fab{bottom:calc(84px + env(safe-area-inset-bottom))}
 .rk-fab:hover{transform:translateY(-2px);box-shadow:0 6px 18px -6px rgba(252,185,0,.6),var(--rk-shadow-lg)}
 .rk-fab.is-dragging{cursor:grabbing;transition:none;transform:scale(1.08)}
 .rk-fab.is-open{opacity:0;pointer-events:none;transform:scale(.6)}
@@ -231,6 +238,12 @@ export const RESKIN_CSS = `
    a folder Open button, a per-row "…" kebab menu, and a copy-path toast.
    Reused verbatim by the chat dock (attach mode) and /library/raws (standalone). */
 .rk-dir{display:flex;flex-direction:column;min-height:0;flex:1}
+.rk-dir-space{flex:none;display:inline-flex;gap:2px;margin:2px 12px 8px;padding:2px;
+  background:var(--rk-n-100,#f1ede6);border:1px solid var(--rk-border);border-radius:var(--rk-r-full);align-self:flex-start}
+.rk-dir-space-btn{font-family:inherit;font-size:12px;font-weight:600;color:var(--rk-n-500,#7a7266);
+  background:transparent;border:0;border-radius:var(--rk-r-full);padding:4px 14px;cursor:pointer;
+  transition:background var(--rk-dur) var(--rk-ease),color var(--rk-dur) var(--rk-ease)}
+.rk-dir-space-btn.is-on{background:var(--rk-surface,#fff);color:var(--rk-ink);box-shadow:var(--rk-shadow-sm,0 1px 2px rgba(0,0,0,.06))}
 .rk-dir-search{flex:none;padding:0 12px 8px}
 .rk-dir-search-input{width:100%;font-family:inherit;font-size:12.5px;color:var(--rk-ink);
   background:var(--rk-surface,#fff);border:1px solid var(--rk-border);border-radius:var(--rk-r-full);padding:7px 12px;
@@ -302,8 +315,12 @@ export const RESKIN_CSS = `
 .rk-aichat-tool:hover{background:var(--rk-n-100);color:var(--rk-ink)}
 .rk-aichat-tool svg{width:15px;height:15px}
 .rk-aichat-tool.is-on{background:var(--rk-gold-tint);border-color:var(--rk-gold-600);color:var(--rk-ink)}
-.rk-aichat-log{flex:1;min-height:0;overflow-y:auto;padding:16px;display:grid;gap:10px;align-content:start;background:var(--rk-n-50)}
-.rk-aichat-msg{max-width:85%;padding:10px 14px;border-radius:var(--rk-r-2xl);font-size:13.5px;line-height:1.5;overflow-wrap:break-word}
+/* overflow-x:hidden + a capped single column (minmax(0,1fr), NOT the default
+   auto track which grows to content) keep the log scrolling ONLY vertically —
+   a wide child (long tool note / URL / file path) can no longer widen the grid
+   and force a horizontal scrollbar in the narrow dock column. */
+.rk-aichat-log{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;background:var(--rk-n-50)}
+.rk-aichat-msg{max-width:85%;min-width:0;padding:10px 14px;border-radius:var(--rk-r-2xl);font-size:13.5px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
 .rk-aichat-msg.is-ai{background:#fff;border:1px solid var(--rk-border);color:var(--rk-text);justify-self:start;
   border-bottom-left-radius:var(--rk-r-sm);box-shadow:var(--rk-shadow-xs)}
 .rk-aichat-msg.is-user{background:var(--rk-gold-tint2);color:var(--rk-ink);justify-self:end;border-bottom-right-radius:var(--rk-r-sm)}
@@ -320,6 +337,11 @@ export const RESKIN_CSS = `
 .rk-aichat-chip-label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;
   font-size:11.5px;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent}
 .rk-aichat-chip-label:hover{text-decoration-color:currentColor}
+.rk-aichat-chip.is-pending{opacity:.75}
+.rk-aichat-chip.is-pending .rk-aichat-chip-label{text-decoration:none;cursor:default}
+.rk-aichat-chip-spin{width:11px;height:11px;flex:none;border-radius:50%;border:2px solid currentColor;
+  border-top-color:transparent;animation:rk-aichat-chip-spin .7s linear infinite}
+@keyframes rk-aichat-chip-spin{to{transform:rotate(360deg)}}
 /* composer = one bordered "text area" box: the textarea fills the top and the
    attach + send controls sit inside it along the bottom row. */
 .rk-aichat-composer{display:flex;flex-direction:column;gap:8px;margin:12px;padding:10px 10px 9px;flex:none;background:#fff;
@@ -341,8 +363,8 @@ export const RESKIN_CSS = `
 .rk-aichat-attach svg{width:18px;height:18px}
 
 /* ── live agentic turn: status → actions (tool notes + HTTP cards) → text ── */
-.rk-aichat-turn{display:grid;gap:8px;justify-items:start;width:100%}
-.rk-aichat-stream{white-space:pre-wrap}
+.rk-aichat-turn{display:grid;gap:8px;justify-items:start;width:100%;min-width:0}
+.rk-aichat-stream{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
 .rk-aichat-stream[hidden]{display:none}
 .rk-aichat-actions{display:grid;gap:6px;width:100%}
 .rk-aichat-actions:empty{display:none}
@@ -356,7 +378,7 @@ export const RESKIN_CSS = `
 @keyframes rk-aichat-blink{0%,80%,100%{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
 .rk-aichat-toolnote{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--rk-text-muted);
   font-family:var(--rk-font-mono);background:#fff;border:1px solid var(--rk-border);
-  border-radius:var(--rk-r-lg);padding:5px 10px;width:fit-content}
+  border-radius:var(--rk-r-lg);padding:5px 10px;width:fit-content;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
 .rk-aichat-toolnote::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rk-gold-500);flex:none}
 .rk-aichat-loadmore{width:100%;margin-top:6px;padding:9px 12px;font-size:12.5px;font-weight:600;
   color:var(--rk-text);background:var(--rk-white);border:1px solid var(--rk-border);
@@ -521,6 +543,9 @@ export const RESKIN_CSS = `
   /* horizontal strip: kill the foot border + top offset so the account block
      sits centered in the row instead of showing a stray hairline above it */
   .rk-sidebar-account{padding:8px 13px 2px;border-top:0;margin-top:0}
+  /* strip/burger layout: the account block is no longer at the sidebar foot,
+     so drop the FAB back to its normal bottom-left resting spot */
+  .rk-signed-in .rk-fab{bottom:calc(16px + env(safe-area-inset-bottom))}
   .rk-content{margin-left:0}
   .rk-chat-left .rk-sidebar{visibility:visible}
 }

package/dist/src/services/billing.js

@@ -164,6 +164,10 @@ function resolveCostCenterSlug(input) {
             || explicitSlug === "video_download_lambda"
             || explicitSlug === "video_ingest_lambda"
             || explicitSlug === "rapidapi_remove_background"
+            // Local sharp chroma-key background removal + the 2-step media-overlay
+            // primitive (BYOK image gen + chroma key): platform compute/convenience.
+            || explicitSlug === "greenscreen_chroma_key"
+            || explicitSlug === "media_overlay"
             || explicitSlug === "primitive_media_lambda"
             || explicitSlug === "job_runner_lambda"
             || explicitSlug === "step_functions_standard"

package/dist/src/services/clip-curation/hunt.js

@@ -393,6 +393,8 @@ export function normalizeHuntSpec(raw) {
         spec.clips_per_10min = Math.min(200, perTen);
     if (typeof rec.source_url === "string" && rec.source_url.trim())
         spec.source_url = rec.source_url.trim();
+    if (typeof rec.folder_path === "string" && rec.folder_path.trim())
+        spec.folder_path = rec.folder_path.trim().slice(0, 500);
     return spec;
 }
 // ── misc ────────────────────────────────────────────────────────────────────

package/dist/src/services/clip-records.js

@@ -115,6 +115,34 @@ export class ClipRecordsService {
             ExpressionAttributeValues: { ":fp": folderPath }
         }));
     }
+    /**
+     * Rename/move a whole Raws folder: re-point every clip whose folder_path is
+     * `fromFolder` OR nested beneath it onto `toFolder` (prefix-preserving), so a
+     * folder rename carries its subfolders too. Returns the count moved.
+     * Paths are compared normalized (trimmed, no leading/trailing slashes).
+     */
+    async moveClipsFolder(owner, fromFolder, toFolder) {
+        const norm = (v) => String(v ?? "").split("/").map((s) => s.trim()).filter(Boolean).join("/");
+        const from = norm(fromFolder);
+        const to = norm(toFolder);
+        if (!from || from === to)
+            return 0;
+        const clips = await this.listClips(owner, { limit: 5000 });
+        let moved = 0;
+        for (const clip of clips) {
+            const fp = norm(clip.folder_path);
+            let next = null;
+            if (fp === from)
+                next = to;
+            else if (fp.startsWith(from + "/"))
+                next = to + fp.slice(from.length);
+            if (next != null) {
+                await this.updateClipFolder(owner, clip.clip_id, next);
+                moved += 1;
+            }
+        }
+        return moved;
+    }
     // ── Presets ──────────────────────────────────────────────────────────────
     async listPresets(owner) {
         const res = await dynamodb.send(new QueryCommand({

package/dist/src/services/file-directory.js

@@ -8,6 +8,7 @@
 //     /files/<subfolders…>/<name>     → My Files attachments  (users/<id>/files/…)
 //     /temp/<YYYY-MM-DD>/<name>        → Temp files            (users/<id>/temporary/…)
 //     /raws/<subfolders…>/<name>      → Raws / clip library   (clips/<owner>/…)
+//     /projects/<forkId>/<subpath…>   → Composition forks     (compositions/forks/<forkId>/…)
 //
 // It's a *virtual* layer: physical S3 keys are untouched. The canonical path is
 // what the UI copies, what the chat agent navigates, and what search annotates.
@@ -17,18 +18,20 @@
 // Pure logic, no runtime deps, so both `src/app.ts` (serve) and
 // `infra/lambda/editor-chat.ts` (cloud) import it, and the frontend explorer
 // client mirrors the same constants.
-export const DIRECTORY_ROOT_KEYS = ["files", "temp", "raws"];
+export const DIRECTORY_ROOT_KEYS = ["files", "temp", "raws", "projects", "approved"];
 export const DIRECTORY_ROOTS = [
     { key: "files", label: "My Files", description: "Durable personal files — brand assets, characters, saved context. Vector-searchable via notes." },
     { key: "temp", label: "Temp", description: "Scratch space, auto-organized by date (YYYY-MM-DD) and auto-deleted after 30 days." },
-    { key: "raws", label: "Raws", description: "The reusable clip / source-footage library, organized into folders by source." }
+    { key: "raws", label: "Raws", description: "The reusable clip / source-footage library, organized into folders by source." },
+    { key: "projects", label: "Projects", description: "Your video-editing projects — one folder per fork, holding that composition's working files (composition.html/json, cast, media) and saved versions. Read-only: browse to reference or study another fork." },
+    { key: "approved", label: "Approved", description: "Finished, ready-to-post cuts, organized into folders (defaults to a folder per tracer/campaign)." }
 ];
 // The attachments backend historically scopes its folders under the internal
 // key "my_files"; the canonical public root name is "files". These two helpers
 // bridge the canonical name and that backend scope so callers never hardcode it.
 export const ATTACHMENTS_FOLDER_SCOPE = "my_files";
 export function isDirectoryRoot(value) {
-    return value === "files" || value === "temp" || value === "raws";
+    return value === "files" || value === "temp" || value === "raws" || value === "projects" || value === "approved";
 }
 export function directoryRootLabel(root) {
     const info = DIRECTORY_ROOTS.find((r) => r.key === root);